:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0c0a08;--bg-soft:#18130fc7;--panel:#16120f9e;--panel-strong:#1c1612d1;--line:#d2b06d47;--line-strong:#e9cc9075;--text:#f7eddc;--text-soft:#f1e2c5b8;--accent:#d6af68;--accent-soft:#d6af6826;--shadow:0 18px 40px #00000057;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3ede3;--bg-soft:#f9f5eee0;--panel:#fffcf7cc;--panel-strong:#fdfaf5f0;--line:#644d2a29;--line-strong:#7455294d;--text:#251a10;--text-soft:#3c2c1dbd;--accent:#8d5b17;--accent-soft:#8d5b171a;--shadow:0 18px 36px #5c401f1f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top, #976e2c2e, transparent 28%), linear-gradient(180deg, #18120e 0%, var(--bg) 40%, #090705 100%);color:var(--text);margin:0}:root[data-theme=light] body{background:radial-gradient(circle at top, #8f6b2d1f, transparent 26%), linear-gradient(180deg, #fbf6ee 0%, var(--bg) 55%, #efe4d1 100%)}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page-shell{min-height:100vh;padding:32px;position:relative;overflow:hidden}.ink-background{pointer-events:none;filter:blur(10px);opacity:.75;position:absolute;inset:auto}.ink-background--top{background:radial-gradient(circle at 20% 30%,#ffffff0f,#0000 18%),radial-gradient(circle at 55% 42%,#d6af682e,#0000 24%),radial-gradient(circle at 62% 48%,#130e0ad1,#0000 48%),radial-gradient(circle at 34% 54%,#120d09ad,#0000 42%);width:540px;height:300px;top:-120px;left:-80px}.ink-background--bottom{background:radial-gradient(circle at 40% 35%,#d6af6824,#0000 22%),radial-gradient(circle at 46% 54%,#0c0a07cc,#0000 44%),radial-gradient(circle at 68% 42%,#0c0a07b8,#0000 46%);width:620px;height:360px;bottom:-120px;right:-120px}.topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1500px;margin:0 auto 28px;display:flex;position:relative}.topbar h1,.topbar h2,.detail-copy h2,.gallery-intro h2,.sidebar-header h2{letter-spacing:-.03em;margin:0;font-weight:700}.topbar h1{font-size:clamp(2rem,4vw,3.8rem)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.presence-pill,.theme-toggle,.glass-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0f, transparent), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.presence-pill{min-height:46px;color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:inline-flex}.presence-dot{background:var(--accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 12px #d6af68e6}.theme-toggle{min-height:46px;color:var(--text);border-radius:999px;padding:0 16px}.layout{z-index:1;grid-template-columns:280px minmax(0,1fr) 380px;gap:20px;max-width:1500px;margin:0 auto;display:grid;position:relative}.glass-panel{border-radius:28px;padding:18px;position:relative}.glass-panel:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:27px;position:absolute;inset:1px}.sidebar,.detail-card{min-height:calc(100vh - 144px)}.sidebar{flex-direction:column;gap:16px;display:flex}.sidebar-header{justify-content:space-between;align-items:end;gap:12px;display:flex}.sidebar-header span,.gallery-intro p,.phonetic,.detail-notes span,.image-card-copy span{color:var(--text-soft)}.word-list{flex-direction:column;gap:10px;padding-right:2px;display:flex;overflow:auto}.word-row{color:inherit;text-align:left;background:#ffffff05;border:1px solid #0000;border-radius:18px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.word-row:hover,.word-row--active{border-color:var(--line-strong);background:var(--accent-soft)}.word-rank{width:34px;height:34px;color:var(--accent);background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;font-size:.82rem;display:inline-flex}.word-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.word-meta strong,.image-card-copy strong{font-size:1rem}.word-meta small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gallery{flex-direction:column;gap:20px;display:flex}.gallery-intro{justify-content:space-between;align-items:center;gap:20px;display:flex}.gallery-intro p{max-width:520px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.image-card{color:inherit;text-align:left;padding:14px}.image-card:hover,.image-card--active{border-color:var(--line-strong);transform:translateY(-2px)}.image-frame{aspect-ratio:1/.72;background:#00000047;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.image-frame img,.detail-hero img{object-fit:cover;width:100%;height:100%}.image-card-copy{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.detail-card{background:linear-gradient(180deg, #ffffff0a, transparent), var(--panel-strong);flex-direction:column;gap:18px;display:flex}.detail-hero{border:1px solid #ffffff14;border-radius:24px;min-height:300px;overflow:hidden}.detail-copy{flex-direction:column;gap:18px;display:flex}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.phonetic{margin-top:8px}.pos-tag{background:var(--accent-soft);min-width:56px;min-height:34px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.detail-zh{margin:0;font-size:1.08rem;line-height:1.8}.detail-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-notes div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.detail-notes span,.detail-notes strong{display:block}.detail-notes strong{margin-top:6px}@media (width<=1240px){.layout{grid-template-columns:250px minmax(0,1fr)}.detail-card{grid-column:1/-1;min-height:auto}}@media (width<=920px){.page-shell{padding:20px}.topbar,.gallery-intro,.detail-title-row{flex-direction:column;align-items:stretch}.layout{grid-template-columns:1fr}.sidebar,.detail-card{min-height:auto}.card-grid,.detail-notes{grid-template-columns:1fr}}