/* 时期 UI（Claude, 2026-09-27）
   现世 [data-era="present"]：26 年新衣 UI —— 奶白纸面、玫瑰波浪花边、深棕标题条、四瓣花、蝴蝶结。
   旧日 [data-era="past"] 及未标时期的默认卡片：国风歌杂直播间 UI —— 米黄宣纸、铜红描金框、祥云。
   只作用于带 data-era 的容器和下列组件；图片素材来源见 assets/era/manifest.json。本文件须最后加载。 */
:root{
 --p-paper:#f8f5f1;--p-blush:#f4e6e1;--p-rose:#e1b1ac;--p-rose-deep:#c47a77;--p-brown:#604f4e;--p-brown-deep:#453b37;--p-ink:#4a3836;--p-muted:#846d69;--p-crimson:#a8323f;--p-line:#dcc8b8;
 --o-paper:#fdf6e4;--o-paper-2:#f6e2c6;--o-copper:#d58450;--o-red:#b8472d;--o-deep:#7c2c1b;--o-gold:#e7b66d;--o-ink:#51301f;--o-muted:#8a6450;
 --p-sheet:url('assets/era/p-scallop-top.webp?v=d4cb595145') 0 0/auto 46px repeat-x,url('assets/era/p-peony-clear.webp?v=ab850e89ad') right -6px bottom -6px/220px auto no-repeat,var(--p-paper);
 --p-checker:url('assets/era/p-checker-clear.webp?v=bae28358ac') 24px calc(100% - 18px)/78px auto no-repeat;
 --o-sheet:url('assets/era/o-clouds-clear.webp?v=b367c7149d') right bottom/min(520px,78%) auto no-repeat,linear-gradient(175deg,var(--o-paper) 30%,var(--o-paper-2));
}

/* ---------- 纸面卡片（整块区域） ---------- */
.catalog-page .era-section[data-era],.realm-page .story-gateway,.activity-archive[data-era] .archive-document,.activity-archive[data-era] .archive-rules,.activity-archive[data-era] .archive-schedule{position:relative;isolation:isolate}
.catalog-page .era-section[data-era="present"],.realm-page .story-gateway[data-era="present"],.activity-archive[data-era="present"] .archive-document,.activity-archive[data-era="present"] .archive-rules,.activity-archive[data-era="present"] .archive-schedule{
 background:var(--p-sheet);color:var(--p-ink);border:3px solid var(--p-rose);border-radius:18px;box-shadow:0 14px 34px #1d100c55}
.catalog-page .era-section[data-era="present"]:before,.realm-page .story-gateway[data-era="present"]:before,.activity-archive[data-era="present"] .archive-document:before,.activity-archive[data-era="present"] .archive-rules:before,.activity-archive[data-era="present"] .archive-schedule:before{
 content:"";position:absolute;inset:52px 9px 9px;border:1.5px dotted #d7bba9;border-top:0;border-radius:0 0 11px 11px;pointer-events:none;z-index:-1}
.catalog-page .era-section[data-era="present"]:after,.realm-page .story-gateway[data-era="present"]:after{content:"";position:absolute;top:-3px;right:18px;width:66px;height:42px;background:url('assets/era/p-bow.webp?v=9dbe635354') center/contain no-repeat;pointer-events:none}

.catalog-page .era-section[data-era="past"],.realm-page .story-gateway[data-era="past"],.realm-page .story-gateway:not([data-era]),.activity-archive[data-era="past"] .archive-document,.activity-archive[data-era="past"] .archive-rules,.activity-archive[data-era="past"] .archive-schedule{
 background:var(--o-sheet);color:var(--o-ink);border:6px solid var(--o-red);border-image:linear-gradient(135deg,#eea45f,#c4553a 38%,#a93f2a 62%,#e79a55) 1;border-radius:0;box-shadow:0 14px 34px #1d100c66}
.catalog-page .era-section[data-era="past"]:before,.realm-page .story-gateway[data-era="past"]:before,.realm-page .story-gateway:not([data-era]):before,.activity-archive[data-era="past"] .archive-document:before,.activity-archive[data-era="past"] .archive-rules:before,.activity-archive[data-era="past"] .archive-schedule:before{
 content:"";position:absolute;inset:6px;border:22px solid transparent;border-image:url('assets/ui/gilded-frame.webp?v=4277067976') 90 / 22px stretch;pointer-events:none;z-index:-1;opacity:.9}

/* ---------- 区块标题条 ---------- */
.era-heading{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 24px;min-height:0;padding:0;background:none;border:0;isolation:isolate}
.era-heading:before,.era-heading:after{content:none}
.era-heading h2{font-family:var(--serif);font-weight:800;letter-spacing:.14em;margin:0;line-height:1.2}
.era-heading small{font-family:var(--serif);letter-spacing:.08em}
.era-heading--present{height:48px;border-style:solid;border-width:0 57px 0 78px;border-image:url('assets/era/p-brown-plain.webp?v=94b2631b71') 0 65 0 90 fill / 0 57px 0 78px;color:#fbf2ec;margin-inline:-6px}
.era-heading--present h2{font-size:22px;color:#fff8f2}
.era-heading--present small{color:#f1cfc6;font-size:13px}
.era-heading--present:after{content:"";position:absolute;left:auto;right:4px;bottom:auto;top:0;opacity:1;width:160px;height:48px;background:url('assets/era/p-brown-bow.webp?v=fc54aa049e') center/auto 48px no-repeat}
.era-heading--past{height:62px;border-style:solid;border-width:0 39px;border-image:url('assets/era/o-pill.webp?v=bd16950fd8') 0 72 fill / 0 39px;padding-inline:14px;color:var(--o-deep);margin-inline:-4px}
.era-heading--past h2{font-size:24px;color:var(--o-deep)}
.era-heading--past small{color:var(--o-red);font-size:13px}

/* ---------- 影录长卷：检索栏（默认国风 UI） ---------- */
.catalog-page .catalog-filter{position:relative;isolation:isolate;background:var(--o-sheet);color:var(--o-ink);border:5px solid var(--o-red);border-image:linear-gradient(135deg,#eea45f,#c4553a 40%,#a93f2a 62%,#e79a55) 1;box-shadow:0 12px 28px #1d100c66}
.catalog-page .catalog-filter:before{content:"";position:absolute;inset:5px;border:18px solid transparent;border-image:url('assets/ui/gilded-frame.webp?v=4277067976') 90 / 18px stretch;pointer-events:none;z-index:-1;opacity:.9}
.catalog-page .catalog-filter label{color:var(--o-deep);font-family:var(--serif);font-weight:800;letter-spacing:.08em}
.catalog-page .catalog-filter input,.catalog-page .catalog-filter select{background:#fffdf6;color:var(--o-ink);border:1.5px solid #d69260;border-radius:999px;font-family:var(--sans);font-weight:400;letter-spacing:0;padding-inline:18px}
.catalog-page .catalog-filter input::placeholder{color:#b08a72}
.catalog-page .catalog-filter input:focus-visible,.catalog-page .catalog-filter select:focus-visible{outline:2px solid var(--o-red);outline-offset:2px;border-color:var(--o-red)}
.catalog-page .catalog-filter button{background:linear-gradient(#cf6a43,#a63f28);color:#fff5e4;border:0;border-radius:999px;box-shadow:0 0 0 1.5px #f3c98d;font-family:var(--serif);font-weight:800;padding-inline:22px;transition:transform .2s,background .2s}
.catalog-page .catalog-filter button:hover,.catalog-page .catalog-filter button:focus-visible{background:var(--o-deep);transform:translateY(-2px)}
.catalog-page .catalog-count{color:#fbe3c4}

/* ---------- 影录长卷：时期区块内部 ---------- */
.catalog-page .era-section[data-era]{padding:66px clamp(18px,3.4vw,40px) 44px;margin-top:40px;scroll-margin-top:130px}
.catalog-page .era-section[data-era="present"],.realm-page .story-gateway[data-era="present"]{background:var(--p-checker),var(--p-sheet)}
.catalog-page .era-section[data-era="past"]{padding-top:40px}
.catalog-page .era-section[data-era="present"] .era-summary{color:var(--p-muted)}
.catalog-page .era-section[data-era="past"] .era-summary{color:var(--o-muted)}
.catalog-page .era-section[data-era] .category-jumps a{border-radius:999px;font-family:var(--serif);font-weight:800;letter-spacing:.04em;transition:transform .2s,background .2s,color .2s}
.catalog-page .era-section[data-era="present"] .category-jumps a{background:var(--p-brown);color:#fbf1ea;border:1px solid var(--p-brown)}
.catalog-page .era-section[data-era="present"] .category-jumps a:before{content:"✦ ";color:#f2c6bd}
.catalog-page .era-section[data-era="present"] .category-jumps a:hover,.catalog-page .era-section[data-era="present"] .category-jumps a:focus-visible{background:var(--p-crimson);border-color:var(--p-crimson);transform:translateY(-2px)}
.catalog-page .era-section[data-era="past"] .category-jumps a{background:#fffaf0;color:var(--o-deep);border:1.5px solid var(--o-copper)}
.catalog-page .era-section[data-era="past"] .category-jumps a:hover,.catalog-page .era-section[data-era="past"] .category-jumps a:focus-visible{background:var(--o-red);color:#fff5e6;border-color:var(--o-red);transform:translateY(-2px)}

.catalog-page .era-section[data-era] .video-group h3{font-family:var(--serif);font-weight:800;font-size:22px;border-bottom:0;padding:0 0 10px;display:flex;align-items:center;gap:14px}
.catalog-page .era-section[data-era] .video-group h3:after{content:"";flex:1;height:24px}
.catalog-page .era-section[data-era="present"] .video-group h3{color:var(--p-ink)}
.catalog-page .era-section[data-era="present"] .video-group h3:after{background:url('assets/era/p-bowline.webp?v=d293da4d9b') right center/auto 24px no-repeat,linear-gradient(#d9aaa4,#d9aaa4) left 50%/calc(100% - 196px) 1.5px no-repeat}
.catalog-page .era-section[data-era="past"] .video-group h3{color:var(--o-deep)}
.catalog-page .era-section[data-era="past"] .video-group h3:after{height:2px;background:linear-gradient(90deg,var(--o-copper),#e7b66d 60%,transparent)}

.catalog-page .era-section[data-era] .video-record{border-radius:0;box-shadow:none;transition:transform .22s ease,background-color .22s,border-color .22s,box-shadow .22s}
.catalog-page .era-section[data-era="present"] .video-record{background:#fffdfb;border:1.5px solid #7c6462;border-radius:30px;padding:16px 58px 16px 22px}
.catalog-page .era-section[data-era="present"] .video-record:after{content:"";position:absolute;right:20px;top:50%;width:22px;height:18px;margin-top:-9px;background:url('assets/era/p-flower.webp?v=2b866a00e0') center/contain no-repeat;transition:transform .35s ease}
.catalog-page .era-section[data-era="present"] .video-record:hover,.catalog-page .era-section[data-era="present"] .video-record:focus-within{background:var(--p-blush);border-color:var(--p-crimson);transform:translateX(4px);box-shadow:0 6px 16px #c47a7733}
.catalog-page .era-section[data-era="present"] .video-record:hover:after,.catalog-page .era-section[data-era="present"] .video-record:focus-within:after{transform:rotate(45deg) scale(1.15)}
.catalog-page .era-section[data-era="present"] .video-number{font-family:var(--serif);font-weight:800;font-size:15px;color:#fbf1ea;background:var(--p-brown);border-radius:6px;width:38px;height:30px;display:grid;place-items:center}
.catalog-page .era-section[data-era="present"] .video-record h4{color:var(--p-ink)}
.catalog-page .era-section[data-era="present"] .video-record p{color:var(--p-muted)}
.catalog-page .era-section[data-era="present"] .video-play{color:var(--p-crimson)}

.catalog-page .era-section[data-era="past"] .video-record{background:linear-gradient(#fffdf6,#fbecd6);border:1.5px solid #d69260;box-shadow:inset 0 0 0 3px #fffaf0,inset 0 0 0 4px #efc98f;border-radius:4px;padding:16px 22px}
.catalog-page .era-section[data-era="past"] .video-record:hover,.catalog-page .era-section[data-era="past"] .video-record:focus-within{border-color:var(--o-red);background:linear-gradient(#fff8ea,#f8dfbf);transform:translateX(4px);box-shadow:inset 0 0 0 3px #fffaf0,inset 0 0 0 4px #e9a86a,0 6px 16px #b8472d33}
.catalog-page .era-section[data-era="past"] .video-number{font-family:var(--serif);font-weight:800;font-size:14px;color:#fff5e4;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#e98a5a,#b8472d 60%,#8c2f1f);box-shadow:0 0 0 2px #f3c98d,0 0 0 3px #b8472d}
.catalog-page .era-section[data-era="past"] .video-record h4{color:var(--o-ink)}
.catalog-page .era-section[data-era="past"] .video-record p{color:var(--o-muted)}
.catalog-page .era-section[data-era="past"] .video-play{color:var(--o-red)}
.catalog-page .era-section[data-era] .video-record h4 a:focus-visible{outline-color:currentColor}
.catalog-page .era-section[data-era="present"] .era-empty{border-color:#d7bba9;color:var(--p-muted)}
.catalog-page .era-section[data-era="past"] .era-empty{border-color:#d69260;color:var(--o-muted)}

/* ---------- 麒麟云境：故事篇章卡片 ---------- */
.realm-page .story-gateway[data-era="present"]{padding:70px clamp(22px,3.6vw,40px) 36px}
.realm-page .story-gateway[data-era="past"],.realm-page .story-gateway:not([data-era]){padding:38px clamp(24px,3.6vw,44px) 38px}
.realm-page .story-gateway[data-era] .eyebrow,.realm-page .story-gateway:not([data-era]) .eyebrow{display:inline-block;font:800 13px/1.6 var(--serif);letter-spacing:.2em;padding:3px 12px;margin:0 0 12px}
.realm-page .story-gateway[data-era="present"] .eyebrow{background:var(--p-brown);color:#fbf1ea}
.realm-page .story-gateway[data-era="past"] .eyebrow{background:var(--o-red);color:#fff5e4}
.realm-page .story-gateway h3{font-family:var(--serif);font-weight:800}
.realm-page .story-gateway[data-era="present"] h3{color:var(--p-ink)}
.realm-page .story-gateway[data-era="past"] h3,.realm-page .story-gateway:not([data-era]) h3{color:var(--o-deep)}
.realm-page .story-gateway[data-era="present"] p{color:var(--p-muted)}
.realm-page .story-gateway[data-era="past"] p,.realm-page .story-gateway:not([data-era]) p{color:var(--o-muted)}

/* 按钮：现世深棕签条，旧日铜红描边签 */
[data-era="present"] .chapter-links a,[data-era="present"] .archive-jumps a,[data-era="present"] .archive-source-bottom .button{background:var(--p-brown);color:#fbf1ea;border:1px solid var(--p-brown);border-radius:999px;text-decoration:none;transition:background .2s,transform .2s}
[data-era="present"] .chapter-links a:hover,[data-era="present"] .chapter-links a:focus-visible,[data-era="present"] .archive-source-bottom .button:hover{background:var(--p-crimson);border-color:var(--p-crimson);transform:translateY(-2px)}
.story-gateway[data-era="past"] .chapter-links a,.story-gateway:not([data-era]) .chapter-links a,.activity-archive[data-era="past"] .archive-source-bottom .button{background:#fffaf0;color:var(--o-deep);border:1.5px solid var(--o-copper);border-radius:999px;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.story-gateway[data-era="past"] .chapter-links a:hover,.story-gateway[data-era="past"] .chapter-links a:focus-visible,.story-gateway:not([data-era]) .chapter-links a:hover,.story-gateway:not([data-era]) .chapter-links a:focus-visible,.activity-archive[data-era="past"] .archive-source-bottom .button:hover{background:var(--o-red);border-color:var(--o-red);color:#fff5e6;transform:translateY(-2px)}

/* ---------- 影之声：活动总览卡片边框（按办理状态，不分时期） ----------
   已揭晓 data-state="done"：橙色铜红描金框；未办完 data-state="open"：浅色玫瑰边框。卡片其余样式一致。 */
.episode-card[data-state="done"]{border:5px solid var(--o-red);border-image:linear-gradient(135deg,#eea45f,#c4553a 40%,#a93f2a 62%,#e79a55) 1}
.episode-card[data-state="done"]:before{inset:6px;border:16px solid transparent;border-image:url('assets/ui/gilded-frame.webp?v=4277067976') 90 / 16px stretch;opacity:.85}
.episode-card[data-state="open"]{border:3px solid var(--p-rose);border-radius:16px}
.episode-card[data-state="open"]:before{inset:7px;border:1.5px dotted #f3d5cf;border-radius:10px}
.episode-card[data-state]:hover:before,.episode-card[data-state]:focus-visible:before{opacity:1}

/* ---------- 影之声活动详情与空间介绍 ---------- */
.activity-archive[data-era] .archive-detail-head{border:0;position:relative}
.activity-archive[data-era="present"] .archive-detail-head{border:3px solid var(--p-rose);border-radius:18px}
.activity-archive[data-era="past"] .archive-detail-head{border:5px solid var(--o-red);border-image:linear-gradient(135deg,#eea45f,#c4553a 40%,#a93f2a 62%,#e79a55) 1}
.activity-archive[data-era] .activity-facts>span{border-radius:999px;padding:4px 12px}
.activity-archive[data-era="present"] .activity-facts>span{background:#604f4ecc;border-color:#f3d5cf66;color:#fbf1ea}
.activity-archive[data-era="past"] .activity-facts>span{background:#7c2c1bb3;border-color:#e7b66d66;color:#fff0dc}
.activity-archive[data-era="past"] .archive-jumps a{background:#fffaf0;color:var(--o-deep);border:1.5px solid var(--o-copper);border-radius:999px}
.activity-archive[data-era="past"] .archive-jumps a:hover,.activity-archive[data-era="past"] .archive-jumps a:focus-visible{background:var(--o-red);color:#fff5e6;border-color:var(--o-red)}
.activity-archive[data-era="present"] .archive-jumps a:hover,.activity-archive[data-era="present"] .archive-jumps a:focus-visible{background:var(--p-crimson);border-color:var(--p-crimson)}

/* 活动详情中的普通区块标题（名次奖、遗珠奖、本期公告） */
.activity-archive[data-era] .collection-heading:not(.floral-heading){background:none;border:0;min-height:0;padding:0;margin:0 0 22px;box-shadow:none}
.activity-archive[data-era] .collection-heading:not(.floral-heading):before{content:none}
.activity-archive[data-era="present"] .collection-heading:not(.floral-heading){height:48px;border-style:solid;border-width:0 57px 0 78px;border-image:url('assets/era/p-brown-plain.webp?v=94b2631b71') 0 65 0 90 fill / 0 57px 0 78px}
.activity-archive[data-era="present"] .collection-heading:not(.floral-heading):after{content:"";position:absolute;inset:0 4px 0 auto;left:auto;width:160px;height:48px;background:url('assets/era/p-brown-bow.webp?v=fc54aa049e') center/auto 48px no-repeat;opacity:1}
.activity-archive[data-era="present"] .collection-heading:not(.floral-heading) h2{color:#fff8f2;font-size:22px}
.activity-archive[data-era="present"] .collection-heading:not(.floral-heading) small{color:#f1cfc6}
.activity-archive[data-era="past"] .collection-heading:not(.floral-heading){height:62px;border-style:solid;border-width:0 39px;border-image:url('assets/era/o-pill.webp?v=bd16950fd8') 0 72 fill / 0 39px;padding-inline:14px}
.activity-archive[data-era="past"] .collection-heading:not(.floral-heading):after{content:none}
.activity-archive[data-era="past"] .collection-heading:not(.floral-heading) h2{color:var(--o-deep);font-size:24px}
.activity-archive[data-era="past"] .collection-heading:not(.floral-heading) small{color:var(--o-red)}
.activity-archive[data-era] .collection-heading:not(.floral-heading) h2{font-family:var(--serif);font-weight:800;letter-spacing:.12em;line-height:1.2}

/* 获奖行 */
.activity-archive[data-era] .award-row{background-image:none;box-shadow:none;transition:transform .22s,background-color .22s,border-color .22s}
.activity-archive[data-era] .award-row:after{content:none}
.activity-archive[data-era="present"] .award-row{background:#fffdfb;border:1.5px solid #7c6462;border-radius:26px;color:var(--p-ink)}
.activity-archive[data-era="present"] .award-row:before{inset:5px;border:1.2px dotted #dcbdb0;border-radius:21px}
.activity-archive[data-era="present"] .award-row.first-prize{background:var(--p-sheet);border-color:var(--p-crimson)}
.activity-archive[data-era="present"] .award-row:hover{background-color:var(--p-blush);border-color:var(--p-crimson)}
.activity-archive[data-era="present"] .award-rank{color:var(--p-crimson);font-weight:800}
.activity-archive[data-era="present"] .award-work p{color:var(--p-muted)}
.activity-archive[data-era="present"] .award-listen{color:#fbf1ea;background:var(--p-brown);padding:8px 16px;border-radius:999px}
.activity-archive[data-era="present"] .award-listen:hover{background:var(--p-crimson);color:#fff}
.activity-archive[data-era="past"] .award-row{background:linear-gradient(#fffdf6,#fbecd6);border:1.5px solid #d69260;border-radius:4px;color:var(--o-ink)}
.activity-archive[data-era="past"] .award-row:before{inset:4px;border:1px solid #efc98f}
.activity-archive[data-era="past"] .award-row.first-prize{background:var(--o-sheet);border:3px solid var(--o-red)}
.activity-archive[data-era="past"] .award-row:hover{border-color:var(--o-red);background:linear-gradient(#fff8ea,#f8dfbf)}
.activity-archive[data-era="past"] .award-rank{color:var(--o-red);font-weight:800}
.activity-archive[data-era="past"] .award-work p{color:var(--o-muted)}
.activity-archive[data-era="past"] .award-listen{color:#fff5e4;background:linear-gradient(#cf6a43,#a63f28);padding:8px 16px;border-radius:999px;box-shadow:0 0 0 1.5px #f3c98d}
.activity-archive[data-era="past"] .award-listen:hover{background:var(--o-deep);color:#fff}
.activity-archive[data-era] .award-work h3{font-family:var(--serif);font-weight:800}

/* 公告原文（可展开） */
.activity-archive[data-era] .archive-document summary{background:none}
.activity-archive[data-era="present"] .archive-document summary{padding-top:62px}
.activity-archive[data-era="present"] .archive-document summary:hover{background:#f4e6e180}
.activity-archive[data-era="past"] .archive-document summary:hover{background:#f3d3a855}
.activity-archive[data-era] .archive-document summary strong{font-family:var(--serif);font-weight:800}
.activity-archive[data-era="present"] .archive-document summary strong{color:var(--p-ink)}
.activity-archive[data-era="past"] .archive-document summary strong{color:var(--o-deep)}
.activity-archive[data-era="present"] .archive-toggle{color:var(--p-crimson)}
.activity-archive[data-era="past"] .archive-toggle{color:var(--o-red)}
.activity-archive[data-era="present"] .archive-document-body a:not(.button),.activity-archive[data-era="present"] .archive-rules a:not(.button){color:var(--p-crimson)}
.activity-archive[data-era="past"] .archive-document-body a:not(.button),.activity-archive[data-era="past"] .archive-rules a:not(.button){color:var(--o-red)}
.activity-archive[data-era="present"] .archive-source-bottom,.activity-archive[data-era="present"] .archive-rule{border-color:#dcc8b8}
.activity-archive[data-era="past"] .archive-source-bottom,.activity-archive[data-era="past"] .archive-rule{border-color:#e6c092}
.activity-archive[data-era="present"] .archive-rules{padding-top:66px}
.activity-archive[data-era="present"] .archive-schedule{padding-top:66px}
.activity-archive[data-era] .archive-rules h2,.activity-archive[data-era] .archive-schedule h2,.activity-archive[data-era] .archive-rule h3{font-family:var(--serif);font-weight:800}
.activity-archive[data-era="present"] .archive-rules h2,.activity-archive[data-era="present"] .archive-schedule h2,.activity-archive[data-era="present"] .archive-rule h3{color:var(--p-ink)}
.activity-archive[data-era="past"] .archive-rules h2,.activity-archive[data-era="past"] .archive-schedule h2,.activity-archive[data-era="past"] .archive-rule h3{color:var(--o-deep)}
.activity-archive[data-era="present"] .eyebrow{color:var(--p-crimson)}
.activity-archive[data-era="present"] .archive-detail-head .eyebrow{color:var(--gold)}
.activity-archive[data-era] .activity-section-note{opacity:.85}

/* ---------- 设计橱窗 ---------- */
.showcase-page .design-piece>a{transition:transform .3s,box-shadow .3s,border-color .3s}
.showcase-page .design-piece:not([data-era])>a{background:var(--o-sheet);border:5px solid var(--o-red);border-image:linear-gradient(135deg,#eea45f,#c4553a 40%,#a93f2a 62%,#e79a55) 1;color:var(--o-ink)}
.showcase-page .design-piece:not([data-era]) img{background:radial-gradient(ellipse,#fffaf0,#f3dcbc);box-shadow:inset 0 0 0 1px #e7b66d}
.showcase-page .design-piece:not([data-era]) h3{color:var(--o-deep);font-weight:800}
.showcase-page .design-piece:not([data-era]) p{color:var(--o-muted)}
.showcase-page .design-piece[data-era="present"]>a{background:var(--p-sheet);border:3px solid var(--p-rose);border-radius:16px;color:var(--p-ink);padding-top:40px}
.showcase-page .design-piece[data-era="present"] img{background:#fffdfb;border-radius:8px;box-shadow:inset 0 0 0 1px #e8d2c6}
.showcase-page .design-piece[data-era="present"] h3{color:var(--p-ink);font-weight:800}
.showcase-page .design-piece[data-era="present"] p{color:var(--p-muted)}
.showcase-page .design-piece>a:hover,.showcase-page .design-piece>a:focus-visible{transform:translateY(-6px);box-shadow:0 18px 36px #1d100c80}
.hub-dialog.design-viewer[data-era="present"]{border:3px solid var(--p-rose);border-radius:18px}
.hub-dialog.design-viewer:not([data-era]){border:5px solid var(--o-red);border-image:linear-gradient(135deg,#eea45f,#c4553a 40%,#a93f2a 62%,#e79a55) 1;border-radius:0}

/* ---------- 窄屏 ---------- */
@media(max-width:760px){
 :root{--p-sheet:url('assets/era/p-scallop-top.webp?v=d4cb595145') 0 0/auto 38px repeat-x,url('assets/era/p-peony-clear.webp?v=ab850e89ad') right -6px bottom -6px/150px auto no-repeat,var(--p-paper)}
 .era-heading--present,.activity-archive[data-era="present"] .collection-heading:not(.floral-heading){height:40px;border-width:0 47px 0 65px;border-image-width:0 47px 0 65px}
 .era-heading--present:after,.activity-archive[data-era="present"] .collection-heading:not(.floral-heading):after{display:none}
 .era-heading--present h2,.activity-archive[data-era="present"] .collection-heading:not(.floral-heading) h2{font-size:18px;letter-spacing:.08em}
 .era-heading--past,.activity-archive[data-era="past"] .collection-heading:not(.floral-heading){height:52px;border-width:0 33px;border-image-width:0 33px}
 .era-heading--past h2,.activity-archive[data-era="past"] .collection-heading:not(.floral-heading) h2{font-size:20px;letter-spacing:.08em}
 .catalog-page .era-section[data-era]{padding:56px 14px 30px;margin-inline:-6px}
 .catalog-page .era-section[data-era="past"]{padding-top:30px}
 .catalog-page .era-section[data-era="present"]:before{inset:44px 6px 6px}
 .catalog-page .era-section[data-era="present"] .video-record{padding:14px 44px 14px 14px;border-radius:22px}
 .catalog-page .era-section[data-era="present"] .video-record:after{right:14px}
 .catalog-page .era-section[data-era] .video-record{grid-template-columns:38px minmax(0,1fr);gap:12px}
 .catalog-page .era-section[data-era] .video-group h3{font-size:19px}
 .realm-page .story-gateway[data-era="present"]{padding-top:58px}
 .activity-archive[data-era="present"] .archive-document summary{padding-top:52px}
 .activity-archive[data-era="present"] .award-row{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.catalog-page .era-section[data-era] .video-record,.catalog-page .era-section[data-era] .video-record:after,.showcase-page .design-piece>a{transition:none}}
.motion-paused.catalog-page .era-section[data-era] .video-record,.motion-paused.showcase-page .design-piece>a{transition:none}
/* 加载速度（Claude, 2026-09-28）：屏幕外的大背景图延后到滚动接近时才加载。
   html.bg-wait 由每页头部的小脚本加上（浏览器不支持时不加，背景照常直接加载）；元素进入可视区域 600 像素内时加 .bg-in。 */
.bg-wait .home-hub-entries a:not(.bg-in),.bg-wait .site-footer:not(.bg-in),.bg-wait .library-bottom:not(.bg-in),.bg-wait .profile-end:not(.bg-in),.bg-wait .episode-card:not(.bg-in){background-image:none!important}