:root{--ink:#182033;--muted:#656f80;--paper:#fcfbf7;--line:#e8e6dd;--violet:#6657df;--mint:#e6f8ef;--rose:#fce7f0;--radius:20px;--shadow:0 14px 34px #1e263e14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.55 Inter,PingFang SC,Microsoft YaHei,sans-serif}.shell{width:min(1160px,100% - 40px);margin:auto}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fcfbf7f0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.brand{color:var(--ink);letter-spacing:-1px;font-size:22px;font-weight:850;text-decoration:none}.brand span{background:var(--ink);color:#fff;border-radius:9px;place-items:center;width:28px;height:28px;margin-right:8px;font:italic 22px Georgia,serif;display:inline-grid}.nav nav{gap:22px;display:flex}.nav nav a{color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}.nav nav a:hover{color:var(--violet)}.hero{text-align:center;background:radial-gradient(circle at 50% 0,#eeeaff,#0000 45%);padding:84px 0 62px}.hero h1,.detail h1{letter-spacing:-.06em;margin:0;font-size:clamp(40px,6vw,68px);line-height:1.08}.hero p:not(.eyebrow){max-width:660px;color:var(--muted);margin:18px auto;font-size:17px}.eyebrow{color:var(--violet);letter-spacing:.14em;margin:0 0 9px;font-size:12px;font-weight:800}.search{width:min(680px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #d8d4ee;border-radius:15px;margin:31px auto 0;padding:6px;display:flex}.search label{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.search input{min-width:0;font:inherit;border:0;outline:0;flex:1;padding:11px 13px}.search button,.detail-action a{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 18px;font:800 14px inherit;text-decoration:none}.search button:hover,.detail-action a:hover{background:var(--violet)}.category-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.categories{gap:9px;padding:14px 0;display:flex;overflow:auto}.chip{border:1px solid var(--line);color:#575d70;border-radius:999px;flex:none;padding:7px 12px;font-size:13px;font-weight:700;text-decoration:none}.chip small{color:#8d91a0;margin-left:4px}.chip:hover,.chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.chip.active small{color:#dcd9ff}.directory{padding:58px 0 82px}.heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px;display:flex}.heading h2{letter-spacing:-.04em;margin:0;font-size:31px}.heading>p{color:var(--muted);margin:0;font-size:14px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;min-height:230px;padding:21px;transition:transform .16s,box-shadow .16s;display:flex}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pill,.featured,.ad{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-decoration:none}.pill{color:#5546c6;background:#f0edff}.featured{background:var(--mint);color:#247653}.ad{background:var(--rose);color:#a13e61}.card h3{letter-spacing:-.03em;margin:22px 0 8px;font-size:20px}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--violet)}.card p{color:var(--muted);margin:0;font-size:14px}.card-footer{color:#8c91a0;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px;font-size:12px;display:flex}.card-footer a{color:var(--ink);font-weight:800;text-decoration:none}.pager{justify-content:center;margin-top:35px;display:flex}.pager nav{gap:5px;display:flex}.pager a,.pager span{border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px 10px;text-decoration:none}.empty{border-radius:var(--radius);text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfc8ed;padding:45px}.empty strong{color:var(--ink)}.detail{max-width:780px;padding:88px 0}.back{color:var(--violet);margin-bottom:35px;font-weight:800;text-decoration:none;display:inline-block}.detail-description{max-width:680px;color:var(--muted);font-size:19px}.detail-action{align-items:center;gap:16px;margin:30px 0;display:flex}.detail-action span{color:var(--muted);font-size:14px}.disclosure,.notice{border-radius:12px;padding:14px 17px;font-size:14px}.disclosure{background:var(--rose);color:#8d3554}.notice{background:var(--mint);color:#356853}footer{border-top:1px solid var(--line);color:#747b89;padding:25px 0;font-size:13px}footer .shell{justify-content:space-between;gap:22px;display:flex}footer a{color:inherit}@media (width<=760px){.nav{min-height:58px}.nav nav{gap:13px}.nav nav a:nth-child(2){display:none}.hero{padding:63px 0 52px}.grid{grid-template-columns:1fr}.detail{padding:62px 0}.detail-action,footer .shell{flex-direction:column;align-items:flex-start;gap:9px}.heading{flex-direction:column;align-items:flex-start}.shell{width:min(100% - 28px,1160px)}}