html.dark{--bg-page:#0f1117;--bg-card:#141820;--bg-header:#0a0c10;--bg-hover:#161c28;--border:#252830;--border-hover:#2e3448;--text-primary:#e0e3ec;--text-body:#d4d8e2;--text-muted:#8892a4;--text-faint:#555c70;--text-ghost:#3a4055;--accent-orange:#f97316;--accent-indigo:#818cf8;--tag-bg:#181c26}html.light{--bg-page:#f2f3f5;--bg-card:#ffffff;--bg-header:#ffffff;--bg-hover:#f8f9fb;--border:#dde0e8;--border-hover:#c8ccd8;--text-primary:#1a1d26;--text-body:#1a1d26;--text-muted:#555c70;--text-faint:#8892a4;--text-ghost:#aab0c0;--accent-orange:#f97316;--accent-indigo:#818cf8;--tag-bg:#f0f1f4}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--accent-orange);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{color:var(--text-primary);line-height:1.3;margin:0 0 .6em}p{margin:0 0 1em}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{background:var(--bg-header);border-bottom:.5px solid var(--border);height:56px;display:flex;align-items:center}.site-header .container{display:flex;align-items:center;justify-content:space-between;width:100%}.brand{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.brand:hover{text-decoration:none}.brand-mark{flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:16px;font-weight:500;color:var(--text-primary)}.brand-name .dot{color:var(--accent-orange)}.brand-sub{font-size:10px;font-weight:400;color:var(--text-ghost);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}.site-nav{display:flex;align-items:center;gap:18px}.site-nav a{font-size:13px;color:var(--text-faint)}.site-nav a:hover{color:var(--text-primary);text-decoration:none}.icon-btn{background:0 0;border:none;padding:4px;color:var(--text-faint);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text-primary)}.icon-btn svg{width:16px;height:16px}html.dark .icon-moon{display:none}html.light .icon-sun{display:none}.hero{border-bottom:.5px solid var(--border);padding:22px 0}.hero-inner{display:flex;gap:18px;align-items:flex-start}.hero-thumb{width:140px;height:92px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--bg-card);border:.5px solid var(--border)}.hero-thumb img{width:100%;height:100%;object-fit:cover}.hero-body{flex:1;min-width:0}.eyebrow{font-size:11px;font-weight:500;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.07em;display:inline-block;margin-bottom:6px}.hero-title{font-size:22px;font-weight:500;color:var(--text-primary);margin:0 0 6px;line-height:1.3}.hero-title a{color:inherit}.hero-desc{font-size:14px;color:var(--text-muted);margin:0 0 8px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--text-faint)}.hero-meta .tag{background:var(--tag-bg);color:var(--text-muted);padding:2px 8px;border-radius:3px;font-size:11px}.cat-bar{background:var(--bg-header);border-bottom:.5px solid var(--border);padding:10px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.cat-bar-inner{display:flex;gap:6px;white-space:nowrap}.cat-pill{font-size:12px;font-weight:400;color:var(--text-faint);padding:5px 11px;border-radius:999px;border:.5px solid transparent;background:0 0;text-decoration:none}.cat-pill:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.cat-pill.active{background:var(--accent-orange);color:#fff}.cat-pill.active:hover{background:var(--accent-orange);color:#fff}.main-grid{display:grid;grid-template-columns:1fr 240px;gap:16px;padding:24px 0}.card-list{display:flex;flex-direction:column;gap:10px}.card{display:flex;gap:14px;background:var(--bg-card);border:.5px solid var(--border);border-radius:6px;padding:16px;text-decoration:none;color:inherit;transition:background 120ms ease,border-color 120ms ease}.card:hover{background:var(--bg-hover);border-color:var(--border-hover);text-decoration:none}.card-thumb{width:92px;height:64px;border-radius:4px;overflow:hidden;flex-shrink:0;background:var(--bg-page);border:.5px solid var(--border)}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{flex:1;min-width:0}.card-tag{font-size:11px;font-weight:500;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:4px}.card-tag.affiliate{color:var(--accent-indigo)}.card-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 4px;line-height:1.35}.card-desc{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:12px;color:var(--text-faint)}.card-meta .sep{margin:0 4px;opacity:.6}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar-block{background:var(--bg-card);border:.5px solid var(--border);border-radius:6px;padding:14px}.sidebar-label{font-size:10px;font-weight:500;color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;display:block}.trending-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;counter-reset:trend}.trending-list li{display:flex;gap:10px;counter-increment:trend}.trending-list li::before{content:counter(trend,decimal-leading-zero);font-size:11px;color:var(--accent-orange);font-weight:500;letter-spacing:.05em;min-width:18px}.trending-list a{color:var(--text-body);font-size:13px;line-height:1.4}.trending-list a:hover{color:var(--accent-orange);text-decoration:none}.trending-cat{display:block;font-size:10px;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}.tag-cloud{display:flex;flex-wrap:wrap;gap:5px}.tag-cloud a{font-size:11px;color:var(--text-muted);background:var(--tag-bg);padding:3px 8px;border-radius:3px}.tag-cloud a:hover{color:var(--accent-orange);text-decoration:none}.about-block p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.55}.article{max-width:720px;padding:24px 0 60px}.article-head{margin-bottom:24px}.article-title{font-size:30px;font-weight:600;line-height:1.25;margin:8px 0 10px}.article-desc{font-size:16px;color:var(--text-muted);margin:0 0 12px}.article-meta{font-size:12px;color:var(--text-faint)}.article-meta .sep{margin:0 6px;opacity:.6}.article-featured{margin:18px 0 24px;border-radius:6px;overflow:hidden;border:.5px solid var(--border)}.article-body{font-size:16px;color:var(--text-body);line-height:1.7}.article-body h2{font-size:20px;margin-top:1.6em}.article-body h3{font-size:16px;margin-top:1.4em}.article-body img{border-radius:6px;border:.5px solid var(--border);margin:1em 0}.article-body code{background:var(--tag-bg);padding:1px 5px;border-radius:3px;font-size:.9em}.article-body pre{background:var(--bg-card);border:.5px solid var(--border);border-radius:6px;padding:14px;overflow-x:auto;font-size:13px}.article-body pre code{background:0 0;padding:0}.article-body blockquote{border-left:2px solid var(--accent-orange);padding-left:14px;color:var(--text-muted);margin:1em 0}.article-tags{margin-top:32px;padding-top:18px;border-top:.5px solid var(--border);display:flex;flex-wrap:wrap;gap:6px}.article-tags a{font-size:11px;color:var(--text-muted);background:var(--tag-bg);padding:3px 8px;border-radius:3px}.article-tags a:hover{color:var(--accent-orange);text-decoration:none}.affiliate{background:var(--bg-card);border:.5px solid var(--border);border-radius:6px;padding:16px;margin:1.5em 0;display:flex;gap:14px;align-items:flex-start}.affiliate-img{width:92px;height:92px;border-radius:4px;background:var(--bg-page);border:.5px solid var(--border);flex-shrink:0;overflow:hidden}.affiliate-img img{width:100%;height:100%;object-fit:cover}.affiliate-body{flex:1;min-width:0}.affiliate-label{font-size:11px;font-weight:500;color:var(--accent-indigo);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:4px}.affiliate-name{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.affiliate-price{font-size:13px;color:var(--text-body);font-weight:500;margin-right:8px}.affiliate-note{font-size:13px;color:var(--text-muted);margin:6px 0 10px}.affiliate-cta{display:inline-block;font-size:12px;font-weight:500;color:var(--accent-orange);border:.5px solid var(--accent-orange);padding:5px 11px;border-radius:4px;text-decoration:none}.affiliate-cta:hover{background:var(--accent-orange);color:#fff;text-decoration:none}.site-footer{background:var(--bg-header);border-top:.5px solid var(--border);padding:18px 0;margin-top:40px}.site-footer .container{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-ghost)}.site-footer a{color:var(--text-ghost)}.site-footer a:hover{color:var(--text-muted);text-decoration:none}.footer-links{display:flex;gap:14px}@media(max-width:768px){.main-grid{grid-template-columns:1fr;padding:18px 0}.sidebar{order:2}.hero-inner{flex-direction:column}.hero-thumb{width:100%;height:180px}.hero-title{font-size:20px}.brand-sub{display:none}.site-nav{gap:12px}.site-nav a:not(.icon-btn){display:none}.article-title{font-size:24px}.affiliate{flex-direction:column}.affiliate-img{width:100%;height:140px}.site-footer .container{flex-direction:column;gap:8px}}