.modern-page{width:min(var(--page-max),calc(100% - 48px));margin:0 auto;padding:46px 0 76px}.modern-head,.stat-card,.modern-form,.results-panel{border:1px solid var(--line);background:linear-gradient(135deg,#fffaf1e6,#fbf7eead),var(--card);box-shadow:var(--shadow-soft)}.modern-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-radius:30px;padding:30px 34px}.page-kicker{margin:0 0 6px;color:var(--warm);font-size:.76rem;letter-spacing:.22em;text-transform:uppercase}.page-kicker.small{font-size:.7rem;margin-bottom:2px}h1{margin:0 0 8px;color:var(--text-strong);font-size:clamp(2rem,4vw,3.1rem)}.sub{margin:0;color:var(--muted);line-height:1.8}.book-badge,.chip,.type{display:inline-flex;border-radius:999px;border:1px solid rgba(31,95,87,.16);background:#1f5f5717;color:var(--primary-hover);padding:5px 10px;font-size:.82rem}.stats-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 22px}.stat-card{position:relative;overflow:hidden;border-radius:22px;padding:20px;min-height:176px;display:flex;flex-direction:column;gap:12px}.stat-card:after{content:"";position:absolute;right:-42px;bottom:-54px;width:128px;height:128px;border-radius:999px;background:#1f5f5712;pointer-events:none}.stat-head,.metric-row{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.stat-head span{color:var(--text-strong);font-weight:600}.stat-head em{color:var(--warm);font-style:normal;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.stat-hero{position:relative;z-index:1;display:flex;align-items:baseline;gap:8px;margin-top:auto}.stat-hero strong{color:var(--text-strong);font-size:clamp(2.4rem,5vw,3.4rem);line-height:.98;font-weight:600;font-variant-numeric:tabular-nums}.stat-hero span,.metric-row span,.stat-card p{color:var(--muted)}.stat-card p{position:relative;z-index:1;margin:0;line-height:1.65;font-size:.9rem}.metric-row{border-bottom:1px solid var(--line-soft);padding:8px 0}.metric-row:last-of-type{border-bottom:0}.metric-row strong{color:var(--text-strong);font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.mini-cloud{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.mini-cloud span{display:inline-flex;border-radius:999px;border:1px solid rgba(31,95,87,.14);background:#1f5f5712;color:var(--primary-hover);padding:4px 9px;font-size:.8rem}.stats-board[data-error=true] .stat-card{border-color:#b84f3f47}.stats-board[data-loading=true] .stat-card{filter:saturate(.92)}.stats-board[data-loading=true] [data-key],.stats-board[data-loading=true] #year-range,.results-panel[data-loading=true] #result-meta,.skeleton-line,.skeleton-symbol,.stats-board[data-loading=true] .mini-cloud:before{background:linear-gradient(90deg,#1f5f5714,#1f5f5733,#1f5f5714);background-size:220% 100%;animation:skeleton-shimmer 1.35s linear infinite;filter:blur(.25px)}.stats-board[data-loading=true] [data-key],.stats-board[data-loading=true] #year-range{display:inline-block;min-width:4.2em;min-height:1.2em;border-radius:8px;color:transparent}.stats-board[data-loading=true] .mini-cloud:before{content:"";display:block;width:min(100%,220px);height:24px;border-radius:999px}.modern-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}.filters-panel{position:sticky;top:88px}.modern-form,.results-panel{border-radius:26px;padding:24px}.modern-form{display:flex;flex-direction:column;gap:16px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-title,.results-head,.result-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.filter-title span,.results-head h2{color:var(--text-strong);font-weight:600}.filter-title em{color:var(--warm);font-style:normal;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase}label{display:flex;flex-direction:column;gap:6px;color:var(--text-strong);font-size:.9rem}input,select{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--card-solid);color:var(--text);font:inherit;padding:10px 13px}.form-actions,.pager{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--line);border-radius:14px;background:var(--card-solid);color:var(--text);font:inherit;padding:9px 14px;cursor:pointer}button.primary{border-color:var(--primary);background:var(--primary);color:#fffaf1}button.ghost:hover,.pager button:hover:not([disabled]){border-color:var(--primary);color:var(--primary)}button[disabled]{color:var(--muted-soft);cursor:not-allowed}.results-head{padding-bottom:16px;border-bottom:1px solid var(--line-soft);margin-bottom:16px}.results-head p{margin:0;color:var(--muted)}.results-panel[data-loading=true] #result-meta{width:9.5em;min-height:1em;border-radius:999px;color:transparent}.results{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.result{border:1px solid var(--line-soft);border-radius:20px;background:linear-gradient(135deg,#fffaf1e6,#fbf7ee99),#fffaf1c7;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}.result:hover{border-color:var(--primary);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.result-skeleton{display:grid;grid-template-columns:86px minmax(0,1fr);gap:20px;align-items:stretch;padding:22px;pointer-events:none;opacity:.88}.result-skeleton:hover{border-color:var(--line-soft);box-shadow:none;transform:none}.skeleton-symbol{min-height:108px;border-radius:18px}.skeleton-body{display:grid;align-content:center;gap:12px;min-width:0}.skeleton-line{display:block;width:72%;height:14px;border-radius:999px}.skeleton-line.title{width:34%;height:28px}.skeleton-line.short{width:24%}.skeleton-line.wide{width:88%}.result a{display:grid;grid-template-columns:86px minmax(0,1fr);gap:20px;align-items:stretch;padding:22px;color:var(--text)}.result a:hover{text-decoration:none}.result-symbol{min-height:108px;border-radius:18px;background:radial-gradient(circle at 35% 20%,rgba(255,250,241,.45),transparent 40%),linear-gradient(160deg,#1f5f5729,#1f5f570f);border:1px solid rgba(31,95,87,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-strong)}.result-symbol strong{font-size:2.7rem;line-height:1;font-weight:600}.result-body{min-width:0}.result h3{margin:0;color:var(--text-strong);font-size:1.72rem;line-height:1.1}.type.compound{background:var(--warm-soft);color:#8f4315}.pinyin{margin:6px 0 0;color:var(--warm);letter-spacing:.06em}.chips{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.chip.source{background:#c86d391a;color:#8f4315;border-color:#c86d3929}.parent-tag{display:inline-flex;border-radius:999px;border:1px dashed rgba(31,95,87,.2);color:var(--muted);padding:5px 10px;font-size:.82rem}.definition{margin:10px 0 0;line-height:1.85}.definition.muted{color:var(--muted)}.pager{justify-content:center;align-items:center;margin-top:22px;color:var(--muted)}.placeholder{color:var(--muted);font-size:.92rem}.placeholder.error{color:var(--danger)}@media(prefers-reduced-motion:reduce){.stats-board[data-loading=true] [data-key],.stats-board[data-loading=true] #year-range,.results-panel[data-loading=true] #result-meta,.skeleton-line,.skeleton-symbol,.stats-board[data-loading=true] .mini-cloud:before{animation:none}}@media(max-width:980px){.modern-layout{grid-template-columns:1fr}.filters-panel{position:static}.stats-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.modern-page{width:min(680px,calc(100% - 32px));padding-top:34px}.modern-head{align-items:flex-start;flex-direction:column;border-radius:24px;padding:24px}.stats-board,.field-grid{grid-template-columns:1fr}.result{border-radius:18px}.result a{display:block;padding:18px 18px 16px}.result-symbol,.result-skeleton .skeleton-symbol{display:none}.result-body{min-width:0}.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.result-top>div{min-width:0}.result h3{font-size:1.5rem;line-height:1.2}.result .pinyin{margin-top:4px;font-size:.92rem}.result .type{flex-shrink:0;align-self:flex-start;margin-top:4px}.result .chips{margin-top:10px;gap:6px}.result .definition{margin-top:12px;font-size:.95rem;line-height:1.75}.result-metrics{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px 0;margin:14px 0 0;padding:12px 0 0;border-top:1px dashed var(--line-soft);border-left:0;font-size:.82rem}.result-metrics div{display:inline-flex;align-items:baseline;gap:6px;padding:0 14px;border-right:1px solid var(--line-soft);min-width:0}.result-metrics div:first-child{padding-left:0}.result-metrics div:last-child{border-right:0;padding-right:0}.result-metrics dt{color:var(--muted);font-size:.78rem;letter-spacing:.02em}.result-metrics dd{margin:0;color:var(--text-strong);font-weight:600;font-variant-numeric:tabular-nums}}