:root{color-scheme:light dark;--c-bg:#fff;--c-surface:#f8f9fa;--c-border:#e5e7eb;--c-border-strong:#d1d5db;--c-text:#111827;--c-text-secondary:#6b7280;--c-text-muted:#9ca3af;--c-accent:#2563eb;--c-accent-hover:#1d4ed8;--c-accent-subtle:#eff6ff;--c-tag-bg:#f3f4f6;--c-tag-text:#4b5563;--c-danger:#dc2626;--c-danger-bg:#fef2f2;--ff-body:-apple-system,"PingFang TC","PingFang SC","Noto Sans CJK TC","Noto Sans CJK SC","Microsoft YaHei","Microsoft JhengHei",system-ui,sans-serif;--ff-heading:var(--ff-body);--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--lh-tight:1.25;--lh-normal:1.6;--lh-relaxed:1.75;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--max-w-main:1280px;--max-w-article:720px;--max-w-text:680px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.06);--shadow-lg:0 8px 24px rgba(0,0,0,.08);--shadow-card:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--ease-out:0.2s ease-out}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg:#0f172a;--c-surface:#1e293b;--c-border:#334155;--c-border-strong:#475569;--c-text:#f1f5f9;--c-text-secondary:#94a3b8;--c-text-muted:#64748b;--c-accent:#3b82f6;--c-accent-hover:#60a5fa;--c-accent-subtle:#1e3a5f;--c-tag-bg:#334155;--c-tag-text:#cbd5e1;--c-danger:#f87171;--c-danger-bg:#451a1a;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 24px rgba(0,0,0,.4);--shadow-card:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}:root:not([data-theme=light]) .header-site{background:rgba(15,23,42,.92)}:root:not([data-theme=light]) .hero-image{background:linear-gradient(135deg,#1e293b,#1e3a5f)}:root:not([data-theme=light]) .feed-card-image{background:linear-gradient(135deg,#1e293b,#334155)}}:root[data-theme=dark]{--c-bg:#0f172a;--c-surface:#1e293b;--c-border:#334155;--c-border-strong:#475569;--c-text:#f1f5f9;--c-text-secondary:#94a3b8;--c-text-muted:#64748b;--c-accent:#3b82f6;--c-accent-hover:#60a5fa;--c-accent-subtle:#1e3a5f;--c-tag-bg:#334155;--c-tag-text:#cbd5e1;--c-danger:#f87171;--c-danger-bg:#451a1a;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.35);--shadow-lg:0 8px 24px rgba(0,0,0,.4);--shadow-card:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}:root[data-theme=dark] .header-site{background:rgba(15,23,42,.92)}:root[data-theme=dark] .hero-image{background:linear-gradient(135deg,#1e293b,#1e3a5f)}:root[data-theme=dark] .feed-card-image{background:linear-gradient(135deg,#1e293b,#334155)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--ff-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--c-accent);text-decoration:none}a:hover{color:var(--c-accent-hover)}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}.header-site{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.header-inner{max-width:var(--max-w-main);margin:0 auto;padding:0 var(--s-6);height:56px;justify-content:space-between;gap:var(--s-4)}.header-brand,.header-inner{display:flex;align-items:center}.header-brand{gap:var(--s-3);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;color:var(--c-text);text-decoration:none}.header-logo{border-radius:var(--radius-sm);flex-shrink:0}.header-brand-accent{color:var(--c-accent)}.header-nav{display:flex;align-items:center;gap:var(--s-3)}.footer-site{border-top:1px solid var(--c-border);background:var(--c-surface);margin-top:var(--s-16)}.footer-inner{margin:0 auto;padding:var(--s-8) var(--s-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);font-size:var(--fs-sm);color:var(--c-text-muted)}.footer-inner,.hero{max-width:var(--max-w-main)}.hero{margin:var(--s-8) auto 0;padding:0 var(--s-6)}.hero-card{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-8);gap:var(--s-8);background:var(--c-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--c-border)}.hero-card:hover{box-shadow:var(--shadow-md)}.hero-image{aspect-ratio:16/10;background:linear-gradient(135deg,#dbeafe,#e0e7ff);align-items:center;font-size:3rem;color:var(--c-accent);overflow:hidden}.hero-body,.hero-image{display:flex;justify-content:center}.hero-body{padding:var(--s-8) var(--s-8) var(--s-8) 0;flex-direction:column}.hero-tag{display:inline-block;font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent);margin-bottom:var(--s-3)}.hero-title{font-size:var(--fs-3xl);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.02em;margin-bottom:var(--s-4);color:var(--c-text)}.hero-excerpt{font-size:var(--fs-lg);color:var(--c-text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--s-5)}.hero-meta{font-size:var(--fs-sm);color:var(--c-text-muted);display:flex;align-items:center;gap:var(--s-3)}.feed-section{max-width:var(--max-w-main);margin:var(--s-12) auto 0;padding:0 var(--s-6)}.feed-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s-6);padding-bottom:var(--s-3);border-bottom:2px solid var(--c-text)}.feed-section-title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-6);gap:var(--s-6)}.feed-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--ease-out),transform var(--ease-out)}.feed-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feed-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--c-text-muted);overflow:hidden}.feed-card-body{padding:var(--s-5)}.feed-card-source{font-size:var(--fs-xs);font-weight:600;color:var(--c-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s-2)}.feed-card-title{font-size:var(--fs-lg);font-weight:700;line-height:var(--lh-tight);color:var(--c-text);margin-bottom:var(--s-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-card-title a{color:inherit}.feed-card-title a:hover{color:var(--c-accent)}.feed-card-excerpt{font-size:var(--fs-sm);color:var(--c-text-secondary);line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--s-4)}.feed-card-meta{font-size:var(--fs-xs);color:var(--c-text-muted);display:flex;align-items:center;gap:var(--s-3)}.article-page{max-width:var(--max-w-article);margin:var(--s-8) auto;padding:0 var(--s-6)}.article-header{margin-bottom:var(--s-8)}.article-category{display:inline-block;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent);background:var(--c-accent-subtle);padding:var(--s-1) var(--s-3);border-radius:999px;margin-bottom:var(--s-4)}.article-title{font-size:var(--fs-4xl);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.025em;margin-bottom:var(--s-5)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);font-size:var(--fs-sm);color:var(--c-text-secondary);padding-bottom:var(--s-6);border-bottom:1px solid var(--c-border)}.article-meta-item{display:flex;align-items:center;gap:var(--s-2)}.article-body{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--c-text);max-width:var(--max-w-text)}.article-body p{margin-bottom:var(--s-6)}.article-body h2{font-size:var(--fs-2xl);font-weight:700;margin:var(--s-10) 0 var(--s-4);letter-spacing:-.01em}.article-body h3{font-size:var(--fs-xl);font-weight:700;margin:var(--s-8) 0 var(--s-3)}.article-body blockquote{border-left:3px solid var(--c-accent);padding:var(--s-2) 0 var(--s-2) var(--s-6);margin:var(--s-6) 0;color:var(--c-text-secondary);font-style:italic}.article-body img{border-radius:var(--radius-md);margin:var(--s-6) 0}.article-body ol,.article-body ul{margin-bottom:var(--s-6);padding-left:var(--s-6)}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:var(--s-2)}.article-figure{margin:var(--s-6) 0}.article-figure img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.article-figure figcaption{font-size:var(--fs-sm);color:var(--c-text-muted);text-align:center;margin-top:var(--s-2);font-style:italic}.article-cover{margin:0 calc(-1 * var(--s-6)) var(--s-8)}.article-cover img{border-radius:0;width:100%}.article-footer{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-muted)}.locale-toggle{font-size:var(--fs-sm);font-weight:600;padding:var(--s-2) var(--s-4);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);background:var(--c-bg);cursor:pointer;transition:background var(--ease-out),border-color var(--ease-out);text-decoration:none}.locale-toggle:hover{background:var(--c-surface);border-color:var(--c-accent);color:var(--c-accent)}.theme-toggle{font-size:1.1rem;padding:var(--s-2);border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--ease-out);line-height:1}.theme-toggle:hover{background:var(--c-surface)}.share-sheet{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.share-btn{font-size:var(--fs-sm);font-weight:500;padding:var(--s-2) var(--s-4);border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-secondary);cursor:pointer;text-decoration:none;transition:all var(--ease-out)}.share-btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-subtle)}.share-wechat-hint{font-size:var(--fs-xs);color:var(--c-text-muted);font-style:italic}.ad-slot{min-width:300px;min-height:250px;width:100%;max-width:300px;margin:0 auto;position:relative;background:var(--c-surface);border-radius:var(--radius-md);border:1px dashed var(--c-border-strong);overflow:hidden}.ad-skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);font-size:var(--fs-sm);letter-spacing:.05em}.empty-state{text-align:center;padding:var(--s-16) var(--s-6);color:var(--c-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--s-4)}.empty-state-text{font-size:var(--fs-lg)}@media (max-width:900px){.feed-grid{grid-template-columns:repeat(2,1fr)}.hero-card{grid-template-columns:1fr;gap:0}.hero-body{padding:var(--s-6)}.hero-title{font-size:var(--fs-2xl)}.article-title{font-size:var(--fs-3xl)}}@media (max-width:600px){.article-page,.feed-section,.header-inner,.hero{padding-left:var(--s-4);padding-right:var(--s-4)}.feed-grid{grid-template-columns:1fr}.hero-title{font-size:var(--fs-xl)}.hero-excerpt{font-size:var(--fs-base)}.article-title{font-size:var(--fs-2xl)}.article-body{font-size:var(--fs-base)}}