/* Shared navigation and gallery list: live text, native links, real source data. */
body .dock{position:fixed!important;inset:auto 0 0!important;transform:none!important;width:min(100%,760px)!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:5px 8px calc(7px + env(safe-area-inset-bottom))!important;border:1px solid #e8d5b8!important;border-radius:22px 22px 0 0!important;background:#fffaf1!important;box-shadow:0 -4px 20px #724b1910!important;z-index:20!important}
body .dock a{position:relative;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:60px!important;padding:5px 2px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#66564a!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important;transform:none!important;text-decoration:none}
body .dock a::before,body .dock a::after{display:none!important}
body .dock a svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body .dock a[aria-current=page]{color:#c71922!important;background:#ffede8!important}
body .dock a[aria-current=page]::after{content:'';display:block!important;position:absolute;top:-4px;left:35%;right:35%;height:3px;border-radius:4px;background:#d89832}
body .dock a:focus-visible,.gallery-redesign a:focus-visible,.gallery-redesign button:focus-visible,.gallery-redesign input:focus-visible{outline:3px solid #a74b22!important;outline-offset:2px}
.gallery-redesign{background:#fcf6eb!important;color:#432015;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
.gallery-redesign .page{display:block;min-height:0}
.gallery-redesign .ui-top{width:min(100% - 28px,900px);height:116px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.gallery-redesign::before{background-image:linear-gradient(#fffaf0ad,#fffaf0ed),url('/assets/zodiac-background.jpg')!important;background-size:auto,700px auto!important}
.gallery-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#42180f}
.gallery-seal{width:44px;height:48px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#f13b2e,#ac000b);color:#fff;font:32px serif}
.gallery-brand strong{font:700 20px 'KaiTi',serif;display:block}.gallery-brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:4px}
.gallery-records{padding:8px 10px;border:1px solid #cc3729;border-radius:25px;color:#b01c16;background:#fff9ef;font-size:12px;white-space:nowrap}
.gallery-redesign .workspace{display:block;width:min(100% - 16px,900px)!important;margin:0 auto!important;padding:0!important;animation:none!important}
.gallery-panel{background:#fffaf1e8;border:1px solid #e5cdaa;border-radius:23px;overflow:hidden;box-shadow:0 5px 18px #8358190d}
.gallery-heading{position:relative;text-align:center;padding:16px 44px;border-bottom:1px solid #ecdac0;background:linear-gradient(#fffcf6,#f7edde)}
.gallery-heading>a{position:absolute;left:9px;top:12px;width:40px;height:44px;display:grid;place-items:center;font-size:36px;line-height:1}
.gallery-heading h1{font:700 25px 'KaiTi',serif;margin:0}.gallery-heading small{display:block;font:10px sans-serif;letter-spacing:4px;color:#95745c;margin-top:5px}
.gallery-content{padding:12px}.gallery-search{display:flex;gap:8px;margin:0 0 10px}.gallery-search input{width:0;flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #e3d1b9;border-radius:12px;background:#fffdfa;color:#432015;font:16px inherit}
.gallery-search button,.gallery-retry,.gallery-back-list{border:1px solid #d03a2a;border-radius:11px;background:linear-gradient(#df3027,#b41713);color:#fff;padding:10px 18px;font:inherit;cursor:pointer;min-height:44px}
.gallery-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e4ccb0;border-radius:12px;overflow:hidden;margin-bottom:12px}.gallery-tabs a{text-align:center;padding:10px 4px;font-size:16px;font-weight:650;text-decoration:none}.gallery-tabs a[aria-current]{background:linear-gradient(130deg,#e4342a,#aa1714);color:#fff;box-shadow:inset 0 0 0 2px #ffdbb7;border-radius:11px}
.gallery-list-card{border:1px solid #eedcc3;border-radius:17px;padding:12px;background:#fffcf6b8}.gallery-list-card h2{font-size:17px;margin:0;padding:0 0 10px;border-bottom:1px solid #dcc2a0}.gallery-status{font-size:13px;color:#795942;margin:9px 0}.gallery-status:empty{display:none}.gallery-list{padding:0;margin:0;list-style:none}.gallery-list li+li{border-top:1px solid #ecdfce}.gallery-list a{display:flex;align-items:center;gap:10px;min-height:61px;padding:10px 2px;text-decoration:none;color:#42190f}.gallery-list strong{flex:1;min-width:0;font-size:16px;font-weight:650;overflow-wrap:anywhere}.gallery-period{font-size:12px;white-space:nowrap;color:#bc241b;background:#ffe9e0;border-radius:7px;padding:5px 7px;font-variant-numeric:tabular-nums}.gallery-arrow{font-size:27px;line-height:1}.gallery-back-list{margin-bottom:12px}.gallery-redesign [hidden]{display:none!important}
@media(min-width:700px){.gallery-redesign .ui-top{height:145px}.gallery-brand strong{font-size:30px}.gallery-seal{width:60px;height:64px;font-size:40px}.gallery-records{font-size:16px}.gallery-content{padding:22px}.gallery-list a{min-height:74px}.gallery-list strong{font-size:20px}.gallery-period{font-size:15px}}

/* Match the approved portrait composition, without scaling text or controls. */
.gallery-redesign{font-family:"Microsoft YaHei","PingFang SC",sans-serif!important;background:#fbf5e9!important}
.gallery-redesign::before{background-image:linear-gradient(#fff9ece0,#fff9ecf5),url('/assets/zodiac-background.jpg')!important;background-size:auto,600px auto!important;filter:sepia(.65);opacity:.85}
.gallery-redesign .ui-top{position:relative;width:min(100%,900px);height:128px;padding:16px 18px;isolation:isolate}
.gallery-redesign .ui-top::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff8ec url('/assets/gallery-gold-dragon-v1.png') center/cover no-repeat;filter:none;opacity:1;pointer-events:none}
.gallery-brand{align-self:flex-start;margin-top:23px;gap:10px;flex-shrink:0}
.gallery-brand strong{font-family:"Songti SC","SimSun",serif;font-size:21px;font-weight:900;line-height:1.3;white-space:nowrap}
.gallery-brand small{font-size:8px;letter-spacing:3px;margin-top:3px}
.gallery-seal{width:42px;height:43px;border:1px solid #eb4a37;box-shadow:inset 0 1px 2px #fff6;font-size:32px}
.gallery-records{position:absolute;right:15px;bottom:31px;padding:6px 10px;background:#fffaf1ed;font-size:12px;font-weight:650}
.gallery-redesign .workspace{width:min(100%,900px)!important}
.gallery-panel{border-radius:23px 23px 0 0;border-color:#dfc49d;background:linear-gradient(110deg,#fffcf5,#faf2e6);box-shadow:0 -2px 0 #e6ceaa88,inset 0 1px 0 #fff}
.gallery-heading{padding:13px 44px 10px;background:linear-gradient(130deg,#fffdf8,#f6eddf);box-shadow:inset 0 1px #fff}
.gallery-heading h1{font-family:"Songti SC","SimSun",serif;font-size:25px;font-weight:900;line-height:1.3}
.gallery-heading small{font-size:8px;margin-top:3px}
.gallery-content{padding:9px 14px 18px}
.gallery-search{position:relative;gap:7px;margin-bottom:9px}
.gallery-search::before{content:"";position:absolute;left:15px;top:13px;width:11px;height:11px;border:2px solid #80796f;border-radius:50%;pointer-events:none}
.gallery-search::after{content:"";position:absolute;left:27px;top:25px;width:7px;height:2px;background:#80796f;transform:rotate(45deg);pointer-events:none}
.gallery-search input{height:42px;padding:0 10px 0 37px;font-family:inherit;font-size:15px;border-color:#dfcfb8;background:linear-gradient(110deg,#fffefa,#f8f6f2);box-shadow:inset 0 1px 2px #76532608}
.gallery-search button{min-height:42px;padding:7px 17px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#ed4033,#c22119 65%,#aa1812);border-color:#d64a35;box-shadow:inset 0 1px 2px #ffaf87,0 3px 7px #b73a181a}
.gallery-tabs{margin-bottom:9px;background:#fffcf6;border-color:#e2ceb3}
.gallery-tabs a{padding:8px 4px;font-size:16px;line-height:1.35}
.gallery-tabs a[aria-current]{box-shadow:inset 0 0 0 1px #ffdec5,inset 0 2px 3px #ffb49a66;background:linear-gradient(135deg,#df3428,#ae1915)}
.gallery-list-card{padding:12px 8px 8px;border-radius:16px;border-color:#edddc5;box-shadow:0 4px 12px #99734208;background:#fffdf7a6}
.gallery-list-card h2{font-size:16px;margin:0 4px;padding-bottom:10px;color:#492013;line-height:1.4}
.gallery-list{margin-top:8px;border:1px solid #eddfcb;border-radius:12px;overflow:hidden}
.gallery-list a{min-height:48px;padding:9px 12px;gap:10px;line-height:1.4}
.gallery-list strong{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;font-weight:700;color:#3d1a10}
.gallery-period{font-size:11px;font-weight:650;padding:5px 7px;border-radius:6px;background:#fce5df;color:#c01816}
.gallery-arrow{font-size:26px;font-weight:400}
body .dock{border-radius:0!important;border-color:#e9d9c0!important;background:linear-gradient(110deg,#fffcf5,#faf3e7)!important;padding-top:5px!important;box-shadow:0 -1px 6px #8b65340a!important}
body .dock a{min-height:58px!important;gap:5px;font-size:14px!important}
body .dock a svg{width:26px;height:26px}
body .dock a[aria-current=page]{background:linear-gradient(120deg,#fce9e3,#fff0eb)!important}
@media(min-width:700px){.gallery-redesign .ui-top{height:155px}.gallery-brand strong{font-size:30px}.gallery-brand{margin-top:25px}.gallery-seal{width:58px;height:60px;font-size:42px}.gallery-records{font-size:16px;bottom:45px}.gallery-list a{min-height:65px}.gallery-list strong{font-size:19px}.gallery-period{font-size:14px}}
@media(max-width:360px){.gallery-brand strong{font-size:19px}.gallery-redesign .ui-top{padding-inline:14px}.gallery-records{bottom:17px}.gallery-list a{padding-inline:9px;gap:7px}.gallery-list strong{font-size:15px}.gallery-period{padding:4px 5px;font-size:10px}}

/* Gallery-only 70% density; keep the content width and fixed navigation intact. */
.gallery-redesign .ui-top{height:89.6px;padding:11.2px 12.6px}
.gallery-redesign .gallery-brand{margin-top:16.1px;gap:7px}
.gallery-redesign .gallery-brand strong{font-size:14.7px}
.gallery-redesign .gallery-brand small{font-size:10px;letter-spacing:2.1px;margin-top:2.1px}
.gallery-redesign .gallery-seal{width:29.4px;height:30.1px;border-radius:7.7px;font-size:22.4px}
.gallery-redesign .gallery-records{right:10.5px;bottom:12px;padding:6px 9px;font-size:12px;min-height:32px;display:flex;align-items:center}
.gallery-redesign .gallery-panel{border-radius:16px 16px 0 0}
.gallery-redesign .gallery-heading{padding:9.1px 30.8px 7px}
.gallery-redesign .gallery-heading h1{font-size:17.5px}
.gallery-redesign .gallery-heading small{font-size:10px;letter-spacing:2.8px;margin-top:2.1px}
.gallery-redesign .gallery-heading>a{left:6.3px;top:8.4px;width:28px;height:30.8px;font-size:25.2px}
.gallery-redesign .gallery-content{padding:6.3px 9.8px 12.6px}
.gallery-redesign .gallery-search{gap:4.9px;margin-bottom:6.3px}
.gallery-redesign .gallery-search input{height:29.4px;padding:0 7px 26px;font-size:10.5px;border-radius:8.4px}
.gallery-redesign .gallery-search::before{left:10.5px;top:9.1px;width:7.7px;height:7.7px;border-width:1.4px}
.gallery-redesign .gallery-search::after{left:18.9px;top:17.5px;width:4.9px;height:1.4px}
.gallery-redesign .gallery-search button{min-height:29.4px;padding:4.9px 11.9px;font-size:11.2px;border-radius:7.7px}
.gallery-redesign .gallery-tabs{margin-bottom:6.3px;border-radius:8.4px}
.gallery-redesign .gallery-tabs a{padding:5.6px 2.8px;font-size:11.2px}
.gallery-redesign .gallery-list-card{padding:8.4px 5.6px 5.6px;border-radius:11.2px}
.gallery-redesign .gallery-list-card h2{font-size:11.2px;margin:0 2.8px;padding-bottom:7px}
.gallery-redesign .gallery-list{margin-top:5.6px;border-radius:8.4px}
.gallery-redesign .gallery-list a{min-height:33.6px;padding:6.3px 8.4px;gap:7px}
.gallery-redesign .gallery-list strong{font-size:11.2px}
.gallery-redesign .gallery-period{font-size:7.7px;padding:3.5px 4.9px;border-radius:4.2px}
.gallery-redesign .gallery-arrow{font-size:18.2px}
body.gallery-redesign .dock{gap:2.8px!important;padding:3.5px 5.6px calc(4.9px + env(safe-area-inset-bottom))!important}
body.gallery-redesign .dock a{min-height:40.6px!important;padding:3.5px 1.4px!important;gap:3.5px;font-size:9.8px!important;border-radius:10.5px!important}
body.gallery-redesign .dock a svg{width:18.2px;height:18.2px}
.gallery-redesign{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}

/* Compact spacing with legible type and vertically centered search input. */
.gallery-redesign .gallery-search input{height:36px;padding:0 10px 0 32px;font-size:14px;line-height:normal}
.gallery-redesign .gallery-search::before{left:12px;top:11px;width:10px;height:10px;border-width:1.5px}
.gallery-redesign .gallery-search::after{left:23px;top:23px;width:6px;height:1.5px}
.gallery-redesign .gallery-search button{min-height:36px;padding:5px 13px;font-size:14px}
.gallery-redesign .gallery-tabs a{font-size:14px;padding:7px 4px}
.gallery-redesign .gallery-list-card h2{font-size:14px;padding-bottom:8px}
.gallery-redesign .gallery-list a{min-height:40px;padding:7px 8px}
.gallery-redesign .gallery-list strong{font-size:14px;line-height:1.4}
.gallery-redesign .gallery-period{font-size:11px;padding:4px 6px;line-height:1.3}
.gallery-redesign .gallery-arrow{font-size:22px}
body.gallery-redesign .dock a{min-height:48px!important;font-size:12px!important;gap:4px}
body.gallery-redesign .dock a svg{width:22px;height:22px}
.gallery-redesign{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}

/* Records and messages share the gallery shell without changing data or forms. */
body.unified-detail .unified-workspace{display:block;width:min(100%,900px)!important;margin:0 auto!important;padding:0!important;border:1px solid #dfc49d;border-radius:16px 16px 0 0;background:linear-gradient(110deg,#fffcf5,#faf2e6);overflow:hidden;min-height:0;animation:none!important}
body.unified-detail .frame-wrap{border:0;border-radius:0;background:#fffcf5;box-shadow:none}
body.unified-detail .card,body.unified-detail .message,body.unified-detail .empty{border:1px solid #ead8be;border-radius:12px;background:#fffaf2;box-shadow:0 3px 10px #83581908}
body.unified-detail #message-form{margin:10px;padding:14px}
body.unified-detail .lead{font-size:13px;color:#795942;margin:0 0 14px}
body.unified-detail .field{margin-bottom:14px}
body.unified-detail label{font-size:14px;color:#492013;margin-bottom:6px}
body.unified-detail input,body.unified-detail textarea{border:1px solid #dfcfb8;border-radius:9px;background:#fffdfa;padding:10px 12px;color:#432015;font-size:16px;box-shadow:inset 0 1px 2px #76532608}
body.unified-detail textarea{min-height:120px}
body.unified-detail button[type=submit]{min-height:42px;padding:8px 14px;border:1px solid #d64a35;border-radius:10px;background:linear-gradient(135deg,#ed4033,#b51b15);color:white;font-size:15px;box-shadow:inset 0 1px 2px #ffaf87}
body.unified-detail #message-list{margin:12px 10px;gap:10px}
body.unified-detail .message{padding:14px}
body.unified-detail .message-content{font-size:14px}
body.unified-detail .reply{font-size:13px;background:#fce9e1;border-color:#c62a20}
