:root{--primary:#5b5bd6;--accent:#8b5cf6;--bg:#f5f3ff;--ink:#17172b;--paper:#ffffff;--on-primary:#fff;--muted:color-mix(in srgb,#17172b 68%,transparent);--body-ink:#17172b;--soft:color-mix(in srgb,#5b5bd6 11%,#f5f3ff);--line:color-mix(in srgb,#5b5bd6 22%,transparent);--footer:#17172b;--footer-ink:#ffffff;--radius:18px;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:26px;min-height:78px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font-size:20px;font-weight:900}.logo b{display:block;font-size:20px;line-height:1.2}.logo small{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{font-size:14px;font-weight:700;padding:9px 13px;border-radius:calc(var(--radius) * .65);color:var(--muted);white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:var(--soft);color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:var(--radius);font-size:14px;font-weight:800;transition:.25s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 24%,transparent)}.btn-outline{border-color:var(--line);background:var(--paper);color:var(--primary)}.hero{padding:72px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--primary);margin-bottom:18px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.13;letter-spacing:-.035em;margin-bottom:22px}.hero-copy>p{font-size:17px;color:var(--muted);max-width:600px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-stats{display:flex;gap:10px;flex-wrap:wrap}.hero-stats span{font-size:12px;font-weight:800;padding:6px 12px;background:var(--soft);border-radius:99px;color:var(--primary)}.hero-visual{position:relative}.hero-main{width:100%;border-radius:calc(var(--radius) * 1.5);box-shadow:0 24px 70px color-mix(in srgb,var(--primary) 18%,transparent);aspect-ratio:4/3;object-fit:cover}.hero-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.hero-mini img{border-radius:var(--radius);aspect-ratio:1.3/1;object-fit:cover;width:100%}.section{padding:72px 0}.section-head{margin-bottom:30px}.section-head>span{font-size:12px;color:var(--primary);font-weight:900;letter-spacing:.14em}.section-head h2{font-size:clamp(26px,3.5vw,40px);line-height:1.25;margin:8px 0 10px}.section-head p{color:var(--muted);max-width:720px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.2);overflow:hidden;transition:.25s}.category-card:hover,.article-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px color-mix(in srgb,var(--primary) 13%,transparent);border-color:var(--primary)}.category-card img{width:100%;aspect-ratio:1.35/1;object-fit:cover}.category-card>div{padding:20px}.category-card span,.article-card span{font-size:10px;color:var(--primary);font-weight:900;letter-spacing:.12em}.category-card h3,.article-card h3{font-size:20px;margin:7px 0;line-height:1.35}.category-card p,.article-card p{font-size:13px;color:var(--muted);margin-bottom:14px}.category-card b,.article-card b{font-size:12px;color:var(--primary)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.2);overflow:hidden;transition:.25s}.article-card img{width:100%;aspect-ratio:1.6/1;object-fit:cover}.article-card>div{padding:22px}.article-card h3{font-size:19px}.work-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.work-list article{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:24px;padding:22px 8px;border-bottom:1px solid var(--line)}.work-list article>span{color:var(--primary);font-size:13px;font-weight:900}.work-list h3{font-size:21px}.work-list p{font-size:13px;color:var(--muted);margin-top:4px}.work-list a{font-size:13px;font-weight:800;color:var(--primary)}.reading-note{margin-top:36px;margin-bottom:72px;background:var(--primary);color:var(--on-primary);border-radius:calc(var(--radius) * 1.6);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.reading-note span{font-size:11px;font-weight:900;letter-spacing:.15em;opacity:.75}.reading-note h2{font-size:28px;margin:6px 0}.reading-note p{opacity:.82}.reading-note .btn{background:var(--paper);color:var(--primary);flex-shrink:0}.site-footer{padding:56px 0 24px;background:var(--footer);color:var(--footer-ink)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:60px}.footer-grid p{font-size:13px;opacity:.7;margin-top:18px;max-width:430px}.footer-grid h3{font-size:14px;margin-bottom:12px}.footer-grid>div>a:not(.logo){display:block;font-size:12px;opacity:.72;padding:4px 0}.footer-grid>div>a:hover{opacity:1;color:var(--accent)}.footer-bottom{border-top:1px solid color-mix(in srgb,var(--footer-ink) 15%,transparent);margin-top:38px;padding-top:20px;font-size:11px;opacity:.55;text-align:center}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--primary)}.category-hero{padding:60px 0;background:var(--soft)}.split-hero{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:center}.split-hero h1{font-size:48px;line-height:1.2;margin-bottom:16px}.split-hero p{color:var(--muted)}.split-hero>img{width:100%;border-radius:calc(var(--radius) * 1.5);aspect-ratio:1.4/1;object-fit:cover}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.2)}.work-card>span{font-size:11px;color:var(--primary);font-weight:900}.work-card h2{font-size:25px;margin:10px 0}.work-card p{font-size:14px;color:var(--muted)}.work-card>div{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.work-card b{font-size:10px;background:var(--soft);color:var(--primary);padding:5px 9px;border-radius:99px}.category-bottom{background:var(--soft)}.category-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.other-cats{display:flex;flex-direction:column;gap:10px}.other-cats a{background:var(--paper);padding:16px 18px;border-radius:var(--radius);font-weight:900}.other-cats span{display:block;font-size:12px;font-weight:400;color:var(--muted)}.related-articles{display:flex;flex-direction:column;gap:12px}.related-articles>a{display:grid;grid-template-columns:38px 1fr;gap:12px;background:var(--paper);padding:16px;border-radius:var(--radius)}.related-articles>a>span{color:var(--primary);font-weight:900}.related-articles h3{font-size:16px}.related-articles p{font-size:12px;color:var(--muted);margin-top:4px}.article-header{padding:60px 0 36px;background:var(--soft)}.article-header h1{font-size:clamp(32px,5vw,48px);line-height:1.25;margin-bottom:18px}.article-header p{font-size:16px;color:var(--muted)}.article-meta{font-size:11px;color:var(--muted);margin-top:22px}.article-cover{width:100%;aspect-ratio:1.9/1;object-fit:cover;border-radius:calc(var(--radius) * 1.4);margin:40px 0}.article-content{background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--radius) * 1.4);padding:44px}.article-content .lead{font-size:18px;color:var(--ink);font-weight:600}.article-content p{color:var(--body-ink);font-size:16px;line-height:1.95}.article-content section{margin-top:34px}.article-content h2{font-size:23px;margin-bottom:12px;padding-left:13px;border-left:4px solid var(--primary);line-height:1.4}.article-content a{color:var(--primary);font-weight:800}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 70px}.article-nav a{padding:20px;background:var(--soft);border-radius:var(--radius);font-size:13px;font-weight:800}.article-nav a:last-child{text-align:right}.article-nav span{display:block;font-size:10px;color:var(--primary);margin-bottom:6px}
@media(max-width:960px){.header-cta{display:none}.header-row{flex-wrap:wrap;gap:12px;padding:12px 0}.main-nav{order:3;width:100%;overflow-x:auto;padding-bottom:3px}.main-nav::-webkit-scrollbar{display:none}.hero-grid{grid-template-columns:1fr;gap:34px}.category-grid{grid-template-columns:repeat(2,1fr)}.article-grid,.work-grid{grid-template-columns:1fr}.category-columns{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.split-hero{grid-template-columns:1fr 240px}.reading-note{padding:30px}.hero{padding-top:48px}}
@media(max-width:640px){.wrap,.narrow{width:min(100% - 28px,1180px)}.logo b{font-size:18px}.hero h1{font-size:37px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card>div{padding:14px}.category-card h3{font-size:17px}.category-card p{font-size:12px}.section{padding:50px 0}.work-list article{grid-template-columns:1fr auto;gap:8px}.work-list article>span{grid-column:1/-1}.work-list p{display:none}.reading-note{flex-direction:column;align-items:flex-start;padding:26px}.reading-note h2{font-size:23px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.split-hero{grid-template-columns:1fr}.split-hero>img{max-height:240px}.split-hero h1{font-size:38px}.article-content{padding:25px 20px}.article-content p{font-size:15px}.article-nav{grid-template-columns:1fr}.article-nav a:last-child{text-align:left}}
.hero{background:linear-gradient(135deg,var(--soft),var(--bg))}.hero-main{transform:rotate(1.5deg)}.category-card:nth-child(even){transform:translateY(18px)}.category-card:nth-child(even):hover{transform:translateY(12px)}.article-card:first-child{grid-row:span 1}.work-list article:nth-child(odd){background:var(--soft)}