*{box-sizing:border-box}:root{color-scheme:light;--brand-orange:#c18a72;--brand-orange-deep:#9a6550;--brand-orange-mid:#ad7a65;--brand-cream:#f8f6f4;--brand-peach:#f0ebe6;--brand-haze:#e8edf2;--ink-950:#1c1917;--ink-900:#292524;--ink-800:#44403c;--ink-700:#57534e;--text-main:#292524;--text-subtle:#57534e;--text-muted:#78716c;--text-soft:#a8a29e;--text-faint:#b8b2ad;--surface-0:#fff;--surface-50:#f6f4f2;--surface-100:#ebe7e3;--surface-warn:#f7f4f0;--surface-warn-strong:#ede6df;--surface-success:#f0fdf4;--surface-success-strong:#dcfce7;--surface-danger:#fef2f2;--surface-danger-strong:#fee2e2;--surface-info:#eff6ff;--surface-info-strong:#dbeafe;--line-100:#e5e2de;--line-200:#d8d4cf;--line-300:#c4bfba;--line-success:#a7f3d0;--line-danger:#fecaca;--line-info:#bfdbfe;--line-warn:#e5d5c4;--input-border:#d0ccc7;--bg:#f4f2f0;--bg-soft:#eae7e4;--card:hsla(0,0%,100%,.88);--card-border:transparent;--text:var(--text-main);--muted:var(--text-faint);--accent:#9d5c48;--accent-strong:#734038;--accent-soft:rgba(157,92,72,.1);--success-500:#15803d;--success-600:#166534;--danger-500:#dc2626;--danger-600:#991b1b;--info-500:#2563eb;--warn-500:#8a5c42;--warn-700:#5c3f32;--highlight-amber:#b8973d;--highlight-amber-soft:#dfd0a0;--highlight-red:#c94a4a;--signal-blue:#0284c7;--signal-blue-deep:#0c4a6e;--radius-xl:12px;--radius-2xl:16px;--control-h-sm:28px;--control-h-md:32px;--control-h-lg:36px;--control-px-sm:10px;--control-px-md:12px;--control-px-lg:14px;--chip-py:3px;--chip-px:8px;--title-gap-tight:4px;--icon-stroke:1.5;--shadow:0 18px 40px rgba(28,25,23,.055);--shadow-soft:0 8px 24px rgba(28,25,23,.045);--radius-lg:8px;--radius-md:6px;--radius-sm:4px;--radius-pill:999px;--grid-line:hsla(25,5%,45%,.04)}body{margin:0;font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:#f5f5f5;-webkit-text-size-adjust:100%;font-display:swap}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at center,#000 35%,transparent 100%);mask-image:radial-gradient(circle at center,#000 35%,transparent 100%)}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;padding-top:32px;z-index:1}.top-nav{position:fixed;top:0;left:0;width:100%;z-index:5;background:#f5f5f5;transition:opacity .2s ease,background .2s ease}.top-nav--scrolled{opacity:1}.top-nav-inner{display:flex;gap:12px;align-items:center;justify-content:flex-start;height:32px;padding:0 25px;font-size:13px;color:var(--text-subtle)}.top-nav-logo{gap:8px;font-weight:700;color:var(--ink-900);line-height:1}.top-nav-logo,.top-nav-logo span{display:inline-flex;align-items:center}.top-nav-logo-svg{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:var(--surface-0)}.top-nav-links{display:inline-flex;align-items:center;gap:6px}.top-nav-links a{padding:3px 8px;border-radius:var(--radius-sm);border:1px solid transparent;letter-spacing:.03em}.top-nav-links a[aria-current=page]{color:#fff;background:linear-gradient(135deg,var(--brand-orange) 0,var(--accent) 100%);font-weight:600;box-shadow:0 2px 10px rgba(65,42,36,.14)}.top-nav-links a:hover{color:var(--accent-strong)}.top-nav-cta{margin-left:auto;padding:0 var(--control-px-sm);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brand-orange),var(--accent));color:var(--surface-0);font-size:11px;font-weight:600;height:var(--control-h-sm);line-height:var(--control-h-sm);letter-spacing:.04em;border:1px solid var(--accent-strong)}.top-nav-cta:hover{opacity:.9}.logo{gap:10px;font-weight:700;letter-spacing:.02em;padding:8px 12px;border-radius:var(--radius-md);border:none}.logo,.logo-icon{display:inline-flex;align-items:center;background:var(--surface-0)}.logo-icon{width:28px;height:28px;border-radius:var(--radius-sm);overflow:hidden;justify-content:center}.logo-icon img{width:100%;height:100%;object-fit:contain}.sidebar{position:fixed;left:0;top:60px;width:200px;height:calc(100vh - 72px);padding:0;overflow-y:auto}.sidebar-card{padding:0 13px;display:flex;flex-direction:column;gap:18px;color:var(--ink-900)}.sidebar-nav{flex:1 1}.sidebar-nav,.sidebar-nav li{list-style:none;margin:0;padding:0}.sidebar-nav a,.sidebar-nav button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-subtle);border:none;transition:all .2s ease;background:transparent;width:100%;text-align:left;font:inherit;cursor:pointer}.sidebar-nav a:hover,.sidebar-nav button:hover{color:var(--ink-900);background:var(--surface-100)}.sidebar-nav a.active,.sidebar-nav button.active{color:#fff;background:linear-gradient(145deg,var(--brand-orange-mid) 0,var(--accent) 100%);box-shadow:0 4px 14px rgba(65,42,36,.16);transition:none}.sidebar-card .logo{color:var(--ink-900)}.sidebar-card .primary{background:linear-gradient(135deg,var(--brand-orange),var(--accent));color:var(--surface-0);border:1px solid var(--accent-strong);box-shadow:0 4px 14px rgba(65,42,36,.12)}.sidebar-card .ghost{color:var(--ink-900);background:var(--surface-0);border:none}.sidebar-card .ghost:hover{background:var(--surface-50);border-color:var(--line-300)}.nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav-icon svg{width:16px;height:16px;shape-rendering:crispEdges}.sidebar-action{margin-top:8px;display:inline-flex;gap:6px}.sidebar-action svg{flex-shrink:0;shape-rendering:crispEdges}.sidebar-action-hint{display:block;font-size:11px;color:var(--text-faint);padding:0 12px;line-height:1.4}.content{padding:0 13px 0 200px;border-radius:28px 0 0 0}.content--wide{padding-left:25px}.content-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:13px;gap:13px;align-items:start;margin-top:16px}.content-primary{gap:20px}.content-aside,.content-primary{display:flex;flex-direction:column}.content-aside{gap:13px}.hero{padding:48px 6vw 32px;background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),radial-gradient(ellipse 100% 80% at 85% 20%,rgba(157,92,72,.06),transparent 45%),linear-gradient(135deg,#fff 0,var(--brand-cream) 50%,var(--brand-peach) 100%);background-size:18px 18px,18px 18px,auto;position:relative;z-index:1;border-radius:var(--radius-lg);border:none;margin-top:0;overflow:hidden}.hero-content{text-align:left}.hero-visual{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-canvas{width:100%;height:100%;display:block}.hero-copy{position:relative;z-index:1;max-width:760px}.hero-brand{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.hero-brand-name{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-sm);background:rgba(157,92,72,.08);border:none;color:var(--ink-900);font-weight:800}.hero-brand-code,.hero-brand-name{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero-brand-code{color:var(--text-muted);font-weight:600}.hero h1{margin:18px 0 12px;font-size:3em;line-height:1.05;letter-spacing:-.02em;color:var(--ink-950)}.hero-title{margin:18px 0}.hero-intro{max-width:680px;margin:0 0 18px;color:var(--text-subtle);font-size:15px;line-height:1.85}.hero-typing{display:inline-flex;align-items:center;gap:4px;font:inherit;color:var(--ink-950);cursor:text}.hero-search input,.hero-typing{border:none;background:transparent;padding:0;font-size:clamp(28px,4vw,3em);line-height:1.05}.hero-search input{width:min(520px,90vw);outline:none;color:var(--ink-900)}.hero-search input::placeholder{color:var(--text-faint)}.typing-text{display:inline-block;min-height:1em}.typing-cursor{display:inline-block;width:.7ch;height:1em;margin-left:4px;background:var(--accent);animation:blink 1s steps(2,start) infinite;vertical-align:-.1em;border-radius:0}@keyframes blink{50%{opacity:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.empty-state{padding:16px;color:var(--text-soft);margin-bottom:16px}.empty-state,.trending{background:var(--surface-0)}.trending{margin:0;border-radius:var(--radius-lg);padding:20px 22px 24px;border:none}.trending h2{margin:0 0 8px;font-size:20px;color:var(--ink-950)}.trending p{margin:0 0 16px;color:var(--text-soft);font-size:14px}.trending-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;list-style:none;padding:0;margin:0}.trending-list a{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-md);border:none;background:var(--surface-50)}.trending-rank{font-weight:700;color:var(--accent);font-size:14px}.trending-info{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0}.trending-info strong{font-size:14px;color:var(--ink-800);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-category,.trending-info span{font-size:12px;color:var(--text-soft);margin-left:auto;white-space:nowrap}.briefs{background:var(--surface-0);border-radius:var(--radius-lg);padding:20px 22px 24px;border:none}.briefs h2{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--ink-900);display:flex;align-items:center;gap:8px}.briefs h2:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,var(--brand-orange),var(--accent-strong));border-radius:2px}.briefs p{margin:0 0 16px;color:var(--text-soft);font-size:14px}.briefs-list{list-style:none;padding:0;margin:0;counter-reset:briefs}.briefs-list li{counter-increment:briefs}.briefs-list a{display:flex;align-items:baseline;gap:8px;padding:9px 0;transition:color .15s}.briefs-list a,.briefs-list li:last-child a{border-bottom:none}.briefs-list a:before{content:counter(briefs);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-size:12px;font-weight:700;line-height:1;background:var(--surface-100);color:var(--text-faint)}.briefs-list li:nth-child(-n+3) a:before{background:linear-gradient(135deg,var(--brand-orange),var(--accent-strong));color:var(--surface-0)}.briefs-list a:hover{color:var(--accent)}.briefs-title{margin:0;font-size:13px;font-weight:500;color:var(--ink-700);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.briefs-list a:hover .briefs-title{color:var(--accent)}.popular{background:var(--surface-0);border-radius:var(--radius-lg);padding:20px 22px 24px;border:none}.popular h2{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--ink-900);display:flex;align-items:center;gap:8px}.popular h2:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,var(--brand-orange),var(--accent-strong));border-radius:2px}.popular p{margin:0 0 16px;color:var(--text-soft);font-size:14px}.popular-list{list-style:none;padding:0;margin:0;counter-reset:popular}.popular-list li{counter-increment:popular}.popular-list a{display:flex;align-items:baseline;gap:8px;padding:9px 0;transition:color .15s}.popular-list a,.popular-list li:last-child a{border-bottom:none}.popular-list a:before{content:counter(popular);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-size:12px;font-weight:700;line-height:1;background:var(--surface-100);color:var(--text-faint)}.popular-list li:nth-child(-n+3) a:before{background:linear-gradient(135deg,var(--brand-orange),var(--accent-strong));color:var(--surface-0)}.popular-list a:hover{color:var(--accent)}.popular-title{margin:0;font-size:13px;font-weight:500;color:var(--ink-700);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-list a:hover .popular-title{color:var(--accent)}.news-list{display:flex;flex-direction:column}.news-card{display:flex;align-items:stretch;gap:24px;background:var(--surface-0);border-radius:var(--radius-lg);padding:24px;border:none;transition:box-shadow .2s,border-color .2s}.news-card:hover{border-color:var(--line-300);box-shadow:0 8px 24px rgba(15,23,42,.08)}.news-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.news-card-title{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.45}.news-card-title a{color:var(--ink-800);text-decoration:none;transition:color .2s}.news-card-title a:hover{color:var(--accent)}.news-card-summary{margin:0 0 auto;padding-bottom:14px;color:var(--text-muted);font-size:14px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-faint)}.news-card-dot{color:var(--line-300)}.news-card-views{display:inline-flex;align-items:center;gap:4px}.news-card-views svg{opacity:.6}.news-card-cover{flex-shrink:0;width:200px;border-radius:var(--radius-md);overflow:hidden;display:flex}.news-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-card:hover .news-card-cover img{transform:scale(1.04)}@media (max-width:640px){.news-card{flex-direction:column-reverse;gap:16px}.news-card-cover{width:100%;height:180px}}.news-detail{background:var(--surface-0);border-radius:var(--radius-lg);padding:44px 48px;border:none}.news-detail-body,.news-detail-header,.news-detail-summary{max-width:680px}.news-detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:none}.news-detail-title{margin:0 0 16px;font-size:1.65rem;font-weight:700;color:var(--ink-900);line-height:1.5;letter-spacing:-.01em}.news-detail-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-faint)}.news-detail-views{display:inline-flex;align-items:center;gap:5px}.news-detail-views svg{opacity:.6}.news-detail-summary{margin:0 0 36px;font-size:15px;line-height:1.9;color:var(--text-subtle);padding:18px 22px;background:linear-gradient(135deg,var(--surface-info) 0,var(--surface-50) 100%);border-radius:var(--radius-md);border-left:none}.news-detail-body{display:flex;flex-direction:column;gap:36px}.news-detail-section h2{margin:0 0 16px;font-size:1.2rem;font-weight:700;color:var(--ink-800);padding-left:0;border-left:none;line-height:1.5}.news-detail-section p{margin:0;font-size:16px;line-height:2;color:var(--text-subtle);letter-spacing:.02em;word-break:break-all;overflow-wrap:break-word}.news-detail-section p+p{margin-top:20px}.wiki-article-detail{background:var(--surface-0)}.wiki-term-dfn{font-style:normal}.wiki-article-detail .news-detail-header{margin-bottom:24px;padding-bottom:20px}.wiki-article-detail .news-detail-summary{padding:12px 16px;margin:0;background:var(--surface-50);border-radius:var(--radius-md);border-left:3px solid var(--surface-100);color:var(--text-subtle);font-size:15px;line-height:1.8}.wiki-article-detail .news-detail-body{gap:0;margin-top:8px}.wiki-article-detail .news-detail-section{padding:28px 0;border-bottom:1px solid var(--surface-50)}.wiki-article-detail .news-detail-section:last-child{border-bottom:none;padding-bottom:0}.wiki-article-detail .news-detail-section h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:1.15rem;font-weight:700;color:var(--ink-900);line-height:1.4}.wiki-article-detail .news-detail-section h2:before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg,var(--accent),var(--accent-soft));border-radius:2px;flex-shrink:0}.wiki-article-detail .news-detail-section h3{margin:20px 0 8px;font-size:.97rem;font-weight:600;color:var(--ink-800)}.wiki-article-detail .news-detail-section p{margin:0 0 14px;font-size:15px;line-height:1.9;color:var(--text-subtle);word-break:break-word}.wiki-article-detail .news-detail-section p:last-child{margin-bottom:0}.wiki-article-detail .news-detail-section ol,.wiki-article-detail .news-detail-section ul{margin:0 0 14px;padding-left:1.4em}.wiki-article-detail .news-detail-section li{font-size:15px;line-height:1.85;color:var(--text-subtle);margin-bottom:6px}.wiki-article-detail .news-detail-section li::marker{color:var(--accent)}.wiki-article-detail code{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85em;padding:2px 6px;background:var(--surface-100);border-radius:var(--radius-sm);color:var(--accent-strong)}.wiki-article-detail pre{margin:16px 0;padding:18px 20px;background:var(--surface-50);border-radius:var(--radius-lg);overflow-x:auto;font-size:.85rem;line-height:1.7;color:var(--ink-700)}.wiki-article-detail pre code{background:none;padding:0;color:inherit;font-size:inherit}.article-detail .news-detail-body a,.news-detail-section a,.wiki-article-detail .news-detail-body a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;transition:color .15s,-webkit-text-decoration-color .15s;transition:color .15s,text-decoration-color .15s;transition:color .15s,text-decoration-color .15s,-webkit-text-decoration-color .15s}.article-detail .news-detail-body a:hover,.news-detail-section a:hover,.wiki-article-detail .news-detail-body a:hover{color:var(--accent-strong);-webkit-text-decoration-color:var(--accent-strong);text-decoration-color:var(--accent-strong)}.lead-paragraph{font-size:1.05em;color:var(--ink-700);line-height:1.75}.md-blockquote{border-left:3px solid var(--accent);margin:16px 0;padding:10px 16px;background:var(--surface-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted)}.md-blockquote p{margin:0}.md-divider{border:none;border-top:1px solid var(--line-200);margin:24px 0}.news-detail-figure figcaption{font-size:12px;color:var(--text-faint);padding:6px 12px 8px}.news-detail-figure{margin:12px 0 16px;padding:0;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-50);border:none}.news-detail-figure img{display:block;width:100%;height:auto;object-fit:cover}.news-detail-figure figcaption{padding:10px 16px;font-size:13px;color:var(--text-muted);text-align:center;line-height:1.6;background:var(--surface-50)}.news-detail-empty{background:var(--surface-0);border-radius:var(--radius-lg);padding:48px 32px;border:none;text-align:center}.news-detail-empty h1{margin:0 0 12px;font-size:1.5rem;color:var(--ink-800)}.news-detail-empty p{margin:0 0 20px;color:var(--text-muted)}.news-detail-back{display:inline-block;padding:10px 24px;background:var(--accent);color:var(--surface-0);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:background .2s}.news-detail-back:hover{background:var(--accent-strong)}.articles-layout{display:grid;grid-template-columns:160px minmax(0,1fr) 320px;grid-gap:13px;gap:13px;align-items:start;margin-top:16px}.articles-main{min-width:0;border-radius:var(--radius-lg);border:none}.cat-sidebar{position:-webkit-sticky;position:sticky}.cat-sidebar-nav{list-style:none;margin:0;display:flex;flex-direction:column;gap:4px;background:var(--surface-0);border-radius:var(--radius-lg);padding:12px 8px;border:none}.cat-sidebar-nav li{list-style:none;margin:0;padding:0}.cat-sidebar-nav button{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-subtle);border:none;transition:all .2s ease;background:transparent;width:100%;text-align:left;font:inherit;font-size:14px;cursor:pointer}.cat-sidebar-nav button:hover{color:var(--ink-900);background:var(--surface-100)}.cat-sidebar-nav button.active{color:var(--accent-strong);background:linear-gradient(135deg,rgba(157,92,72,.09),var(--surface-0));font-weight:600;box-shadow:0 2px 12px rgba(65,42,36,.08);transition:none}.cat-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0}.cat-icon svg{width:16px;height:16px;shape-rendering:crispEdges}.article-empty{text-align:center;padding:64px 24px;color:var(--text-faint);font-size:15px;background:var(--surface-50);border-radius:var(--radius-md);border:none}@media (max-width:960px){.articles-layout{grid-template-columns:1fr}.cat-sidebar{position:static}.cat-sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:6px;padding:10px}.cat-sidebar-nav button{padding:6px 12px;font-size:13px;border-radius:var(--radius-pill);background:var(--surface-0);border:none}}.article-list{display:flex;flex-direction:column;background:var(--surface-0);padding:24px;border-radius:var(--radius-lg)}.article-card{padding:22px 0;border-bottom:none;transition:background .15s}.article-card:first-child{padding-top:0}.article-card:last-child{border-bottom:none}.article-card-title{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.5}.article-card-title a{color:var(--ink-900);text-decoration:none;transition:color .2s}.article-card-title a:hover{color:var(--accent)}.article-card-summary{margin:0 0 14px;font-size:14px;line-height:1.75;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-footer{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text-faint);flex-wrap:wrap}.article-card-cat{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);letter-spacing:.03em;flex-shrink:0}.article-card-author{color:var(--text-muted);font-weight:500}.article-card-date,.article-card-stat{color:var(--text-faint)}.article-card-stat{display:inline-flex;align-items:center;gap:4px;transition:color .15s}.article-card-stat:hover{color:var(--text-muted)}.article-card-stat svg{flex-shrink:0;opacity:.65}.rank-panel{background:var(--surface-0);border-radius:var(--radius-lg);padding:20px 22px 24px;border:none}.rank-panel-title{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--ink-900);display:flex;align-items:center;gap:8px}.rank-panel-title:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,var(--accent),var(--text-muted));border-radius:2px}.rank-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.rank-list li,.rank-list li:last-child{border-bottom:none}.rank-link{display:flex;align-items:baseline;gap:8px;padding:9px 4px;text-decoration:none;transition:color .15s;border-radius:var(--radius-sm)}.rank-link:hover{color:var(--accent)}.rank-num{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-faint);background:var(--surface-100);border-radius:5px;line-height:1}.rank-num-top{background:linear-gradient(135deg,var(--brand-orange),var(--accent-strong));color:var(--surface-0)}.rank-label{font-size:13px;line-height:1.55;color:var(--ink-700);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.rank-link:hover .rank-label{color:var(--accent)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.ghost,.primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h-lg);padding:0 var(--control-px-lg);border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary{background:linear-gradient(120deg,var(--brand-orange),var(--accent-strong));color:var(--surface-0);box-shadow:0 12px 28px rgba(65,42,36,.14)}.ghost{border:none;color:var(--text);background:hsla(0,0%,100%,.06)}.ghost:hover,.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}.ghost:focus-visible,.primary:focus-visible,.tool-list a:focus-visible{outline:2px solid rgba(124,231,255,.55);outline-offset:3px}.hero-meta{display:flex;gap:18px;color:var(--muted);font-size:14px}.featured-topic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-gap:16px;gap:16px;margin:0 0 24px}.featured-topic-left{display:flex;flex-direction:column;gap:10px;background:var(--surface-0);border-radius:var(--radius-lg);padding:24px;text-decoration:none;transition:box-shadow .15s}.featured-topic-left:hover{box-shadow:var(--shadow-soft)}.featured-topic-kicker{display:inline-flex;align-items:center;padding:var(--chip-py) var(--chip-px);border-radius:var(--radius-sm);background:var(--surface-100);color:var(--ink-900);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.featured-topic-title{margin:0;font-size:20px;font-weight:700;line-height:1.35;color:var(--ink-900)}.featured-topic-desc{margin:0;font-size:13px;line-height:1.75;color:var(--text-subtle);flex:1 1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.featured-topic-more{font-size:13px;font-weight:600;color:var(--accent)}.featured-topic-tools{display:grid;grid-template-rows:repeat(3,1fr);grid-gap:10px;gap:10px}.featured-tool-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;grid-row-gap:2px;row-gap:2px;align-items:start;background:var(--surface-0);border-radius:var(--radius-lg);padding:14px 16px;text-decoration:none;transition:box-shadow .15s}.featured-tool-card:hover{box-shadow:var(--shadow-soft)}.featured-tool-name{font-size:14px;font-weight:700;color:var(--ink-900);grid-column:1;grid-row:1}.featured-tool-highlight{font-size:12px;color:var(--text-muted);grid-column:2;grid-row:1;align-self:center}.featured-tool-advantage{margin:0;font-size:12px;color:var(--text-subtle);line-height:1.6;grid-column:1/3;grid-row:2}.featured-tool-pricing{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);padding:2px 6px;grid-column:3;grid-row:1;white-space:nowrap;align-self:center}.catalog{position:relative;z-index:1}.section-header{max-width:920px;margin:0 auto 32px;position:relative}.section-header h2{margin-bottom:8px;font-size:28px}.section-header p{margin:0;color:var(--muted)}.section-more{position:absolute;right:0;top:4px;font-size:13px;color:var(--text-muted)}.section-more:hover{color:var(--ink-900)}.category-nav{max-width:1200px;margin:0 auto 32px;display:flex;flex-wrap:wrap;gap:8px}.category-nav a{padding:6px 10px;border-radius:var(--radius-pill);border:none;background:var(--surface-0);font-size:12px;letter-spacing:.03em;color:var(--text-muted);transition:all .2s ease}.category-nav a:hover{color:var(--ink-900);border-color:var(--accent);background:var(--surface-100)}.sections{display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr;max-width:1200px;margin:0 auto}.section-card{display:flex;flex-direction:column;align-items:flex-start;content-visibility:auto;contain-intrinsic-size:400px}.section-card .tool-grid{width:100%}.section-card h2{margin:24px 0 6px;font-size:18px;letter-spacing:-.01em;color:var(--ink-950)}.section-card>p{margin:0 0 16px;color:var(--text-soft);font-size:14px;line-height:1.6}.tool-grid{display:grid;grid-gap:13px;gap:13px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none}.tool-grid,.tool-grid li{margin:0;padding:0}.tool-card{display:grid;grid-template-columns:48px 1fr;grid-gap:12px;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--surface-0);border:none;box-shadow:none;transition:box-shadow .2s ease,background .2s ease}.tool-card:hover{transform:none;background:var(--surface-0);box-shadow:0 4px 20px rgba(65,42,36,.06)}.tool-avatar{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--surface-100);color:var(--ink-900);display:grid;place-items:center;font-weight:700;font-size:14px;border:none;overflow:hidden}.tool-avatar img{width:100%;height:100%;object-fit:cover}.tool-title{margin:0 0 var(--title-gap-tight);font-weight:600;color:var(--ink-900);font-size:14px;display:flex;align-items:center;gap:4px;letter-spacing:.01em}.tool-new-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4;color:var(--surface-0);background:linear-gradient(135deg,var(--highlight-red),var(--accent));border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;letter-spacing:.5px;box-shadow:0 1px 3px rgba(15,23,42,.16);animation:new-badge-pulse 2s ease-in-out infinite}@keyframes new-badge-pulse{0%,to{opacity:1}50%{opacity:.8}}.tool-card p{font-size:12px;color:var(--text-soft);line-height:18px;height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.tool-meta{margin-top:6px;display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.tool-tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:10px;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;white-space:nowrap;letter-spacing:.04em}.tool-tag--free{background:var(--surface-success);color:var(--success-600);border-color:var(--line-success)}.tool-tag--paid{background:var(--surface-danger);color:var(--danger-600);border-color:var(--line-danger)}.tool-tag--quota{border-color:var(--line-300);white-space:nowrap}.tool-tag--limited,.tool-tag--quota{background:var(--surface-100);color:var(--text-subtle)}.tool-tag--limited{border-color:var(--line-200)}.tool-pop{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:10px;border-radius:var(--radius-pill);background:var(--surface-100);color:var(--text-subtle);border:none;white-space:nowrap}.tool-pop-label{font-weight:600}.tool-pop-flames{display:inline-flex;gap:3px;align-items:center}.tool-pop-flames .flame{display:inline-block;width:6px;height:10px;border:1px solid var(--line-300);background:transparent;opacity:.45}.tool-pop-flames .flame.active{background:linear-gradient(180deg,var(--highlight-amber),var(--accent));border-color:var(--accent-strong);opacity:1}.topic-nav{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:var(--surface-0);border:none;border-radius:var(--radius-lg);box-shadow:none}.topic-nav-label{flex-shrink:0;font-size:12px;font-weight:600;color:var(--ink-900);padding-top:4px;white-space:nowrap}.topic-nav-tags{display:flex;flex-wrap:wrap;gap:6px}.topic-nav-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);border:none;background:var(--surface-50);font-size:11px;letter-spacing:.03em;color:var(--text-subtle);transition:all .2s ease;white-space:nowrap}.topic-nav-tag:hover{color:var(--ink-900);border-color:var(--line-300);background:var(--surface-100)}.filter-bar{align-items:center;gap:12px}.filter-bar,.filter-chips{display:flex;flex-wrap:wrap}.filter-chips{gap:6px}.filter-chip{display:inline-flex;align-items:center;min-height:var(--control-h-md);padding:0 var(--control-px-md);border-radius:var(--radius-sm);border:none;background:var(--surface-0);font-size:12px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font:inherit;white-space:nowrap;letter-spacing:.03em}.filter-chip:hover{color:var(--ink-900);border-color:var(--line-300);background:var(--surface-100)}.filter-chip--active{color:#fff;background:linear-gradient(135deg,var(--brand-orange-mid),var(--accent));border-color:var(--accent-strong);font-weight:600;box-shadow:0 3px 12px rgba(65,42,36,.12)}.filter-chip--active:hover{color:#fff;background:linear-gradient(135deg,var(--brand-orange),var(--accent-strong))}.filter-count{font-size:13px;color:var(--text-faint);margin-left:auto}.empty-state{text-align:center;padding:48px 24px;color:var(--text-faint);font-size:15px;background:var(--surface-50);border-radius:var(--radius-lg);border:none;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-reset{display:inline-flex;align-items:center;min-height:var(--control-h-md);padding:0 var(--control-px-md);border-radius:var(--radius-pill);border:none;background:var(--surface-0);color:var(--text-subtle);font:inherit;font-size:12px;cursor:pointer;transition:all .2s ease}.empty-reset:hover{border-color:var(--accent);color:var(--accent)}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}.section-count{display:inline-flex;align-items:center;margin-left:10px;font-size:12px;font-weight:500;color:var(--text-faint);vertical-align:middle;position:relative;top:-1px}.section-topic-link{font-size:13px;color:var(--text-faint);text-decoration:none;flex-shrink:0;transition:color .15s}.section-topic-link:hover{color:var(--accent)}.section-editor-pick{display:flex;align-items:baseline;gap:0;font-size:13px;line-height:1.6;color:var(--text-muted);padding:10px 14px;background:var(--surface-50);border:none;border-radius:var(--radius-md);margin-bottom:4px;width:100%;text-align:left}.section-editor-pick-badge{display:inline-block;flex-shrink:0;font-size:11px;font-weight:600;color:var(--accent);background:var(--surface-100);padding:2px 8px;border-radius:var(--radius-sm);margin-right:8px}.section-expand{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 20px;border-radius:var(--radius-pill);border:none;background:var(--surface-0);color:var(--text-subtle);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:center}.section-expand:hover{color:var(--accent);border-color:var(--accent);background:var(--surface-100)}.section-expand-count{font-size:12px;color:var(--text-faint);font-weight:400}.section-expand svg{flex-shrink:0;color:currentColor}.section-expand--collapse{border-style:dashed}.footer{padding:32px 6vw 48px;text-align:center;color:var(--text-faint);font-size:13px;position:relative;z-index:1}.footer-nav{margin-bottom:12px}.footer-nav a{color:var(--text-muted);transition:color .2s}.footer-nav a:hover{color:var(--accent)}.footer-sep{margin:0 8px;color:var(--line-300)}.footer-disclaimer{margin:0 0 10px;font-size:12px;color:var(--text-faint);opacity:.7}.footer-copy{margin:0}.download-hero{padding:24px 0 12px}.download-hero h1{margin:0 0 8px;font-size:28px;color:var(--ink-900)}.download-hero p{margin:0;color:var(--text-soft)}.download-section{margin-top:20px;background:var(--surface-0);border-radius:var(--radius-lg);padding:20px 22px;border:none}.download-section h2{margin:0 0 8px;font-size:18px;color:var(--ink-900)}.download-section p{margin:0 0 12px;color:var(--text-soft)}.download-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-orange),var(--accent));color:var(--surface-0);font-weight:600}.download-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.download-card{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:var(--radius-md);border:none;background:var(--surface-50)}.download-card strong{color:var(--ink-900)}.download-card span{color:var(--text-soft);font-size:12px}.tool-detail{max-width:1080px;margin:36px auto 64px;padding:0 6vw}.tool-detail--inline{max-width:none;margin:0;padding:0;background:var(--surface-0);border-radius:var(--radius-xl);box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden}.tool-detail-hero{display:flex;gap:24px;align-items:center;padding:24px;border-bottom:none}.tool-detail-thumb{width:88px;height:88px;border-radius:var(--radius-2xl);background:var(--surface-50);border:none;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.tool-detail-thumb img{width:100%;height:100%;object-fit:cover}.tool-detail-info h1{margin:0 0 6px;font-size:22px;font-weight:700;color:var(--ink-900)}.tool-detail-info p{margin:0 0 12px;color:var(--text-muted);font-size:14px;line-height:1.7}.tool-detail-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.tool-detail-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 18px;border-radius:var(--radius-md);background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:var(--surface-0);font-size:13px;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.tool-detail-btn:hover{transform:translateY(-1px);box-shadow:0 3px 12px rgba(15,23,42,.16)}.tool-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tool-detail-cat{display:inline-flex;align-items:center;vertical-align:middle;height:20px;padding:0 7px;margin-left:10px;border-radius:var(--radius-sm);background:var(--surface-100);color:var(--text-muted);font-size:11px;font-weight:500;border:none;position:relative;top:-2px}.tool-detail-title-meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.tool-detail-pop{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--radius-sm);background:var(--surface-100);border:none}.tool-detail-pop-label{font-size:12px;color:var(--text-subtle);font-weight:600}.tool-detail-pop-flames{display:inline-flex;gap:3px}.tool-detail-pop-flames .flame{display:inline-block;width:6px;height:10px;border:1px solid var(--line-300);background:transparent;opacity:.35;transition:opacity .15s ease,background .15s ease,border-color .15s ease}.tool-detail-pop-flames .flame.active{opacity:1;background:linear-gradient(180deg,var(--highlight-amber),var(--accent));border-color:var(--accent-strong)}.tool-detail-pricing{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;white-space:nowrap}.tool-detail-pricing--free{background:var(--surface-success);color:var(--success-500);border:none}.tool-detail-pricing--paid{background:var(--surface-danger);color:var(--danger-500);border:none}.tool-detail-pricing--quota{background:var(--surface-info);color:var(--info-500);border:none}.tool-detail-pricing--limited{background:var(--surface-warn);color:var(--warn-500);border:none}.tool-detail-breadcrumb{padding:18px 24px 0;margin-bottom:0}.tool-detail-article{margin-top:0;border-top:1px solid var(--surface-100);padding:24px}.tool-detail-article h2{margin:0 0 12px;font-size:18px;color:var(--ink-900)}.tool-detail-article p{margin:0 0 16px;color:var(--text-subtle);line-height:1.8}.tool-detail-article--rich{padding:24px 24px 32px}.tool-detail-article--rich h2{position:relative;padding-left:14px;margin:32px 0 16px;font-size:20px;font-weight:700;color:var(--ink-900)}.tool-detail-article--rich h2:before{content:"";position:absolute;left:0;top:3px;width:4px;height:22px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-strong))}.tool-detail-painpoint{margin-top:24px;padding:20px 24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-100) 0,var(--surface-warn-strong) 100%);border-left:none}.tool-detail-painpoint p{margin:0;font-size:15px;line-height:1.85;color:var(--warn-700)}.tool-detail-definition p{font-size:16px;line-height:1.85;color:var(--ink-700);max-width:720px}.tool-detail-feature-list{display:flex;flex-direction:column;gap:20px}.tool-detail-feature-item{padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-50);border:none;transition:box-shadow .2s ease}.tool-detail-feature-item:hover{box-shadow:0 4px 16px rgba(15,23,42,.08)}.tool-detail-feature-item h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:16px;font-weight:600;color:var(--ink-900)}.tool-detail-feature-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--surface-0);font-size:13px;font-weight:700;flex-shrink:0}.tool-detail-feature-item p{margin:0;font-size:14.5px;line-height:1.85;color:var(--text-subtle);max-width:720px}.tool-detail-audience ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.tool-detail-audience li{position:relative;padding:12px 16px 12px 40px;border-radius:var(--radius-md);background:var(--surface-50);border:none;font-size:14.5px;line-height:1.6;color:var(--ink-700)}.tool-detail-audience li:before{content:"👤";position:absolute;left:12px;top:12px;font-size:15px}.tool-detail-proscons{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:24px}.tool-detail-cons,.tool-detail-pros{padding:20px;border-radius:var(--radius-lg)}.tool-detail-pros{background:var(--surface-success);border:none}.tool-detail-cons{background:var(--surface-warn);border:none}.tool-detail-cons h3,.tool-detail-pros h3{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--ink-900)}.tool-detail-cons ul,.tool-detail-pros ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tool-detail-cons li,.tool-detail-pros li{position:relative;padding-left:22px;font-size:14px;line-height:1.7;color:var(--ink-700)}.tool-detail-pros li:before{content:"✓";position:absolute;left:0;top:0;color:var(--success-600);font-weight:700}.tool-detail-cons li:before{content:"•";position:absolute;left:2px;top:0;color:var(--text-soft);font-weight:700;font-size:16px}.tool-detail-quickstart{margin-top:32px;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface-info) 0,var(--surface-0) 100%);border:none}.tool-detail-quickstart h2{padding-left:0!important;margin-top:0!important}.tool-detail-quickstart h2:before{display:none}.tool-detail-quickstart p{font-size:15px;line-height:1.85;color:var(--signal-blue-deep);max-width:720px}.tool-detail-btn--action{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:12px 28px;border-radius:var(--radius-md);background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:var(--surface-0);font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.tool-detail-btn--action:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(15,23,42,.16)}@media (max-width:720px){.tool-detail-article--rich{padding:0 12px 24px}.tool-detail-proscons{grid-template-columns:1fr}.tool-detail-feature-item,.tool-detail-quickstart{padding:16px}.content-main{grid-template-columns:1fr}.content-aside{order:-1}.top-nav-inner{padding:0 6vw}.hero{padding-top:72px}.tool-detail-hero{flex-direction:column;align-items:flex-start}.tool-detail-thumb{width:72px;height:72px}.sidebar{position:static;left:auto;width:auto;height:auto;padding:16px 6vw 0;overflow:visible}.sidebar-card{border-radius:18px}.sidebar-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:10px;gap:10px}.sidebar-nav button{justify-content:center;padding:6px 10px;border-radius:var(--radius-pill);background:var(--surface-0);border:none;box-shadow:0 6px 14px rgba(15,23,42,.08);font-size:12px}.sidebar-nav button:hover{background:var(--surface-50)}.sidebar-nav button.active{box-shadow:0 8px 18px rgba(255,122,31,.28)}.sidebar-action-hint,.sidebar-nav .nav-icon{display:none}.content{padding:0 6vw;border-radius:0}.filter-bar{padding:0}.filter-chip{padding:5px 10px;font-size:12px}.section-expand{width:100%;justify-content:center}.news-detail{padding:28px 20px}.news-detail-title{font-size:1.35rem}.news-detail-section p{font-size:15px;line-height:1.9}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{max-width:1400px;margin:0 auto;padding:calc(32px + 16px) 16px 24px}.top-search-bar{margin-bottom:20px}.top-search-input{width:100%;padding:14px 20px 14px 44px;font-size:1rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--surface-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 16px center;color:var(--ink-800);transition:border-color .2s,box-shadow .2s}.top-search-input::placeholder{color:var(--text-faint)}.top-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.top-search-input:focus-visible{outline:none}.error-banner{padding:12px 16px;margin-bottom:16px;background:var(--surface-danger);color:var(--danger-600);border-radius:var(--radius-md);font-size:.9rem}.loading{text-align:center;padding:64px 24px;color:var(--text-muted);font-size:.95rem}.prompt-list .grid-card-item-hot{min-height:0}.hot-list-card{height:100%;min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--surface-100) 0,var(--surface-0) 40%);border:none;border-radius:var(--radius-lg);padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:box-shadow .25s}.hot-list-card:hover{box-shadow:0 8px 24px rgba(15,23,42,.08)}.hot-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-shrink:0}.hot-list-title{gap:5px;margin:0;font-size:.92rem;font-weight:600;color:var(--ink-800)}.hot-list-icon,.hot-list-title{display:inline-flex;align-items:center}.hot-list-icon{width:14px;height:14px;justify-content:center}.hot-list-icon svg{width:14px;height:14px;shape-rendering:crispEdges}.hot-list-nav{display:flex;align-items:center;gap:4px}.hot-list-arrow{width:var(--control-h-sm);height:var(--control-h-sm);padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--surface-100);border:1px solid var(--input-border);border-radius:var(--radius-sm);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.hot-list-arrow svg{width:12px;height:12px;shape-rendering:crispEdges}.hot-list-arrow:hover:not(:disabled){color:var(--ink-800);background:var(--line-200);border-color:var(--line-300)}.hot-list-arrow:disabled{opacity:.4;cursor:not-allowed}.hot-list-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hot-list-ol{list-style:none;margin:0;padding:0;flex:1 1;min-height:0}.hot-list-ol li{margin:0 0 1px}.hot-list-link{display:flex;align-items:center;gap:8px;padding:6px 10px;color:var(--ink-700);text-decoration:none;border-radius:var(--radius-sm);transition:background .2s,color .2s}.hot-list-link:hover{background:var(--surface-100);color:var(--ink-900)}.hot-list-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hot-list-num{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;border-radius:var(--radius-sm);background:var(--surface-100);color:var(--text-faint)}.hot-list-num-top{background:linear-gradient(135deg,var(--brand-orange),var(--accent-strong));color:var(--surface-0)}.hot-list-label{flex:1 1;min-width:0;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-list-dots{display:flex;justify-content:center;gap:6px;margin-top:auto;padding-top:8px;border-top:none;flex-shrink:0}.hot-list-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--line-200);cursor:pointer;transition:background .2s}.hot-list-dot:hover{background:var(--line-300)}.hot-list-dot-active{background:var(--accent)}.hot-list-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prompt-list{margin-top:8px}.prompt-list .tags-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:14px 16px;background:var(--surface-0);border-radius:var(--radius-lg);border:none}.prompt-list .tag-chip{min-height:var(--control-h-sm);padding:0 var(--control-px-sm);font-size:.76rem;color:var(--text-subtle);background:var(--surface-50);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background .2s,color .2s;font-weight:500;letter-spacing:.03em}.prompt-list .tag-chip:hover{background:var(--surface-100);color:var(--ink-900)}.prompt-list .tag-chip.active{background:var(--accent);color:var(--surface-0)}.prompt-list .tag-chip-more{background:transparent;color:var(--text-faint);font-weight:500}.prompt-list .tag-chip-more:hover{background:var(--surface-100);color:var(--text-muted)}.prompt-list .tag-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prompt-list .count-line{font-size:.85rem;color:var(--text-faint);margin:0 0 20px}.prompt-list .count-line strong{color:var(--ink-800);font-weight:600}.prompt-list .count-line-total{color:var(--line-300);font-size:.8rem}.prompt-list .cards{list-style:none;margin:0;padding:0}.prompt-list .cards.grid-cards{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}@media (max-width:1100px){.prompt-list .cards.grid-cards{grid-template-columns:repeat(4,1fr)}}@media (max-width:860px){.prompt-list .cards.grid-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.prompt-list .cards.grid-cards{grid-template-columns:repeat(2,1fr)}}.prompt-list .empty{text-align:center;padding:64px 24px;background:var(--surface-50);border-radius:var(--radius-md);border:none}.prompt-list .empty-title{margin:0 0 8px;font-size:1rem;color:var(--text-subtle);font-weight:500}.prompt-list .empty-hint{margin:0;font-size:.875rem;color:var(--text-faint)}.prompt-card{background:var(--surface-0);border:none;border-radius:var(--radius-lg);padding:16px;transition:box-shadow .25s,transform .25s;height:100%;display:flex;flex-direction:column;position:relative}.prompt-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;background:linear-gradient(90deg,var(--brand-orange),var(--accent-strong));border-radius:0 0 3px 3px;opacity:0;transition:opacity .25s}.prompt-card:hover{box-shadow:0 8px 24px rgba(15,23,42,.08);transform:translateY(-2px)}.prompt-card:hover:before{opacity:1}.prompt-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.prompt-card .card-title-wrap{flex:1 1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prompt-card .card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--ink-800);line-height:1.35;letter-spacing:.01em}.prompt-card .card-badge{flex-shrink:0;font-size:.7rem;padding:1px 5px;background:var(--surface-warn-strong);color:var(--text-subtle);border-radius:var(--radius-sm);font-weight:500}.prompt-card .usage{display:inline-flex;align-items:center;gap:3px;font-size:.74rem;color:var(--text-faint);flex-shrink:0;background:var(--surface-50);padding:1px 6px;border-radius:var(--radius-md);letter-spacing:.03em}.prompt-card .usage-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.prompt-card .usage-icon svg{width:14px;height:14px;shape-rendering:crispEdges}.prompt-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-lg)}.prompt-card .card-desc{margin:0 0 12px;font-size:.85rem;color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-card .card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.prompt-card .card-more{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--accent);margin-top:auto;transition:color .2s,gap .2s}.prompt-card-link:hover .card-more{color:var(--ink-800);gap:6px}.prompt-card-link:active .card-more{transform:translateX(2px)}.prompt-card .tag{font-size:.68rem;padding:2px 6px;background:var(--surface-100);color:var(--text-subtle);border-radius:var(--radius-sm);border:none;font-weight:500;letter-spacing:.01em}.prompt-card-link{text-decoration:none;color:inherit;display:block;height:100%}.prompt-card-link:hover .prompt-card{box-shadow:0 8px 24px rgba(15,23,42,.08)}.detail-page{min-height:100vh;background:transparent;color:var(--ink-800);padding:calc(32px + 16px) 16px 24px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.detail-main-wrap{display:grid;grid-template-columns:1fr 280px;grid-gap:32px;gap:32px;align-items:start}@media (max-width:900px){.detail-main-wrap{grid-template-columns:1fr}}.detail-main{min-width:0;background:var(--surface-0);border-radius:var(--radius-xl);padding:28px 32px 32px;box-shadow:0 1px 4px rgba(0,0,0,.05)}.detail-seo-intro{margin:0 0 20px;padding:10px 14px;font-size:.875rem;line-height:1.6;color:var(--text-subtle);background:transparent;border-radius:0;border:none;border-left:3px solid var(--surface-100)}.detail-seo-intro strong{color:var(--ink-700)}.detail-loading,.detail-not-found{text-align:center;padding:64px 24px;color:var(--text-muted);font-size:.95rem}.detail-not-found .detail-back-link{display:inline-block;margin-top:16px;color:var(--accent);text-decoration:none;font-weight:500}.detail-not-found .detail-back-link:hover{text-decoration:underline;color:var(--ink-800)}.detail-not-found .detail-back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.detail-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.detail-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-muted)}.detail-breadcrumb-home{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.detail-breadcrumb-home:hover{color:var(--accent)}.detail-breadcrumb-icon{font-size:1rem}.detail-breadcrumb-sep{color:var(--text-faint)}.detail-breadcrumb-current{color:var(--text-subtle);font-weight:500}.detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.detail-tag{font-size:.72rem;padding:2px 8px;background:var(--surface-100);color:var(--text-subtle);border-radius:var(--radius-sm);border:none;font-weight:500;letter-spacing:.03em}.detail-usage{gap:3px;font-size:.78rem;color:var(--text-muted)}.detail-usage,.detail-usage-icon{display:inline-flex;align-items:center}.detail-usage-icon{width:14px;height:14px;opacity:.9;justify-content:center}.detail-info-icon svg,.detail-usage-icon svg{width:14px;height:14px;shape-rendering:crispEdges}.detail-title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.detail-title{margin:0;font-size:1.58rem;font-weight:700;color:var(--ink-800);line-height:1.3;letter-spacing:-.02em;flex:1 1;min-width:0}.detail-info-block{display:flex;gap:10px;padding:10px 14px;margin-bottom:24px;background:transparent;border:none;border-left:3px solid var(--surface-100);border-radius:0;box-shadow:none}.detail-info-icon{flex-shrink:0;color:var(--text-subtle);width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.detail-info-text{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-subtle)}.detail-content-section{margin-bottom:0}.detail-content-section-cn{margin-bottom:32px}.detail-content-section-en{margin-top:4px}.detail-content-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.detail-content-title{margin:0;font-size:.94rem;font-weight:600;color:var(--ink-800);letter-spacing:.01em}.detail-btn-copy{display:inline-flex;align-items:center;gap:6px;min-height:var(--control-h-md);padding:0 var(--control-px-md);font-size:.8rem;font-weight:600;color:var(--surface-0);background:var(--accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s,transform .15s;letter-spacing:.05em}.detail-btn-copy:hover{background:var(--accent-strong)}.detail-btn-copy:active{transform:scale(.98)}.detail-btn-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-btn-copy-secondary{background:var(--accent-soft);color:var(--accent-strong);border:none}.detail-btn-copy-secondary:hover{background:var(--surface-100);color:var(--ink-800)}.detail-btn-copy.detail-btn-copy-done{background:var(--success-500)}.detail-btn-copy.detail-btn-copy-done:hover{background:var(--success-600)}.detail-btn-copy-secondary.detail-btn-copy-done{background:var(--surface-success-strong);color:var(--success-600)}.detail-btn-copy-secondary.detail-btn-copy-done:hover{background:var(--surface-success-strong);color:var(--success-500)}.detail-btn-copy-icon{font-size:.9rem;opacity:.95}.detail-content-body{margin:0;padding:20px 24px;font-size:.88rem;line-height:1.75;background:var(--surface-50);border:none;border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;color:var(--ink-700);overflow-x:auto;overflow-y:auto;box-shadow:none;font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial,sans-serif;letter-spacing:.01em}.detail-sidebar{position:-webkit-sticky;position:sticky}.detail-sidebar-block{background:var(--surface-0);border:none;border-radius:var(--radius-lg);padding:18px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.detail-sidebar-block:last-child{margin-bottom:0}.detail-sidebar-title{margin:0 0 4px;font-size:.95rem;font-weight:700;color:var(--ink-800);display:flex;align-items:center;gap:8px}.detail-sidebar-title:before{content:"";display:inline-block;width:4px;height:14px;background:linear-gradient(180deg,var(--accent),var(--text-muted));border-radius:2px}.detail-sidebar-desc{margin:0 0 12px;font-size:.78rem;color:var(--text-faint);line-height:1.4}.detail-sidebar-list{list-style:none;margin:0;padding:0}.detail-sidebar-list li{margin:0}.detail-sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.84rem;color:var(--ink-700);text-decoration:none;border-radius:var(--radius-md);transition:background .2s,color .2s;border-bottom:none}.detail-sidebar-list li:last-child .detail-sidebar-link{border-bottom:none}.detail-sidebar-link:hover{background:var(--surface-100);color:var(--ink-900)}.detail-sidebar-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-sidebar-usage{flex-shrink:0;font-size:.72rem;color:var(--text-faint);background:var(--surface-50);padding:1px 6px;border-radius:var(--radius-md)}.like-button-wrapper{display:flex;justify-content:center;padding:40px 0 20px}.like-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:var(--radius-md);border:none;background:var(--surface-0);cursor:pointer;overflow:hidden;white-space:nowrap;transition:width .35s cubic-bezier(.4,0,.2,1),background .25s,box-shadow .25s;box-shadow:0 2px 8px rgba(0,0,0,.06)}.like-button:hover{box-shadow:0 4px 16px rgba(15,23,42,.12)}.like-button--expanded{width:132px}.like-button--liked{background:var(--surface-100)}.like-button-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-faint);transition:transform .25s,color .25s}.like-button-icon svg{width:18px;height:18px;shape-rendering:crispEdges}.like-button:hover .like-button-icon{transform:scale(1.15);color:var(--accent)}.like-button--liked .like-button-icon{transform:scale(1.2);color:var(--accent)}.like-button-text{display:inline-block;max-width:0;opacity:0;overflow:hidden;font-size:14px;font-weight:600;color:var(--accent);margin-left:0;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity .25s .08s,margin-left .35s}.like-button--expanded .like-button-text{max-width:100px;opacity:1;margin-left:8px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--text-faint);margin-bottom:16px}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--line-300);margin:0 2px}.breadcrumb [aria-current=page]{color:var(--ink-700);font-weight:500}.category-card{background:var(--surface-0);border-radius:var(--radius-xl);box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden;padding:0 28px 32px}.category-breadcrumb{padding-top:18px;margin-bottom:20px}.category-hero{background:linear-gradient(135deg,var(--surface-100) 0,var(--surface-0) 60%);border-radius:var(--radius-xl);padding:28px 24px;border:none;margin-bottom:24px}.category-hero h1{margin:0 0 12px;font-size:24px;color:var(--ink-900);font-weight:700;letter-spacing:-.01em}.category-hero-desc{margin:0 0 16px;font-size:15px;line-height:1.7;color:var(--text-subtle)}.category-hero-intro{font-size:14px;line-height:1.7;color:var(--text-muted);padding:14px 18px;background:var(--surface-0);border-radius:var(--radius-md);border:none}.category-hero-intro strong{color:var(--accent);font-weight:600}.category-audience{margin-bottom:24px}.category-audience h2{font-size:17px;margin:0 0 12px;color:var(--ink-900)}.category-audience-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px}.category-audience-list li{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-50);border-radius:var(--radius-md);border:none;font-size:14px;color:var(--ink-700)}.category-audience-icon{font-size:16px;flex-shrink:0}.category-tools{margin-bottom:24px}.category-tools h2{font-size:17px;margin:0 0 14px;color:var(--ink-900)}@media (max-width:720px){.category-card{padding:0 16px 24px}.category-hero{padding:20px 16px}.category-hero h1{font-size:20px}.category-audience-list{grid-template-columns:1fr}}.recommend-bar-wrapper{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:900;animation:recommend-slide-up .4s ease-out}@keyframes recommend-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(24px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.recommend-bar{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 16px;background:linear-gradient(135deg,#292524,#44403c);border:none;border-radius:var(--radius-pill);box-shadow:0 10px 36px rgba(55,38,32,.18);white-space:nowrap}.recommend-bar--voted{padding:10px 16px}.recommend-bar-text{letter-spacing:.01em}.recommend-bar-text,.recommend-bar-thanks{font-size:14px;font-weight:600;color:var(--line-200)}.recommend-bar-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}.recommend-bar-btn:hover{transform:scale(1.12)}.recommend-bar-btn:active{transform:scale(.95)}.recommend-bar-btn--up{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--surface-0)}.recommend-bar-btn--up:hover{box-shadow:0 0 14px rgba(15,23,42,.28)}.recommend-bar-btn--down{background:var(--highlight-red);color:var(--surface-0)}.recommend-bar-btn--down:hover{box-shadow:0 0 12px rgba(15,23,42,.2)}.recommend-bar-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-faint);cursor:pointer;transition:color .2s,background .2s;margin-left:2px}.recommend-bar-close:hover{color:var(--line-200);background:hsla(0,0%,100%,.1)}@media (max-width:720px){.recommend-bar-wrapper{bottom:20px}.recommend-bar{gap:10px;padding:10px 16px 10px 20px}.recommend-bar-text{font-size:13px}.recommend-bar-btn{width:36px;height:36px}}.topic-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.02em}.topic-badge--scenario{background:var(--surface-100);color:var(--ink-900);border:none}.topic-badge--comparison{background:var(--surface-info);color:var(--signal-blue);border:none}.topic-badge--faq{background:var(--surface-success);color:var(--success-500);border:none}.topic-page-card{background:var(--surface-0);border-radius:var(--radius-xl);box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden;padding:0 28px 32px}.topic-breadcrumb{padding-top:18px;margin-bottom:20px}.topic-hero{padding:24px;background:linear-gradient(135deg,var(--surface-100) 0,var(--surface-0) 100%);border:none;border-radius:var(--radius-lg);margin-bottom:0}.topic-hero-title{font-size:28px;font-weight:800;color:var(--ink-900);margin:12px 0 8px;line-height:1.35}.topic-hero-desc{font-size:15px;color:var(--text-subtle);line-height:1.7;margin:0}.topic-body-card{background:transparent;border-radius:0;padding:24px 0 0;box-shadow:none;margin-top:0;display:flex;flex-direction:column;gap:0}.topic-body-card>section+section{padding-top:24px;border-top:1px solid var(--surface-50)}.topic-body-card h2{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--ink-900);margin:0 0 16px}.topic-body-card h2:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,var(--accent),var(--accent-soft));border-radius:2px;flex-shrink:0}.topic-intro{display:flex;gap:14px;padding:16px 20px;background:var(--surface-warn);border:none;border-radius:var(--radius-md);margin-bottom:0}.topic-intro-icon{font-size:24px;flex-shrink:0;margin-top:2px}.topic-intro strong{display:block;font-size:14px;color:var(--text-subtle);margin-bottom:6px}.topic-intro p{font-size:14px;color:var(--warn-700);line-height:1.75;margin:0}.topic-audience{margin-bottom:0}.topic-audience h2{font-size:18px;font-weight:700;color:var(--ink-900);margin-bottom:14px}.topic-audience-tags{display:flex;flex-wrap:wrap;gap:10px}.topic-audience-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--surface-50);border:none;border-radius:var(--radius-pill);font-size:13px;color:var(--ink-700)}.topic-tools{margin-bottom:0}.topic-tools h2{font-size:18px;font-weight:700;color:var(--ink-900);margin-bottom:16px}.topic-tool-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.topic-tool-card{display:flex;gap:14px;padding:18px 20px;background:var(--surface-50);border:none;border-radius:var(--radius-lg);transition:box-shadow .2s,background .2s}.topic-tool-card:hover{background:var(--surface-100);box-shadow:0 2px 10px rgba(15,23,42,.06)}.topic-tool-rank{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.topic-tool-rank-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);font-size:13px;font-weight:700;color:var(--accent);background:var(--surface-100);border:none}.topic-tool-card:first-child .topic-tool-rank-num{background:var(--accent);color:var(--surface-0)}.topic-tool-card:nth-child(2) .topic-tool-rank-num{background:var(--ink-700);color:var(--surface-0)}.topic-tool-card:nth-child(3) .topic-tool-rank-num{background:var(--text-soft);color:var(--surface-0)}.topic-tool-avatar{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-100);display:flex;align-items:center;justify-content:center}.topic-tool-avatar img{width:100%;height:100%;object-fit:cover}.topic-tool-initials{font-size:16px;font-weight:700;color:var(--text-faint)}.topic-tool-info{flex:1 1;min-width:0}.topic-tool-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.topic-tool-name{font-size:16px;font-weight:700;color:var(--ink-900);transition:color .2s}.topic-tool-name:hover{color:var(--accent)}.topic-tool-rating{font-size:13px;color:var(--text-subtle)}.topic-tool-rating-num{font-size:12px;color:var(--text-faint);margin-left:4px}.topic-tool-highlight{font-size:14px;font-weight:600;color:var(--accent);margin:2px 0}.topic-tool-advantage{font-size:13px;color:var(--text-muted);margin:2px 0 8px;line-height:1.5}.topic-tool-footer{display:flex;align-items:center;gap:12px}.topic-tool-pricing{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;background:var(--surface-100);color:var(--text-muted);border:none}.topic-tool-pricing--free{background:var(--surface-success);color:var(--success-500);border-color:var(--line-success)}.topic-tool-link{font-size:13px;color:var(--accent);font-weight:600;transition:opacity .2s}.topic-tool-link:hover{opacity:.8}.topic-comparison{margin-bottom:32px}.topic-comparison h2{font-size:18px;font-weight:700;color:var(--ink-900);margin-bottom:16px}.topic-table-wrap{overflow-x:auto;border:none;border-radius:var(--radius-lg)}.topic-table{width:100%;border-collapse:collapse;font-size:13px}.topic-table th{background:var(--surface-50);padding:12px 16px;text-align:left;font-weight:600;color:var(--ink-700);border-bottom:none;white-space:nowrap}.topic-table td{padding:11px 16px;color:var(--text-subtle)}.topic-table td,.topic-table tr:last-child td{border-bottom:none}.topic-table tr:hover td{background:var(--surface-100)}.topic-table td:first-child{font-weight:600;color:var(--ink-900)}.topic-faq{margin-bottom:32px}.topic-faq h2{font-size:18px;font-weight:700;color:var(--ink-900);margin-bottom:16px}.topic-faq-list{display:flex;flex-direction:column;gap:14px}.topic-faq-item{padding:18px 22px;background:var(--surface-0);border:none;border-radius:var(--radius-md)}.topic-faq-item dt{font-size:15px;font-weight:600;color:var(--ink-900);margin-bottom:8px}.topic-faq-item dd{font-size:14px;color:var(--text-subtle);line-height:1.75;margin:0}.topic-related{margin-bottom:32px}.topic-related h2{font-size:18px;font-weight:700;color:var(--ink-900);margin-bottom:14px}.topic-related-tags{display:flex;flex-wrap:wrap;gap:10px}.topic-related-tag{display:inline-flex;align-items:center;padding:8px 18px;background:var(--surface-50);border:none;border-radius:var(--radius-pill);font-size:13px;color:var(--text-subtle);font-weight:500;transition:all .2s ease}.topic-related-tag:hover{color:var(--accent);border-color:var(--line-300);background:var(--surface-100)}@media (max-width:720px){.topic-page-card{padding:0 16px 24px}.topic-body-card{padding:20px 0 0}.topic-hero{padding:20px 16px}.topic-hero-title{font-size:22px}.topic-intro{flex-direction:column;gap:8px}.topic-tool-card{flex-wrap:wrap;padding:14px 16px}.topic-tool-rank{position:absolute}.topic-tool-card{position:relative;padding-left:48px}.topic-table{font-size:12px}.topic-table td,.topic-table th{padding:9px 10px}}.aside-topic-type{display:inline-block;font-size:11px;font-weight:600;color:var(--accent);background:var(--surface-100);padding:1px 6px;border-radius:var(--radius-sm);margin-left:6px;vertical-align:middle;border:none}.wiki-hero{position:relative;overflow:hidden;margin-bottom:20px;padding:30px 28px 22px;border-radius:var(--radius-2xl);border:none;background:radial-gradient(circle at top right,rgba(157,92,72,.11),transparent 36%),linear-gradient(135deg,var(--brand-cream) 0,#fff 62%)}.wiki-hero:after{content:"";position:absolute;inset:auto -40px -80px auto;width:180px;height:180px;border-radius:50%;background:rgba(157,92,72,.08);filter:blur(8px)}.wiki-hero-copy,.wiki-search,.wiki-stats{position:relative;z-index:1}.wiki-hero-kicker{display:inline-flex;align-items:center;padding:5px 10px;border-radius:var(--radius-pill);background:rgba(157,92,72,.08);border:none;color:var(--accent-strong);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-section-title{font-size:22px;font-weight:700;color:var(--ink-900);margin:0 0 20px;letter-spacing:-.01em}.wiki-page-title{margin:14px 0 10px;font-size:30px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em}.wiki-page-desc{max-width:720px;font-size:15px;line-height:1.8;color:var(--text-subtle);margin:0 0 20px}.wiki-search{position:relative;max-width:520px;margin-bottom:20px}.wiki-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.wiki-search-icon,.wiki-search-icon svg{shape-rendering:crispEdges}.wiki-search-input{width:100%;padding:13px 16px 13px 42px;border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:14px;color:var(--ink-900);background:hsla(0,0%,100%,.92);outline:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65);transition:border-color .2s,box-shadow .2s}.wiki-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.wiki-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.wiki-stat{padding:14px 16px;border-radius:var(--radius-lg);border:none;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wiki-stat strong{display:block;margin-bottom:4px;font-size:22px;line-height:1;color:var(--ink-900)}.wiki-stat span{font-size:12px;color:var(--text-muted)}.wiki-card-tags{display:flex;gap:8px;flex-wrap:wrap}.wiki-tag{display:inline-block;font-size:11px;font-weight:500;color:var(--accent-strong);background:rgba(157,92,72,.08);padding:4px 9px;border-radius:var(--radius-pill);border:none}.wiki-detail{background:transparent;border-radius:0;padding:0;overflow:hidden}.wiki-detail-header{position:relative;margin-bottom:28px;padding:0 0 28px;border-bottom:none}.wiki-detail-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.wiki-detail-badge{justify-content:center;min-height:38px;padding:6px 16px;background:linear-gradient(135deg,var(--surface-100),var(--surface-100));border:none;font-size:14px;font-weight:700;color:var(--accent)}.wiki-detail-badge,.wiki-detail-category{display:inline-flex;align-items:center;border-radius:var(--radius-pill)}.wiki-detail-category{min-height:34px;padding:6px 14px;border:none;background:var(--surface-50);color:var(--text-subtle);font-size:13px;font-weight:600}.wiki-detail-intro{padding:0;background:transparent;border:none;border-radius:0}.wiki-detail-title{font-size:30px;font-weight:800;color:var(--ink-900);margin:0 0 12px;line-height:1.4;letter-spacing:-.02em}.wiki-detail-summary{font-size:15px;color:var(--text-subtle);margin:0;line-height:1.8}.wiki-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.wiki-detail-tags{display:flex;gap:8px;flex-wrap:wrap}.wiki-detail-body{display:flex;flex-direction:column;gap:24px;line-height:1.8}.wiki-detail-section{position:relative;padding:0;border-radius:0;border:none;background:transparent}.wiki-detail-section-index{display:none;position:static;top:auto;left:auto;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--surface-100);border:none;color:var(--ink-900);font-size:12px;font-weight:700}.wiki-detail-section h2{font-size:24px;font-weight:700;color:var(--ink-900);margin:36px 0 14px}.wiki-detail-section p{font-size:16px;color:var(--text-subtle);margin:0 0 16px;line-height:1.8}@media (max-width:960px){.wiki-hero{padding:22px 18px 18px}.wiki-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-detail{padding:20px 16px}.wiki-detail-title{font-size:20px}.wiki-detail-intro{padding:18px 16px}.wiki-detail-section{padding:0}.wiki-detail-section-index{top:18px;left:18px}}@media (max-width:720px){.wiki-detail-title,.wiki-page-title{font-size:26px}}