:root{–blue:#2563EB;–purple:#7C3AED;–ink:#1f2937;–sub:#64748b;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,”PingFang SC”,”Hiragino Sans GB”,”Microsoft YaHei”,sans-serif;
background:linear-gradient(135deg,#F8FAFF 0%,#EEF2FD 45%,#F3F0FE 100%);
color:var(–ink);line-height:1.85;padding:40px 16px;}
.wrap{max-width:860px;margin:0 auto;}
.hero{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border:1px solid rgba(37,99,235,.12);
border-radius:22px;padding:30px 32px;box-shadow:0 10px 40px rgba(37,99,235,.08);}
.kicker{display:inline-block;font-size:13px;letter-spacing:.12em;color:var(–blue);font-weight:700;
background:rgba(37,99,235,.08);padding:5px 12px;border-radius:999px;margin-bottom:14px;}
h1{font-size:25px;line-height:1.5;font-weight:800;background:linear-gradient(90deg,var(–blue),var(–purple));
-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;}
.meta{font-size:13px;color:var(–sub);}
.cover{width:100%;border-radius:18px;margin:22px 0 8px;display:block;box-shadow:0 8px 30px rgba(37,99,235,.15);}
.intro{background:#fff;border-radius:16px;padding:18px 22px;margin:22px 0;color:#334155;
border-left:4px solid var(–blue);font-size:15.5px;}
.card{background:rgba(255,255,255,.9);border:1px solid rgba(124,58,237,.10);border-radius:18px;
padding:20px 24px;margin:16px 0;box-shadow:0 6px 22px rgba(37,99,235,.06);position:relative;overflow:hidden;}
.card::before{content:””;position:absolute;left:0;top:0;bottom:0;width:5px;
background:linear-gradient(180deg,var(–blue),var(–purple));}
.num{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;
border-radius:9px;background:linear-gradient(135deg,var(–blue),var(–purple));color:#fff;
font-weight:800;font-size:15px;margin-right:10px;}
.ct{font-size:18px;font-weight:800;color:#0f172a;vertical-align:middle;}
.cb{margin-top:10px;font-size:15px;color:#334155;}
.foot{text-align:center;font-size:12.5px;color:var(–sub);margin-top:26px;}