:root{--ink:#192835;--muted:#647181;--line:#dce2e7;--blue:#1769ae;--paper:#f6f8fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #55a6df;outline-offset:3px}a{color:var(--blue)}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}aside{background:#192835;color:#fff;padding:35px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1.3px;font-weight:400;color:#a2b2c3;margin-top:5px}.mark{background:#71c4ed;color:#172737;font-size:28px;font-family:serif;line-height:48px;width:45px;text-align:center;flex-shrink:0}.nav-label{font-size:12px;color:#9eacbb;letter-spacing:2px;margin:44px 12px 12px}nav{display:flex;flex-direction:column;gap:3px}nav button{border:0;background:none;color:#c3ced8;text-align:left;display:flex;align-items:center;justify-content:space-between;border-radius:4px;padding:9px 12px;font-size:14px}nav button:hover{background:#263b4d}nav button.active{background:#31495c;color:white}nav button span:last-child{font-size:12px;color:#9fb4c5}.aside-note{border-top:1px solid #3c4b58;margin:30px 10px 0;padding-top:24px;font-size:14px}.aside-note span{color:#8bd0f3}.aside-note p{color:#a9b7c5;font-size:13px}.guide-button{color:#fff;padding:0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px}.edition{color:#8e9eae;font-size:12px;margin:26px 10px 0}main{padding:25px 42px 30px;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:600}.text-button{background:none;border:0;color:var(--muted);font-size:14px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 0 23px}h1{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:clamp(25px,2.5vw,36px);letter-spacing:-.5px;margin:0 0 9px;line-height:1.4}.intro p{margin:0;color:var(--muted);font-size:14px}.stat{text-align:right;white-space:nowrap}.stat strong{font-family:Georgia,serif;font-size:42px;font-weight:400;display:block;line-height:1.1}.stat span{font-size:12px;color:var(--muted)}.toolbar{border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.search{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.search>span{font-size:26px;line-height:1}.search input{border:0;outline:0;min-width:0;width:100%;font-size:16px;height:31px;color:var(--ink)}kbd{font-size:12px;color:#778798;padding:1px 8px;border:1px solid var(--line);border-radius:4px}.filters{display:flex;align-items:center;gap:20px;padding:13px 18px}.filters label{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.filters select{max-width:160px;border:0;background:#fff;color:var(--ink);font-size:14px;padding:4px 1px}.reset{margin-left:auto;border:0;background:none;color:var(--blue);font-size:13px;white-space:nowrap}.notice{margin:18px 0 30px;display:flex;gap:9px;align-items:flex-start;padding:12px 15px;background:#eaf2f8;border-left:3px solid #2e80bd;color:#405d75;font-size:13px}.notice p{margin:0;flex:1}.notice button{border:0;background:none;color:#145e98;font-size:13px;white-space:nowrap}.result-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.result-heading h2{font-size:20px;margin:0}.result-heading>span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{border:1px solid var(--line);border-top:3px solid var(--accent,#4e84ac);background:#fff;border-radius:5px;display:flex;flex-direction:column;padding:21px;transition:box-shadow .18s,transform .18s}.card:hover{box-shadow:0 8px 22px #1928350d;transform:translateY(-2px)}.card-top{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:16px}.category{font-size:12px;letter-spacing:.5px;color:var(--accent,#4e84ac);font-weight:600}.type{font-size:11px;color:#748292;background:#f2f5f7;border-radius:3px;padding:2px 6px;white-space:nowrap}.card h3{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:21px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere}.creator{font-size:12px;color:var(--muted);margin:0 0 12px}.description{font-size:14px;color:#475665;margin:0 0 17px;flex:1}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{border:1px solid #d3e2ed;background:#f2f7fa;color:#396783;border-radius:3px;font-size:11px;padding:2px 6px}.tag.mixed{border-color:#eadac5;background:#fff9ef;color:#906629}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:13px;border-top:1px solid #edf0f3;font-size:12px;color:#7a8794}.card-bottom button{font-size:13px;color:var(--blue);background:none;border:0;padding:3px 0;white-space:nowrap}.empty{text-align:center;padding:50px 10px;border:1px dashed #bfcad3;border-radius:6px;color:var(--muted)}.empty button{background:var(--ink);color:white;border:0;padding:9px 18px;border-radius:4px}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--muted);font-size:12px}footer p{font-weight:600;letter-spacing:1px;margin:0 0 6px}dialog{border:0;border-radius:10px;padding:40px;width:min(780px,calc(100% - 32px));max-height:88vh;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#101f32a6;backdrop-filter:blur(2px)}dialog h2{font-family:"Noto Serif CJK SC",SimSun,serif;font-size:29px;margin:12px 32px 12px 0;line-height:1.5}dialog h3{font-size:16px;margin-top:22px}.close{position:absolute;top:12px;right:17px;background:none;border:0;font-size:28px;color:#617080}.lead{color:#526576}.detail-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}dl{display:grid;grid-template-columns:95px 1fr;font-size:14px;gap:14px 16px;margin-top:26px}dt{color:var(--muted)}dd{margin:0}.warning{background:#fff7e9;color:#7c5c2f;padding:15px 18px;border-radius:5px;font-size:14px;margin:23px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.actions a{padding:10px 16px;background:var(--ink);color:white;text-decoration:none;border-radius:4px;font-size:14px}.actions a.secondary{background:#edf3f7;color:#265f89}.muted{font-size:12px;color:var(--muted);margin-top:24px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.guide-grid p{font-size:14px}.sources{border-top:1px solid var(--line);margin-top:24px}.sources a{display:block;font-size:14px;margin-bottom:8px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}#region-note{font-size:14px;background:#fff6e8;padding:12px 16px;color:#795c32}.empty[hidden],#region-note[hidden]{display:none}@media(min-width:1650px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1180px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:25px}.filters{gap:10px;flex-wrap:wrap}.filters label{flex:1 1 40%}.reset{margin-left:0}}@media(max-width:760px){.layout{display:block}aside{height:auto;position:static;padding:18px 18px 12px}.brand{font-size:18px}.brand small{font-size:9px}.mark{font-size:23px;line-height:38px;width:36px}.nav-label,.aside-note,.edition{display:none}nav{margin-top:18px;flex-direction:row;overflow:auto;padding-bottom:4px}nav button{white-space:nowrap;gap:9px;padding:8px 12px}main{padding:19px 17px}header{padding-bottom:16px}.eyebrow{font-size:11px}.text-button{font-size:12px}.intro{padding:24px 0 20px}.intro p{font-size:13px;max-width:245px}.stat strong{font-size:33px}.stat span{font-size:10px}.filters{padding:12px}.filters label{font-size:11px;gap:4px}.filters select{font-size:13px;max-width:135px}.notice{font-size:12px;margin-bottom:23px}.notice button{font-size:12px}.grid{gap:12px}.card{padding:16px}.card h3{font-size:19px}.card-top{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:12px}.card-bottom{flex-wrap:wrap;gap:4px}.description{font-size:13px}.creator{font-size:11px}dialog{padding:29px 22px}.guide-grid{grid-template-columns:1fr}dialog h2{font-size:25px}dl{grid-template-columns:70px 1fr;gap:12px}.stat{display:none}}@media(max-width:430px){.grid{grid-template-columns:1fr}.card-top{flex-direction:row;align-items:center}.card h3{font-size:22px}.description{font-size:14px}.creator{font-size:12px}.card-bottom{flex-wrap:nowrap}.notice button{display:none}}
.work-image{width:100%;height:175px;object-fit:contain;background:#f0f2f4;margin:0 0 18px;border-radius:3px}.work-image[hidden]{display:none}.detail-image{margin:20px 0}.detail-image img{width:100%;max-height:330px;object-fit:contain;background:#f0f2f4;border-radius:5px}.detail-image figcaption{font-size:12px;color:var(--muted);margin-top:7px}.creator{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card h3{font-size:22px}.card-bottom span{overflow-wrap:anywhere}.description{overflow-wrap:anywhere}
.view-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 18px}.view-tabs button{border:0;background:transparent;padding:11px 17px;color:var(--muted);font-size:15px;border-bottom:3px solid transparent}.view-tabs .selected{color:var(--ink);border-color:var(--blue);font-weight:600}.view-tabs span{background:#e5ecf1;font-size:12px;margin-left:5px;padding:2px 6px;border-radius:8px}.future-notice{background:#fff4df;border-color:#b57524;color:#745322}.future-notice[hidden],.notice[hidden]{display:none}.countdown{padding:12px;background:#fff5e5;color:#875819;border:1px solid #ead6b7;border-radius:4px;margin-bottom:18px;display:flex;flex-direction:column;gap:3px}.countdown strong{font-size:19px}.countdown span{font-size:14px}.countdown small{font-size:12px}.countdown.recheck{background:#f3eaf6;border-color:#d9c8df;color:#704380}.future-card .type{background:#fff4df;color:#875819}select:disabled{color:#98a2aa;background:#f4f6f8}.sources a{overflow-wrap:anywhere}dd{overflow-wrap:anywhere}#countdown-notice small{font-size:12px}.card h3{overflow-wrap:anywhere}@media(max-width:760px){.view-tabs button{padding:10px 12px;font-size:14px}.result-heading{gap:8px;flex-wrap:wrap}.countdown strong{font-size:18px}}
.format-label{margin:0 0 10px;color:#466b7b;font-size:12px;font-weight:600}.detail-image img{background:#eef2f4}.work-image{object-fit:contain;background:#eef2f4}

.topic-shortcuts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0;color:#64748b;font-size:13px}.topic-shortcuts button{border:1px solid #c9d8e4;background:#fff;color:#245a7c;padding:8px 12px;border-radius:20px;cursor:pointer}.topic-shortcuts button:hover{background:#eaf5fb}.topic-shortcuts[hidden]{display:none}

/* Two-level category disclosures. Counts always describe the current catalog view. */
#categories{gap:5px}#categories button{width:100%;min-height:44px;white-space:normal;gap:8px}#categories .nav-group-toggle{font-weight:600}#categories .nav-group-text{font-size:14px;min-width:0;color:inherit}#categories .nav-group-text small{display:block;font-size:11px;font-weight:400;color:#95d8fa;margin-top:2px}#categories .nav-group-meta{display:flex;align-items:center;gap:9px;flex-shrink:0}#categories .nav-count{font-size:12px;color:#aec4d5;font-variant-numeric:tabular-nums;flex-shrink:0}#categories .nav-chevron{font-size:23px;line-height:1;transition:transform .15s}#categories .is-open .nav-chevron{transform:rotate(90deg)}#categories .has-selection>.nav-group-toggle{color:#9cdcff;background:#243e51}#categories .nav-children{margin:3px 0 7px 12px;padding-left:7px;border-left:1px solid #516679;display:flex;flex-direction:column;gap:2px}#categories .nav-children[hidden]{display:none}#categories .nav-children button{font-size:13px;padding:8px 10px}#categories .nav-children button.active{box-shadow:inset 3px 0 #85d2fa;background:#36566e;color:#fff}#categories button:focus-visible{outline-offset:-3px;outline-color:#9bdcff}.nav-group{min-width:0}
@media(max-width:760px){#categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;gap:4px;margin-top:14px}#categories .nav-all,#categories .nav-group.is-open{grid-column:1/-1}#categories .nav-all{min-height:38px}#categories .nav-group-toggle{padding:8px 10px}#categories .nav-group-text{font-size:13px}#categories .nav-group-meta{gap:5px}#categories .nav-children{max-height:240px;overflow-y:auto;overscroll-behavior:contain;margin-bottom:8px}#categories .nav-children button{min-height:44px}.nav-group.is-open{background:#203342;border-radius:5px}}
@media(prefers-reduced-motion:reduce){#categories .nav-chevron{transition:none}}

.usage-panel{background:#f0f5f3;border:1px solid #d5e3dd;border-radius:16px;padding:22px;margin:24px 0}.usage-panel h3{font-size:20px;margin:8px 0 18px}.usage-panel dl{margin:0 0 18px}.usage-panel summary{cursor:pointer;font-weight:600;padding:10px 0}.credit-template{background:white;border-radius:8px;padding:14px;overflow-wrap:anywhere;user-select:text}.usage-panel>a{display:inline-block;margin-top:16px}.detail-image a{display:block}.detail-image figcaption a{display:inline}.detail-image figcaption{line-height:1.65;overflow-wrap:anywhere}.preview-fallback{padding:18px;background:#f3eee5}.usage-panel dd{overflow-wrap:anywhere}@media(max-width:600px){.usage-panel{padding:16px}.usage-panel dl{display:block}.usage-panel dt{margin-top:14px}.usage-panel dd{margin:5px 0}}

#preview-only[aria-pressed="true"]{background:var(--ink,#193c3c);color:white;border-color:currentColor}.detail-image img{max-width:100%;height:auto;object-fit:contain}

.preview-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.gallery-item{margin:0!important;padding:10px;background:#f4f2eb;border-radius:10px}.gallery-item img{height:180px;width:100%;object-fit:contain}.gallery-item figcaption{font-size:12px;margin-top:8px}.gallery-section{margin:26px 0}.gallery-item strong{font-size:13px}@media(max-width:600px){.preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-item{padding:7px}.gallery-item img{height:145px}.gallery-item figcaption{font-size:11px}}

.text-preview{margin:24px 0}.text-preview figure{margin:0}.text-preview blockquote{margin:0;padding:16px 20px;border-left:3px solid var(--blue);background:var(--paper);font-size:1rem;line-height:1.9;overflow-wrap:anywhere}.text-preview blockquote p{margin:0}.text-preview figcaption{margin-top:10px;font-size:.875rem;color:var(--muted)}.text-preview figcaption p{margin:6px 0 0}@media(max-width:600px){.text-preview blockquote{padding:12px 14px}}
