:root{--brand: #2f4bd7;--brand-deep: #1e35a8;--brand-ink: #14215c;--accent: #d4483b;--accent-soft: #fdecea;--paper: #fbfaf8;--card: #ffffff;--ink: #1c2230;--ink-2: #4b5468;--ink-3: #8a93a6;--line: #e8e6e1;--line-strong: #d6d3cc;--ok: #2e7d4f;--warn: #b07a1f;--radius: 10px;--radius-lg: 16px;--maxw: 1080px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-deep);text-decoration:underline}img{max-width:100%}h1,h2,h3,h4{line-height:1.4;font-weight:700;color:var(--ink)}h1{font-size:1.9rem}h2{font-size:1.45rem}h3{font-size:1.15rem}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:50;background:#fbfaf8eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-header .bar{display:flex;align-items:center;gap:22px;height:58px}.logo{display:flex;align-items:baseline;gap:8px;font-weight:800}.logo .zh{font-size:1.25rem;color:var(--brand-ink);letter-spacing:1px}.logo .en{font-size:.8rem;color:var(--ink-3);font-family:var(--mono)}.logo:hover{text-decoration:none}.nav{display:flex;gap:18px;margin-left:auto;font-size:.95rem}.nav a{color:var(--ink-2)}.nav a:hover,.nav a.active{color:var(--brand-ink);font-weight:600;text-decoration:none}.header-slogan{display:none;color:var(--ink-3);font-size:.8rem}@media(min-width:900px){.header-slogan{display:inline}}.hero{border-bottom:1px solid var(--line);background:radial-gradient(900px 300px at 85% -60px,rgba(47,75,215,.08),transparent 60%),var(--paper);padding:56px 0 40px}.hero .slogan{font-size:clamp(1.9rem,4.5vw,2.9rem);font-weight:800;color:var(--brand-ink);letter-spacing:2px;margin:0 0 12px}.hero .sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--ink-2);margin:0 0 8px}.hero .meta{color:var(--ink-3);font-size:.85rem}.hotboard{padding:40px 0 8px}.hotboard .board-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.hotboard h2{margin:0}.hotboard .week{color:var(--ink-3);font-size:.85rem}.hot-list{list-style:none;margin:0;padding:0;counter-reset:hot;display:grid;gap:10px}.hot-item{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;transition:border-color .15s ease}.hot-item:hover{border-color:var(--brand)}.hot-item .rank{font-family:var(--mono);font-size:1.3rem;font-weight:700;color:var(--ink-3);text-align:center}.hot-item.top3 .rank{color:var(--accent)}.hot-item .t{font-weight:600}.hot-item .t a{color:var(--ink)}.hot-item .t a:hover{color:var(--brand);text-decoration:none}.hot-item .v{color:var(--ink-2);font-size:.9rem;margin-top:2px}.hot-item .src{color:var(--ink-3);font-size:.78rem;white-space:nowrap}.cats{padding:36px 0 8px}.cats .grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:760px){.cats .grid{grid-template-columns:repeat(3,1fr)}}.cat-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;color:var(--ink)}.cat-card:hover{border-color:var(--line-strong);text-decoration:none}.cat-card .name{font-weight:700;color:var(--brand-ink)}.cat-card .desc{color:var(--ink-2);font-size:.88rem;margin-top:6px}.cat-card .count{color:var(--ink-3);font-size:.78rem;margin-top:10px;font-family:var(--mono)}.subscribe{margin:40px 0;border-radius:var(--radius-lg);background:var(--brand-ink);color:#eef1ff;padding:30px 28px;display:grid;gap:12px}.subscribe h2{color:#fff;margin:0}.subscribe p{margin:0;color:#b9c3ee;font-size:.92rem}.subscribe form{display:flex;gap:10px;flex-wrap:wrap}.subscribe input{flex:1 1 240px;padding:11px 14px;border-radius:8px;border:1px solid #3a4a8f;background:#1c2a66;color:#fff;font-size:.95rem}.subscribe input::placeholder{color:#7f8cc9}.subscribe button{padding:11px 22px;border:0;border-radius:8px;cursor:pointer;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem}.subscribe .note{font-size:.78rem;color:#8f9bd6}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.tag{display:inline-block;padding:1px 9px;border-radius:99px;font-size:.75rem;background:#eef1fd;color:var(--brand-deep);border:1px solid #dde3fb}.tag.sponsored{background:var(--accent-soft);color:var(--accent);border-color:#f5d5d1}.tool-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:700px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{display:flex;flex-direction:column;gap:8px}.tool-card .nm{font-weight:700;font-size:1.05rem}.tool-card .nm a{color:var(--ink)}.tool-card .tl{color:var(--ink-2);font-size:.9rem}.tool-card .ft{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:.78rem;color:var(--ink-3)}.article{max-width:760px;margin:0 auto;padding:40px 20px 64px}.article header h1{margin-bottom:8px}.article .byline{color:var(--ink-3);font-size:.85rem;margin-bottom:28px}.article .verdict{border-left:4px solid var(--brand);background:#f4f6ff;padding:14px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:22px 0}.article table{width:100%;border-collapse:collapse;font-size:.92rem;margin:18px 0}.article th,.article td{border:1px solid var(--line);padding:8px 12px;text-align:left}.article th{background:#f5f4f1}.article h2{margin-top:36px;border-bottom:1px solid var(--line);padding-bottom:8px}.article blockquote{margin:18px 0;padding:4px 18px;border-left:3px solid var(--line-strong);color:var(--ink-2)}.article code{font-family:var(--mono);font-size:.88em;background:#f2f0eb;padding:1px 6px;border-radius:5px}.ad-slot{margin:36px auto;max-width:760px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--ink-3);font-size:.8rem;text-align:center;padding:18px;background:#f7f6f3}.site-footer{border-top:1px solid var(--line);margin-top:56px;padding:28px 0 44px;color:var(--ink-3);font-size:.82rem}.site-footer .row{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.site-footer a{color:var(--ink-2)}.breadcrumb{color:var(--ink-3);font-size:.82rem;margin-bottom:14px}.badge-type{font-family:var(--mono);font-size:.72rem;color:var(--ink-3);border:1px solid var(--line);padding:1px 8px;border-radius:99px}.search-box{width:100%;max-width:420px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:8px;font-size:.95rem;background:var(--card)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}