:root{color-scheme:light;--color-bg: #fbfbfa;--color-surface: #ffffff;--color-surface-soft: #f4f4f1;--color-text: #111111;--color-muted: #5b5f68;--color-subtle: #8b9099;--color-border: #deded8;--color-border-strong: #c9c9c1;--color-accent: #1148d8;--color-accent-strong: #0b36a8;--color-ai: #7a4ab2;--color-dev: #177245;--color-engineering: #c8661a;--color-tools: #2759c7;--shadow-subtle: 0 16px 45px rgba(15, 20, 30, .06);--radius-sm: 4px;--radius-md: 8px;--max-page: 1460px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Inter, system-ui, sans-serif;--font-serif: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--font-mono: "SFMono-Regular", "Cascadia Code", Consolas, monospace;--step-0: 1rem;--step-1: 1.125rem;--step-2: 1.375rem;--step-3: 1.75rem;--step-4: 2.25rem;--step-5: 3.25rem}*{box-sizing:border-box}html{background:var(--color-bg);font-family:var(--font-sans);scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:linear-gradient(180deg,rgba(17,72,216,.035),transparent 360px),var(--color-bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}img,svg{display:block;max-width:100%}.page-shell{min-height:100vh}.site-header,.site-footer,.section,.hero,.content-page{width:min(var(--max-page),calc(100vw - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid var(--color-border);gap:var(--space-6)}.brand{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-serif);font-size:1.45rem;font-weight:800;white-space:nowrap}.brand span{color:var(--color-accent);font-family:Inter,var(--font-sans)}.nav-links,.header-actions{display:flex;align-items:center;gap:var(--space-5)}.nav-links a{padding-block:26px 22px;border-bottom:3px solid transparent;color:var(--color-muted);font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.icon-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 var(--space-5);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-size:.95rem;font-weight:700;box-shadow:0 8px 22px #1148d829}.button.secondary{background:var(--color-surface);color:var(--color-accent);box-shadow:none}.button:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.button.secondary:hover{background:#eef2ff;color:var(--color-accent-strong)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:var(--space-12);padding:var(--space-10) 0 var(--space-8);border-bottom:1px solid var(--color-border)}.date-line{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-muted);font-weight:700}.date-line strong{color:var(--color-accent)}.hero h1{max-width:780px;margin:var(--space-6) 0 var(--space-4);font-family:var(--font-serif);font-size:var(--step-5);line-height:1.12}.hero-copy{max-width:620px;color:var(--color-muted);font-size:var(--step-1);line-height:1.75}.metric-row{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-10)}.metric{min-width:112px;padding-right:var(--space-8);border-right:1px solid var(--color-border)}.metric:last-child{border-right:0}.metric strong{display:block;color:var(--color-accent);font-size:var(--step-2)}.metric span{color:var(--color-muted);font-size:.92rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.section{padding-block:var(--space-8)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-4)}.section-header h2,.content-page h1{margin:0;font-family:var(--font-serif);font-size:var(--step-3);line-height:1.18}.section-header p,.content-page>p{margin:var(--space-2) 0 0;color:var(--color-muted);line-height:1.7}.pillar-card,.featured-card,.latest-card,.resource-card,.article-list-item,.wechat-cta,.subscribe-bar{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffc2}.pillar-card{display:flex;min-height:220px;flex-direction:column}.pillar-card header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.pillar-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--step-1);font-weight:800}.pillar-title[data-pillar=ai]{color:var(--color-ai)}.pillar-title[data-pillar=dev]{color:var(--color-dev)}.pillar-title[data-pillar=engineering]{color:var(--color-engineering)}.pillar-title[data-pillar=tools]{color:var(--color-tools)}.card-link{color:var(--color-muted);font-size:.9rem}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.not-found-page{min-height:48vh}.pillar-card-footer{padding:0 var(--space-4) var(--space-4)}.update-list{display:grid;gap:var(--space-3);margin:0;padding:var(--space-4);list-style:none}.update-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:baseline;color:var(--color-text);font-size:.95rem;line-height:1.55}.update-row time,.update-row .source{color:var(--color-subtle);font-size:.85rem}.featured-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:var(--space-5)}.featured-card{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--space-6);padding:var(--space-6)}.featured-card h2,.featured-card h3{margin:0 0 var(--space-3);font-family:var(--font-serif);font-size:var(--step-3);line-height:1.2}.featured-card p,.latest-card p,.resource-card p,.article-list-item p{color:var(--color-muted);line-height:1.75}.featured-visual{min-height:220px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(17,72,216,.16),transparent 45%),repeating-linear-gradient(0deg,#1a1d22 0 2px,#242933 2px 7px)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-4)}.tag{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:.82rem}.latest-card{padding:var(--space-5)}.latest-card h2,.latest-card h3{margin:0 0 var(--space-4);font-size:var(--step-1)}.subscribe-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:var(--space-6);align-items:center;padding:var(--space-5)}.subscribe-copy{display:flex;gap:var(--space-4);align-items:center}.subscribe-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.wechat-cta{position:relative;padding:var(--space-6)}.wechat-cta summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer;list-style:none}.wechat-cta summary::-webkit-details-marker{display:none}.wechat-panel{display:grid;grid-template-columns:118px minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-5)}.qr-box{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--color-muted);border-radius:var(--radius-sm);background:#fff}.wechat-benefits{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none;color:var(--color-muted);font-size:.95rem}.content-page{padding-block:var(--space-10)}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 320px;gap:var(--space-10);align-items:start}.article-body{font-size:1.05rem;line-height:1.9}.article-body h2{margin-top:var(--space-10);font-family:var(--font-serif);font-size:var(--step-2)}.article-body pre{overflow-x:auto;padding:var(--space-4);border-radius:var(--radius-md);background:#14171f;color:#f5f7fb;font-family:var(--font-mono);font-size:.9rem}.article-list{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.article-list-item{padding:var(--space-5)}.article-list-item h2,.article-list-item h3{margin:var(--space-3) 0 var(--space-2);font-family:var(--font-serif);font-size:var(--step-1);line-height:1.3}.archive-list{display:grid;gap:var(--space-8);margin-top:var(--space-8)}.archive-month{scroll-margin-top:var(--space-8)}.month-jump{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.compact-list{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}.compact-list li{display:flex;gap:var(--space-3);align-items:center;line-height:1.55}.search-panel{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--space-3);margin-top:var(--space-6)}.search-box{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:#fff}.search-box input,.search-panel select{min-width:0;min-height:46px;border:0;background:transparent;color:var(--color-text)}.search-box input{flex:1;outline:0}.search-panel select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:0 var(--space-3);background:#fff}.search-summary{margin:var(--space-4) 0 0;color:var(--color-muted)}.daily-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.resource-card{padding:var(--space-5)}.site-footer{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);padding:var(--space-8) 0;border-top:1px solid var(--color-border);color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (min-width:900px){.wechat-cta:not([open]) .wechat-panel{display:none}.wechat-cta:hover .wechat-panel{display:grid}}@media(max-width:1100px){.hero,.featured-grid,.featured-card,.article-layout{grid-template-columns:1fr}.grid-4,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{display:none}}@media(max-width:760px){.site-header,.site-footer,.section,.hero,.content-page{width:min(100vw - 28px,var(--max-page))}.site-header{align-items:start;flex-direction:column;padding-block:var(--space-4)}.nav-links{width:100%;overflow-x:auto;gap:var(--space-4)}.nav-links a{padding-block:var(--space-2);white-space:nowrap}.hero{padding-top:var(--space-6)}.hero h1{font-size:2.25rem}.grid-4,.resource-grid,.subscribe-bar,.wechat-panel,.search-panel{grid-template-columns:1fr}.subscribe-actions{flex-direction:column}.metric{border-right:0;padding-right:0}}