:root{--bg:#f4f9fe;--bg-2:#e7f2fc;--glow:#60a8ff6b;--wash:#aad2ff57;--wash-2:#78b0ff33;--surface:#fff;--ink:#1a3352;--muted:#6d849c;--line:#d7e6f5;--accent:#3a86f7;--accent-ink:#fff;--chip:#eef5fc;--shadow:0 16px 40px #285a9614;--header:#ffffffdb;--ink-button:#1a3352;--ink-button-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#0c1424;--bg-2:#101a2e;--glow:#468cff3d;--wash:#3c78dc29;--wash-2:#285ab41f;--surface:#162033;--ink:#e8f1fb;--muted:#93a7c0;--line:#24344c;--accent:#5ba3ff;--accent-ink:#07111f;--chip:#1c2a42;--shadow:0 18px 50px #00000052;--header:#0e1626e0;--ink-button:#e8f1fb;--ink-button-text:#0c1424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html[data-theme=system]{--bg:#0c1424;--bg-2:#101a2e;--glow:#468cff3d;--wash:#3c78dc29;--wash-2:#285ab41f;--surface:#162033;--ink:#e8f1fb;--muted:#93a7c0;--line:#24344c;--accent:#5ba3ff;--accent-ink:#07111f;--chip:#1c2a42;--shadow:0 18px 50px #00000052;--header:#0e1626e0;--ink-button:#e8f1fb;--ink-button-text:#0c1424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(920px 420px at 50% -140px, var(--glow), transparent 68%), radial-gradient(720px 460px at 100% 18%, var(--wash), transparent 62%), radial-gradient(640px 420px at 0% 28%, var(--wash-2), transparent 64%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1120px,100% - 32px);margin:0 auto}.nav-wrap{z-index:30;justify-content:center;margin-bottom:28px;display:flex;position:sticky;top:14px}.pill{background:var(--header);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(1120px,100% - 32px);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px 8px 18px;display:flex}.logo{letter-spacing:-.03em;color:var(--accent);font-size:16px;font-weight:760}.nav-actions{align-items:center;gap:8px;display:flex}.theme-switch,.account{background:var(--chip);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.theme-switch button,.text-button,.chip,.cat-button,.sort-button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 10px}.theme-switch button,.sort-button,.cat-button{transition:color .34s,background-color .2s}.chip,.pager a,.pager button{transition:color .2s,background-color .2s,border-color .2s}.theme-switch button{place-items:center;width:32px;height:32px;padding:0;display:grid}.theme-switch svg{width:16px;height:16px;display:block}.theme-switch button[data-active=true],.sort-button[data-active=true]{background:var(--accent);color:var(--accent-ink)}.sliding{position:relative}.sliding>button{z-index:1;position:relative}.slide-indicator{z-index:0;background:var(--accent);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.sliding.is-ready>.slide-indicator{transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1)}.sliding.is-measured>button[data-active=true]{background:0 0}.account span{font-variant-numeric:tabular-nums;padding:0 8px}.account-menu{position:relative}.account-trigger{background:var(--chip);color:var(--ink);border:0;border-radius:999px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.account-trigger span:first-child{font-variant-numeric:tabular-nums}.points-badge{background:var(--surface);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.account-pop{z-index:40;background:var(--surface);border:1px solid var(--line);width:280px;box-shadow:var(--shadow);transform-origin:100% 0;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.account-balance{border-bottom:1px solid var(--line);margin-bottom:6px;padding:8px 12px 12px}.account-balance span,.menu-empty,.menu-ledger small{color:var(--muted);font-size:12px}.account-balance strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:28px;display:block}.menu-empty{margin:8px 12px}.menu-ledger{margin:0;padding:4px 0;list-style:none}.menu-ledger li{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:grid}.menu-ledger small{display:block}.menu-ledger b,.ledger-table td[data-sign]{font-variant-numeric:tabular-nums}.menu-ledger b[data-sign=plus],.ledger-table td[data-sign=plus]{color:#1f8a4c}.menu-ledger b[data-sign=minus],.ledger-table td[data-sign=minus]{color:#d6455d}.account-pop a,.account-pop button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:12px;padding:10px 12px;display:flex}.account-pop a:hover,.account-pop button:hover{background:var(--chip)}.text-button{color:var(--ink)}.hero{text-align:center;padding:28px 0 22px}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(40px,6vw,68px);font-weight:760;line-height:1.05}.hero p{color:var(--muted);margin:12px 0 0}.search-card,.panel,.detail-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.search-card{padding:18px}.search-row{align-items:center;gap:10px;display:flex}.search-row input,.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--chip);border-radius:999px;outline:none;width:100%;height:52px;padding:0 16px}.search-row input:focus{border-color:var(--accent)}.category-select{flex:none;width:176px;position:relative}.category-trigger{border:1px solid var(--line);background:var(--chip);width:100%;height:52px;color:var(--ink);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 0 18px;display:flex}.category-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-trigger:focus-visible,.category-select.is-open .category-trigger{border-color:var(--accent);outline:none}.category-chevron{width:16px;height:16px;color:var(--muted);flex:none;transition:transform .28s cubic-bezier(.22,1,.36,1),color .2s}.category-select.is-open .category-chevron{color:var(--accent);transform:rotate(180deg)}.category-menu{z-index:20;background:var(--surface);border:1px solid var(--line);width:max-content;min-width:196px;box-shadow:var(--shadow);scrollbar-width:thin;transform-origin:100% 0;border-radius:18px;max-height:420px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.category-menu li{margin:0}.category-menu button{text-align:left;white-space:nowrap;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px 9px 14px;line-height:1.3;display:flex}.category-menu button:hover,.category-menu button:focus-visible{background:var(--chip);outline:none}.category-menu button[data-active=true]{background:color-mix(in srgb, var(--accent) 16%, var(--surface));font-weight:700}.category-check{width:16px;height:16px;color:var(--accent);flex:none}.btn{border:0;border-radius:999px;flex:none;height:52px;padding:0 22px;font-weight:700}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-ink{background:var(--ink-button);color:var(--ink-button-text)}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{background:var(--chip);border:1px solid var(--line);color:var(--ink)}.chip:hover{border-color:var(--accent)}.section{margin-top:56px}.section-head{text-align:center;margin-bottom:22px}.section-head h2{letter-spacing:-.04em;margin:0;font-size:32px}.section-head p{color:var(--muted);margin:8px 0 0}.featured{grid-template-columns:180px 1fr;gap:18px;display:grid}.cat-list,.rank-list{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:12px}.cat-list{flex-direction:column;align-self:start;gap:6px;display:flex}.cat-button{text-align:left;padding:10px 12px}.cat-button[data-active=true]{background:var(--accent);color:var(--accent-ink)}.rank-list,.cards{transition:opacity .24s}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:36px 44px 1fr auto;align-items:center;gap:12px;padding:12px 8px;display:grid}.rank-row:last-child{border-bottom:0}.rank{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:760}.rank.top{color:var(--accent)}.rank-copy strong,.card strong{display:block}.rank-copy span,.card p,.meta{color:var(--muted);font-size:13px}.opens{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;display:flex}.sorts,.filters{flex-wrap:wrap;gap:6px;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;min-height:176px;padding:16px;display:flex}.card:hover{border-color:var(--accent)}.card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;gap:8px;margin-top:auto;display:flex}.mark,.mark-fallback{object-fit:cover;border-radius:12px;flex:none;width:44px;height:44px}.mark-fallback{place-items:center;font-weight:760;display:grid}.tone-a{color:#1e4e86;background:#d6e8ff}.tone-b{color:#1a5560;background:#d7f3f8}.tone-c{color:#2e3f78;background:#e4e9ff}.tone-d{color:#24527a;background:#e7f3ff}html[data-theme=dark] .tone-a,html[data-theme=dark] .tone-b,html[data-theme=dark] .tone-c,html[data-theme=dark] .tone-d{color:#e8f1fb}@media (prefers-color-scheme:dark){html[data-theme=system] .tone-a,html[data-theme=system] .tone-b,html[data-theme=system] .tone-c,html[data-theme=system] .tone-d{color:#e8f1fb}html[data-theme=system] .tone-a{background:#1e3a5c}html[data-theme=system] .tone-b{background:#163e48}html[data-theme=system] .tone-c{background:#243056}html[data-theme=system] .tone-d{background:#1a3348}}html[data-theme=dark] .tone-a{background:#1e3a5c}html[data-theme=dark] .tone-b{background:#163e48}html[data-theme=dark] .tone-c{background:#243056}html[data-theme=dark] .tone-d{background:#1a3348}.pager{justify-content:center;gap:6px;margin-top:18px;display:flex}.board-busy{opacity:.55}.pager a,.pager button,.pager span{border:1px solid var(--line);background:var(--surface);border-radius:10px;place-items:center;min-width:36px;height:36px;padding:0 10px;display:grid}.pager a[data-active=true],.pager button[data-active=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.pager span{color:var(--muted)}.detail{padding:36px 0 64px}.detail-card{padding:28px}.detail-top{align-items:flex-start;gap:16px;display:flex}.detail-top h1{letter-spacing:-.04em;margin:0;font-size:36px}.detail-top .mark,.detail-top .mark-fallback{border-radius:18px;width:72px;height:72px;font-size:28px}.tags{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.open-row{align-items:center;gap:12px;margin:18px 0 8px;display:flex}.host{color:var(--muted)}.prose{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.prose h2{margin:22px 0 8px;font-size:20px}.prose p{margin:8px 0}.prose a{color:var(--accent)}.back{color:var(--muted);margin-bottom:14px;display:inline-block}.ledger-scroll{margin:8px 0 16px;overflow:auto}.ledger-table{border-collapse:collapse;width:100%;min-width:560px}.ledger-table th,.ledger-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:14px 8px}.ledger-table td:last-child{white-space:normal}.ledger-table th{color:var(--muted);font-size:13px;font-weight:600}.site-footer{color:var(--muted);text-align:center;margin-top:72px;padding:28px 0 40px}.site-footer nav{justify-content:center;gap:14px;margin-bottom:8px;display:flex}.site-footer nav button{color:inherit;background:0 0;border:0;padding:0}.link-button{color:var(--accent);background:0 0;border:0;padding:0}.legal-back{z-index:70}.legal-modal,.points-modal{flex-direction:column;width:min(560px,100%);max-height:min(78vh,680px);display:flex}.legal-body{margin:4px 0 16px;overflow:auto}.legal-body p{margin:10px 0}.empty,.banner{color:var(--muted);text-align:center;padding:18px}.banner{background:var(--surface);border:1px solid var(--line);border-radius:16px}.modal-back{z-index:50;background:#10244075;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(440px,100%);padding:22px}.modal-back[data-phase=in]{animation:.22s both backdrop-in}.modal-back[data-phase=out]{animation:.18s both backdrop-out}.modal[data-phase=in]{animation:.34s cubic-bezier(.22,1,.36,1) both dialog-in}.modal[data-phase=out]{animation:.18s both dialog-out}.account-pop[data-phase=in],.category-menu[data-phase=in]{animation:.24s cubic-bezier(.22,1,.36,1) both pop-in}.account-pop[data-phase=out],.category-menu[data-phase=out]{pointer-events:none;animation:.16s both pop-out}.modal-step{animation:.28s cubic-bezier(.22,1,.36,1) both step-in}.modal.points-modal{flex-direction:column;width:min(760px,100%);max-height:min(82vh,720px);display:flex}.modal h2{margin:0 0 6px}.modal .hint,.check{color:var(--muted);font-size:13px}.field{flex-direction:column;gap:8px;margin:14px 0;display:flex}.field input{height:48px}.check{align-items:flex-start;gap:8px;display:flex}.check input{margin-top:3px}.modal .btn{width:100%}.error{color:#d6455d;min-height:18px;font-size:13px}.modal-links{justify-content:space-between;margin-top:12px;font-size:13px;display:flex}@media (max-width:860px){.featured,.cards{grid-template-columns:1fr}.cat-list{flex-direction:row;overflow:auto}.search-row{flex-wrap:wrap}.search-row input,.search-row .btn,.category-select{width:100%}.pill{border-radius:22px;flex-direction:column;align-items:flex-start}.account-pop{transform-origin:0 0;left:0;right:auto}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-in{0%{transform:translateY(16px)scale(.96)}to{transform:translateY(0)scale(1)}}@keyframes dialog-out{0%{transform:translateY(0)scale(1)}to{transform:translateY(10px)scale(.98)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:none}}@keyframes pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.slide-indicator,.modal,.modal-back,.account-pop,.category-menu,.modal-step,.category-chevron,.rank-list,.cards,.theme-switch button,.sort-button,.cat-button,.chip,.pager a,.pager button{transition:none!important;animation:none!important}}