:root{--purple:#5d20c8;--purple-2:#8127e8;--ink:#23202b;--muted:#625f6a;--line:#e9e4ef;--gold:#cba54a;--paper:#fff;--soft:#f7f5fb;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--soft);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:var(--purple)}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.35;letter-spacing:-.018em}p{margin:0 0 1.15em}.story-shell{width:min(calc(100% - 40px),var(--max));margin:auto}.story-header{background:#fff;border-bottom:1px solid var(--line)}.story-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0}.story-brand{font-size:17px;font-weight:800;color:var(--ink);text-decoration:none}.story-brand small{display:block;font-size:10px;font-weight:650;color:var(--purple);letter-spacing:.09em;line-height:1.4}.story-nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.story-nav a{font-size:13px;text-decoration:none;color:#514a60;font-weight:650}.story-nav a:hover{color:var(--purple)}.story-breadcrumb{padding:24px 0;color:#817b8a;font-size:12px}.story-breadcrumb a{color:inherit;text-decoration:none}.story-breadcrumb span{margin:0 8px}.story-hero{padding:42px 54px 46px;background:linear-gradient(125deg,#fff,#fcf9ff);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 42px rgba(36,17,65,.055)}.story-eyebrow{font-size:12px;letter-spacing:.13em;color:var(--purple);font-weight:800;margin-bottom:15px}.story-hero h1{font-size:clamp(30px,4.5vw,49px);max-width:930px;margin:0 0 20px}.story-deck{font-size:18px;max-width:830px;color:#514d59}.story-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.story-tags span{font-size:12px;color:#59407e;background:#f1eafa;border:1px solid #e8daf7;padding:5px 11px;border-radius:100px}.story-cover{margin:28px 0 12px;overflow:hidden;border-radius:20px;background:#ede9f3}.story-cover img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.story-caption{color:#79737f;font-size:12px;margin:10px 0 24px}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:32px;margin:30px auto 72px}.story-article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px 50px;font-size:16px}.story-article h2{font-size:25px;margin:38px 0 14px}.story-article h2:first-child{margin-top:0}.story-article h3{font-size:19px;margin:25px 0 8px}.story-article p{color:#49444f}.story-article strong{color:#26202e}.story-quote{border-left:4px solid var(--gold);padding:17px 20px;margin:26px 0;background:#fbf8ef;border-radius:0 12px 12px 0;color:#3b3222;font-size:19px;font-weight:650}.story-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}.story-fact{padding:17px 12px;border:1px solid var(--line);background:#fbf9fd;border-radius:13px}.story-fact strong{display:block;font-size:20px;color:var(--purple)}.story-fact span{font-size:12px;color:#77717e}.story-method{padding:20px 22px;background:#f9f7fc;border-radius:14px;margin:16px 0;border:1px solid #efe9f6}.story-method h3{margin:0 0 8px}.story-method p{margin-bottom:0}.story-note{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fafafa;color:#66616b;font-size:13px}.story-aside{position:sticky;top:24px;display:grid;gap:18px}.story-card{padding:24px;border-radius:19px;background:#fff;border:1px solid var(--line)}.story-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px;display:block}.story-card .story-card-label{font-size:11px;color:var(--purple);letter-spacing:.12em;font-weight:800;margin:16px 0 5px}.story-card h2{font-size:22px;margin:0 0 12px}.story-card p{font-size:13px;color:#5c5661}.story-button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;border-radius:10px;background:var(--purple);padding:9px 17px;color:#fff;text-decoration:none;font-weight:750;font-size:13px}.story-button:hover{background:var(--purple-2);text-decoration:none}.story-link{display:inline-flex;gap:8px;align-items:center;font-weight:700;text-decoration:none;font-size:13px}.story-related{margin:0 0 68px;padding:32px;border:1px solid var(--line);border-radius:18px;background:#fff}.story-related h2{margin:0 0 10px;font-size:23px}.story-related p{color:var(--muted)}.story-footer{background:#fff;border-top:1px solid var(--line);padding:34px 20px;text-align:center;color:#77717f;font-size:12px}.story-footer p{margin:0 0 6px}.story-list-head{padding:48px 50px;background:#fff;border:1px solid var(--line);border-radius:22px}.story-list-head h1{font-size:clamp(31px,5vw,49px);margin:0 0 12px}.story-list-head p{max-width:750px;color:#5e5865;font-size:17px}.story-list{padding:32px 0 80px}.story-list-card{display:grid;grid-template-columns:340px minmax(0,1fr);gap:32px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:21px}.story-list-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px}.story-list-card h2{margin:8px 0 12px;font-size:25px}.story-list-card h2 a{color:var(--ink);text-decoration:none}.story-list-card h2 a:hover{color:var(--purple)}.story-list-card p{color:#605968}.story-list-card .story-link{margin-top:5px}.story-mini{font-size:11px;letter-spacing:.1em;color:var(--purple)!important;font-weight:800}
@media(max-width:920px){.story-layout{grid-template-columns:1fr}.story-aside{position:static;grid-template-columns:1fr 1fr}.story-card img{max-width:200px}.story-list-card{grid-template-columns:280px 1fr}}
@media(max-width:640px){.story-shell{width:min(calc(100% - 28px),var(--max))}.story-header-inner{align-items:flex-start;flex-direction:column;gap:12px}.story-nav{gap:17px}.story-hero{padding:30px 22px}.story-deck{font-size:16px}.story-layout{margin-top:19px;gap:19px}.story-article{padding:29px 21px;font-size:15px}.story-article h2{font-size:22px}.story-facts{grid-template-columns:1fr 1fr}.story-aside{grid-template-columns:1fr}.story-list-head{padding:32px 23px}.story-list-card{grid-template-columns:1fr;gap:12px}.story-list-card h2{font-size:23px}.story-related{padding:23px}}

/* 公众号原文出处，帮助读者核对故事来源 */
.story-source { margin: 22px 0 14px; padding: 14px 18px; background: #f5f3f9; border-left: 3px solid #7961a4; border-radius: 0 9px 9px 0; font-size: .94rem; line-height: 1.8; }
.story-source a { color: #57349d; font-weight: 700; text-underline-offset: 3px; }

/* Pong案例为用户提供的正方形主题插画：完整呈现原图，不裁掉文字或AI标识。 */
.story-cover--portrait{display:flex;align-items:center;justify-content:center;background:#faf7ee}
.story-cover--portrait img{display:block;width:auto;max-width:100%;max-height:650px;aspect-ratio:1/1;object-fit:contain}
.story-list-card--portrait img{object-fit:contain;background:#faf7ee}
.story-list{display:grid;gap:22px}