:root{--paper:#F5F2E9;--card:#FFFFFF;--ink:#232E28;--ink-soft:#667061;--ink-faint:#979F90;--line:#E3DECE;--line-strong:#D3CDBA;--elf:#2E7A58;--elf-strong:#1F5740;--elf-soft:#E8F3ED;--cn:#B4432E;--cn-deep:#9A3623;--cn-soft:#F9EDE6;--cn-line:#E9D0C2;--os:#33598C;--os-deep:#28466F;--os-soft:#EBF1F8;--os-line:#D2DDEC;--amber:#F5B841;--amber-deep:#D99A1F;--amber-ink:#3B2F05;--font-display:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--font-body:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,"IBM Plex Mono",monospace;--container:1200px;--radius:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(35,46,40,.05) 1px,transparent 1.2px);background-size:22px 22px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:rgba(46,122,88,.22)}:focus-visible{outline:2px solid var(--elf-strong);outline-offset:2px}.mono{font-family:var(--font-mono)}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1 1}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(247,244,236,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--container);margin:0 auto;height:60px;padding:0 24px;justify-content:space-between;gap:16px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px}.brand-mark{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--elf-soft);color:var(--elf);transition:color .14s}.brand:hover .brand-mark{color:var(--elf-strong)}.brand-name{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.04em}.brand-en{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--ink-faint);align-self:flex-end;padding-bottom:5px}.nav{display:flex;gap:6px}.nav-link{font-size:14px;color:var(--ink-soft);padding:7px 16px;border-radius:999px;transition:color .14s,background-color .14s}.nav-link:hover{color:var(--ink);background:rgba(255,255,255,.8)}.nav-link--active{color:var(--elf);background:var(--elf-soft);font-weight:500}.nav-link--active:hover{color:var(--elf-strong)}.hero{padding:68px 24px 48px;background:linear-gradient(180deg,var(--elf-soft) 0,transparent 100%)}.hero-inner{max-width:720px;margin:0 auto;text-align:center}.hero-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--elf);margin-bottom:18px}.hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(34px,5vw,54px);line-height:1.18;letter-spacing:.02em;margin:0}.hero-sub{font-size:16.5px;color:var(--ink-soft);max-width:540px;margin:18px auto 30px;text-wrap:pretty}.hero-stats{margin-top:38px;display:flex;justify-content:center;flex-wrap:wrap;row-gap:18px}.stat{padding:2px 30px;border-left:1px solid var(--line-strong)}.stat:first-child{border-left:none}.stat-num{font-family:var(--font-mono);font-weight:500;font-size:26px;line-height:1.2;color:var(--ink)}.stat-num--domestic{color:var(--cn)}.stat-num--overseas{color:var(--os)}.stat-label{font-size:12px;color:var(--ink-faint);margin-top:4px}.searchbox{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-strong);border-radius:999px;padding:0 12px 0 15px;height:44px;box-shadow:0 2px 10px rgba(35,46,40,.05);transition:border-color .15s,box-shadow .15s}.searchbox--lg{max-width:560px;margin:0 auto;height:56px;padding:0 14px 0 22px}.searchbox:focus-within{border-color:var(--elf);box-shadow:0 0 0 3px rgba(46,122,88,.14)}.searchbox-icon{color:var(--ink-faint);display:flex}.searchbox-input{flex:1 1;min-width:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:14.5px;color:var(--ink)}.searchbox--lg .searchbox-input{font-size:16px}.searchbox-input::placeholder{color:var(--ink-faint)}.searchbox-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--paper);color:var(--ink-faint);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.searchbox-clear:hover{color:var(--ink)}.section{max-width:var(--container);margin:0 auto;padding:20px 24px 56px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.sec-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.26em;color:var(--elf);margin-bottom:7px}.sec-title{font-family:var(--font-display);font-size:26px;font-weight:700;margin:0}.sec-link{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:var(--elf);padding-bottom:3px;white-space:nowrap}.sec-link:hover{color:var(--elf-strong);text-decoration:underline;text-underline-offset:4px}.sec-link svg{transition:transform .15s}.sec-link:hover svg{transform:translateX(2px)}.sec-note{font-size:12.5px;color:var(--ink-faint);padding-bottom:4px}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 18px;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s}.cat-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--elf) 45%,var(--line));box-shadow:0 12px 26px rgba(35,46,40,.09)}.cat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--elf-soft);color:var(--elf);margin-bottom:12px}.cat-name{font-family:var(--font-display);font-size:18px;font-weight:700}.cat-desc{font-size:12.5px;color:var(--ink-faint);margin-top:3px}.cat-meta{margin-top:16px;padding-top:12px;border-top:1px dashed var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.cat-total{font-family:var(--font-mono);font-size:13px;font-weight:500}.cat-split{display:flex;gap:10px}.cat-split em{font-style:normal;font-size:12px}.cat-split--domestic{color:var(--cn)}.cat-split--overseas{color:var(--os)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;transition:transform .16s,border-color .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--elf) 45%,var(--line));box-shadow:0 12px 28px rgba(35,46,40,.09)}.card-cover{position:absolute;inset:0;border-radius:inherit;z-index:2}.card .cat-tag,.card .entry{position:relative;z-index:3}.card-top{display:flex;align-items:flex-start;gap:14px}.card-title{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.card-name{font-size:17px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-star{position:absolute;top:14px;right:14px;color:var(--amber);pointer-events:none}.card-desc{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.card-foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:10px}.cat-tag{font-size:12px;color:var(--elf);background:var(--elf-soft);padding:3px 10px;border-radius:999px;white-space:nowrap;transition:background-color .14s,color .14s}.cat-tag:hover{background:var(--elf-strong);color:#fff}.card-date{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint)}.card-foot-spacer{flex:1 1}.seal{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.seal--domestic{color:var(--cn);background:var(--cn-soft);border:1px solid var(--cn-line)}.seal--domestic,.seal--overseas{box-shadow:inset 0 0 0 2px rgba(255,255,255,.65)}.seal--overseas{color:var(--os);background:var(--os-soft);border:1px solid var(--os-line)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;padding:2px 9px 2px 7px;border-radius:999px;border:1px solid;width:-moz-fit-content;width:fit-content}.badge-dot{width:6px;height:6px;border-radius:50%}.badge--domestic{color:var(--cn);background:var(--cn-soft);border-color:var(--cn-line)}.badge--domestic .badge-dot{background:var(--cn)}.badge--overseas{color:var(--os);background:var(--os-soft);border-color:var(--os-line)}.badge--overseas .badge-dot{background:var(--os)}.entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;padding:7px 14px;border-radius:9px;color:var(--amber-ink);background:var(--amber);white-space:nowrap;transition:transform .14s,background-color .14s}.entry:hover{transform:translateY(-1px);background:var(--amber-deep)}.entry:active{transform:translateY(0)}.entry--lg{width:100%;padding:13px 24px;font-size:15px;border-radius:11px}.page-tools{max-width:var(--container);margin:0 auto;padding:36px 24px 64px}.tools-head{margin-bottom:20px}.tools-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin:6px 0 0}.tools-count{font-size:13px;color:var(--ink-soft);margin:8px 0 0}.tools-count b{font-family:var(--font-mono);font-size:14px;color:var(--ink);font-weight:500}.filterbar{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.filterbar .searchbox{max-width:480px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);padding:6.5px 14px;border-radius:999px;cursor:pointer;transition:color .14s,border-color .14s,background-color .14s}.chip:hover{color:var(--ink);border-color:var(--line-strong)}.chip--active{background:var(--elf);border-color:var(--elf);color:#fff}.chip--active:hover{background:var(--elf-strong);border-color:var(--elf-strong)}.chip-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);background:rgba(35,46,40,.06);padding:1px 7px;border-radius:999px}.chip--active .chip-count{color:rgba(255,255,255,.85);background:rgba(255,255,255,.2)}.empty{text-align:center;padding:88px 24px;display:flex;flex-direction:column;align-items:center;gap:6px}.empty-icon{color:var(--ink-faint);margin-bottom:10px}.empty-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0}.empty-desc{font-size:14px;color:var(--ink-soft);margin:0}.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--elf);background:var(--card);border:1px solid color-mix(in srgb,var(--elf) 40%,var(--line));padding:9px 22px;border-radius:10px;cursor:pointer;margin-top:14px;transition:background-color .14s,border-color .14s,color .14s}.btn-ghost:hover{color:var(--elf-strong);background:var(--elf-soft);border-color:var(--elf-strong)}.page-detail{max-width:var(--container);margin:0 auto;padding:28px 24px 64px}.back{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);padding:8px 18px 8px 12px;border-radius:999px;cursor:pointer;margin-bottom:30px;transition:color .14s,border-color .14s}.back:hover{color:var(--elf-strong);border-color:color-mix(in srgb,var(--elf) 45%,var(--line))}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:44px;gap:44px;align-items:start}.detail-head{display:flex;align-items:center;gap:26px;margin-bottom:24px}.detail-headtext{min-width:0}.detail-badges{margin-bottom:10px}.detail-name{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:900;line-height:1.25;margin:0 0 10px}.detail-cat{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:var(--elf)}.detail-cat:hover{color:var(--elf-strong);text-decoration:underline;text-underline-offset:4px}.detail-desc{font-size:15.5px;line-height:1.95;margin:0;max-width:68ch;text-wrap:pretty}.detail-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:12px;color:var(--ink-soft);background:var(--card);border:1px solid var(--line-strong);padding:4px 13px;border-radius:999px}.detail-side{position:-webkit-sticky;position:sticky;top:84px}.meta-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:6px 24px 24px}.meta-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px dashed var(--line)}.meta-item dt{font-size:12.5px;color:var(--ink-faint);white-space:nowrap}.meta-item dd{margin:0;font-size:13.5px;font-weight:500;text-align:right}.meta-card .entry--lg{margin-top:18px}.entry-tip{font-size:11.5px;color:var(--ink-faint);text-align:center;margin:10px 0 0}.detail-related{padding-top:8px}.state-screen{min-height:56vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink-soft);font-size:15px;padding:24px;text-align:center}.footer{border-top:1px solid var(--line);background:rgba(255,255,255,.55)}.footer-inner{max-width:var(--container);margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-faint)}.footer-brand{display:inline-flex;align-items:center;gap:7px}.footer-brand svg{color:var(--elf)}.pref-fab{position:fixed;right:20px;bottom:20px;z-index:80;display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--elf) 35%,var(--line));background:var(--card);color:var(--elf-strong);font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:999px;cursor:pointer;box-shadow:0 6px 20px rgba(35,46,40,.14);transition:background-color .14s,color .14s,border-color .14s}.pref-fab:hover{background:var(--elf-soft);border-color:var(--elf-strong)}.pref-fab--open{background:var(--elf);border-color:var(--elf);color:#fff}.pref-panel{position:fixed;right:20px;bottom:74px;z-index:80;width:min(320px,calc(100vw - 32px));background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 18px 46px rgba(35,46,40,.18);padding:18px 20px 16px;display:flex;flex-direction:column;gap:16px}.pref-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pref-panel-title{font-family:var(--font-display);font-size:16px;font-weight:700}.pref-panel-note{font-size:11px;color:var(--ink-faint)}.pref-group{display:flex;flex-direction:column;gap:8px}.pref-group-label{font-size:12px;color:var(--ink-soft);font-weight:500}.pref-seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:4px}.pref-seg-btn{border:0;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:500;padding:7px 0;border-radius:7px;cursor:pointer;transition:background-color .14s,color .14s}.pref-seg-btn:hover{color:var(--ink)}.pref-seg-btn.is-on{background:var(--card);color:var(--elf-strong);box-shadow:0 1px 4px rgba(35,46,40,.12)}.pref-swatches{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pref-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;padding:0;transition:transform .14s,box-shadow .14s}.pref-swatch.is-on,.pref-swatch:hover{transform:scale(1.08)}.pref-swatch.is-on{box-shadow:0 0 0 2px var(--elf-strong)}.pref-custom{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);cursor:pointer}.pref-custom input[type=color]{width:30px;height:30px;border:1px solid var(--line-strong);border-radius:8px;padding:0;background:none;cursor:pointer}.pref-color-value{font-size:11px;color:var(--ink-faint);letter-spacing:.04em}.pref-reset{border:0;background:transparent;color:var(--elf);font-size:12.5px;text-align:left;cursor:pointer;padding:8px 0 0;border-top:1px dashed var(--line)}.pref-reset:hover{color:var(--elf-strong);text-decoration:underline;text-underline-offset:3px}html[data-density=compact] .grid{gap:13px}html[data-density=compact] .card{padding:14px;gap:10px}html[data-density=compact] .grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}html[data-density=compact] .section{padding-bottom:42px}html[data-density=compact] .cat-grid{gap:12px}@media (max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr;gap:32px}.detail-side{position:static}.hero{padding-top:48px}}@media (max-width:640px){.header-inner{padding:0 16px}.brand-en{display:none}.section{padding:14px 16px 44px}.hero,.page-detail,.page-tools{padding-left:16px;padding-right:16px}.hero{padding-bottom:36px}.stat{padding:2px 18px}.stat-num{font-size:22px}.cat-grid{grid-template-columns:1fr}.detail-head{gap:18px}.card-foot{flex-wrap:wrap;row-gap:10px}.card-foot-spacer{display:none}.card-foot .entry{flex:1 1}.pref-fab{right:14px;bottom:14px;padding:9px 14px}.pref-panel{right:14px;bottom:64px}}@media (max-width:380px){.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}