:root{--ink:#2A1B16;--red:#A6344E;--cream:#FBF6EE;--gold:#C99B45;--line:#E6D8C6;--muted:#8A7A68;--card:#fff;--shadow:0 18px 45px rgba(126,34,56,.10)}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.55}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(800px 420px at 100% 0,rgba(166,52,78,.13),transparent 65%),radial-gradient(700px 440px at 0 22%,rgba(201,155,69,.12),transparent 72%)}
.shell{max-width:1440px;margin:auto;padding:0 34px}
.top{height:40px;background:#4A1B22;color:#E8D8D2;font-size:12px}
.top .shell{height:100%;display:flex;align-items:center;justify-content:space-between}
.top a{color:inherit;text-decoration:none;margin-left:24px}
header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.head-inner{height:82px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;min-width:332px}
.brand img{width:207px;height:auto;display:block}
.brand-badge{margin-left:14px;color:#A6344E;font-size:20px;line-height:1;font-weight:800;letter-spacing:.3px;white-space:nowrap}
.brand-badge:before{content:"|";margin-right:14px;font-size:22px;font-weight:400;vertical-align:-1px}
nav{display:flex;gap:6px;align-self:stretch;align-items:center;flex:1}
nav a{padding:9px 12px;border-radius:6px;text-decoration:none;color:#6B5048;font-size:14px;white-space:nowrap}
nav a.active{background:#F6E9E4;color:var(--red);font-weight:700}
nav a:hover{color:var(--red)}
.search{margin-left:auto;width:208px;background:#F7F1E8;border:1px solid #E6D8C6;border-radius:22px;padding:9px 15px;color:#9A8A78;font-size:12px;white-space:nowrap}
.hero{padding:34px 0 24px}
.crumb{font-size:12px;color:#9A8A78;margin-bottom:16px}
.crumb b{color:var(--red);font-weight:600}
.hero-main{border-radius:22px;min-height:226px;overflow:hidden;color:#fff;background:linear-gradient(105deg,#4A1B22 0%,#7E2238 56%,#A6344E 100%);box-shadow:var(--shadow);display:flex;position:relative}
.hero-main:after{content:var(--watermark);font-family:STKaiti,serif;position:absolute;right:7%;top:-56px;font-size:300px;line-height:1;color:rgba(255,255,255,.07)}
.hero-copy{padding:34px 42px;position:relative;z-index:1;max-width:760px}
.eyebrow{font-size:12px;letter-spacing:2px;color:#F2D9A0;text-transform:uppercase}
.hero h1{font-family:STKaiti,"KaiTi",serif;font-size:39px;letter-spacing:1px;margin:8px 0}
.hero p{font-size:14px;line-height:1.8;max-width:650px;color:#F0DCD2;margin:0}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.tags span{font-size:12px;padding:5px 11px;border-radius:14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
.hero-data{position:relative;z-index:1;margin-left:auto;padding:35px 42px 30px 16px;display:flex;gap:25px;align-items:center}
.metric{min-width:86px}
.metric b{font-family:Georgia,serif;font-size:29px;color:#F6D681;display:block}
.metric span{font-size:12px;color:#F0DCD2;white-space:nowrap}
.layout{display:grid;grid-template-columns:246px minmax(0,1fr);gap:24px;padding-bottom:48px}
.side{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;height:max-content;box-shadow:0 8px 24px rgba(126,34,56,.04)}
.side-title{font-size:13px;font-weight:700;padding:8px 10px 12px;border-bottom:1px solid #E6D8C6}
.side a{position:relative;display:flex;text-decoration:none;color:#6B5048;font-size:13px;padding:10px;border-radius:8px;align-items:center;justify-content:space-between}
.side a.active{color:var(--red);font-weight:700;background:#F6E9E4}
.side a.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:var(--red);border-radius:4px}
.side .indent{padding-left:24px;color:#8A7A68}
.side-note{font-size:11px;line-height:1.7;color:#9A8A78;padding:14px 10px 3px;border-top:1px dashed var(--line);margin-top:10px}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:4px 0 13px}
.section-head h2{margin:0;font-size:21px;font-family:STKaiti,"KaiTi",serif}
.section-head p{margin:0;color:var(--muted);font-size:12px}
.notice{background:#FFFDF8;border:1px solid #F0DFBE;border-left:4px solid var(--gold);padding:14px 16px;border-radius:9px;margin-bottom:18px;display:flex;gap:13px;font-size:13px}
.notice strong{color:#9C7128;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:23px}
.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:0 7px 18px rgba(126,34,56,.035);position:relative;overflow:hidden;min-height:176px}
.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--red),#C0525B)}
.card-num{font:31px Georgia,serif;color:#F5E9E0}
.card h3{font-size:16px;margin:8px 0}
.card p{font-size:12px;line-height:1.75;color:#6B5048;margin:0}
.card a{display:inline-block;margin-top:12px;text-decoration:none;color:var(--red);font-size:12px;font-weight:700}
.feature{display:grid;grid-template-columns:1.45fr .9fr;gap:16px;margin-bottom:22px}
.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 7px 18px rgba(126,34,56,.035);padding:21px}
.panel.tint{background:linear-gradient(140deg,#fff 12%,#F9EFE8)}
.panel .kicker{color:var(--red);font-weight:700;font-size:11px;letter-spacing:.5px}
.panel h3{font-size:18px;line-height:1.45;margin:8px 0}
.panel p{font-size:12.5px;line-height:1.85;color:#6B5048;margin:0}
.source{font-size:11px;color:#9A8A78;margin-top:14px}
.source:before{content:"来源：";color:#A6344E}
.stat{padding:10px 0;border-bottom:1px dashed #E6D8C6;display:flex;align-items:end;gap:9px}
.stat:last-child{border:0}
.stat b{font:26px Georgia,serif;color:var(--red);line-height:1}
.stat span{font-size:11px;color:#8A7A68;padding-bottom:2px}
.stat em{font-size:10px;font-style:normal;margin-left:auto;padding:3px 7px;background:#F6E9E4;color:#A6344E;border-radius:9px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:22px}
.list{padding:0;margin:0}
.list li{list-style:none;border-bottom:1px dashed #E6D8C6;padding:10px 0;font-size:12px;color:#6B5048;line-height:1.65}
.list li:last-child{border:0}
.list b{display:block;color:var(--ink);font-size:13px}
.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.chip{padding:10px;border-radius:10px;background:#F7F1E8;border:1px solid #E6D8C6}
.chip b{display:block;font-size:13px}
.chip span{display:block;color:#8A7A68;font-size:11px;margin-top:2px}
.ai-box{margin-top:5px;background:#4A1B22;color:white;border-radius:15px;padding:19px 22px;display:flex;align-items:center;gap:18px}
.ai-icon{border-radius:12px;background:#C99B45;color:#3A1B1E;width:39px;height:39px;display:grid;place-items:center;font-size:18px;font-weight:800}
.ai-box h3{font-size:15px;margin:0 0 3px}
.ai-box p{font-size:12px;color:#E8D4CC;margin:0}
.ai-box button{margin-left:auto;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:18px;padding:8px 13px;font-size:12px;white-space:nowrap}
footer{border-top:1px solid #E6D8C6;background:#F3ECE2;padding:22px 0;color:#8A7A68;font-size:11px}
.footer-in{display:flex;justify-content:space-between;gap:16px}
.footer-in b{color:#6B4A40}
.footer-in a{color:#8A7A68;text-decoration:none}
@media(max-width:1000px){.head-inner{gap:14px}
.search{display:none}
.layout{grid-template-columns:1fr}
.side{display:none}
.cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){.shell{padding:0 16px}
.top{display:none}
header{position:relative}
.head-inner{height:66px}
.brand{min-width:0}
.brand img{width:170px}
.brand-badge,nav{display:none}
.hero{padding-top:16px}
.hero-main{display:block}
.hero-copy{padding:27px 25px}
.hero h1{font-size:30px}
.hero-data{margin:0;padding:0 25px 24px;gap:18px}
.cards,.feature,.split,.chip-grid{grid-template-columns:1fr}
.ai-box{align-items:flex-start}
.ai-box button{display:none}
.footer-in{display:block}
.footer-in div+div{margin-top:6px}
}

/* ===== [WB] 2026-10-21 新增：头部搜索表单化 ===== */
form.search{display:flex;align-items:center;gap:2px;padding:5px 5px 5px 15px;cursor:text}
form.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#6B5B4A;font:12px "Microsoft YaHei"}
form.search input::placeholder{color:#9A8A78}
form.search button{border:0;background:transparent;color:#9A8A78;font-size:14px;cursor:pointer;padding:2px 6px}
