:root { --ivory:#fff8ef; --paper:#fffefa; --green:#443026; --ink:#33251f; --clay:#b84b23; --brass:#b75c30; --muted:#786458; --line:#e8d6c5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ivory); color:var(--green); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; }
.topbar { min-height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; }
.brand img { width:42px; height:42px; border-radius:10px; }
.brand .brand-logo { width:146px; height:auto; border-radius:0; }
.brand-section { display:block; padding-left:14px; border-left:1px solid #c77951; color:#98502f; font-size:13px; font-weight:700; line-height:24px; letter-spacing:.08em; white-space:nowrap; }
.brand strong { display:block; font-size:18px; }
.brand small { display:block; margin-top:4px; color:var(--clay); font:700 9px/1 Georgia,serif; letter-spacing:.2em; }
.back { padding:10px 0; color:var(--muted); font-size:14px; font-weight:700; }
.hero { padding:88px 0 68px; display:grid; grid-template-columns:1.1fr .9fr; gap:72px; align-items:end; }
.eyebrow,.section-no { margin:0 0 22px; color:var(--clay); font:700 12px/1 Georgia,serif; letter-spacing:.14em; }
.hero h1 { max-width:720px; margin:0; font-size:clamp(38px,5vw,62px); line-height:1.16; letter-spacing:-.045em; }
.lead { margin:26px 0 0; color:#715b4f; font-size:18px; line-height:1.95; }
.hero-note { padding:28px 30px; border-left:3px solid var(--brass); background:rgba(255,253,250,.76); box-shadow:0 18px 44px rgba(68,48,38,.07); }
.hero-note strong { display:block; margin-bottom:10px; color:var(--clay); font-size:14px; }
.hero-note p { margin:0; color:var(--muted); font-size:15px; line-height:1.8; }
.pain { padding:66px 0; background:var(--green); color:var(--paper); }
.pain-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; }
.pain .section-no { color:#ddba77; }
.pain h2,.evidence-copy h2 { margin:0; font-size:clamp(30px,3.4vw,42px); line-height:1.28; letter-spacing:-.035em; }
.pain-list { margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; list-style:none; }
.pain-list li { min-height:118px; padding:24px 25px 22px 46px; position:relative; display:flex; align-items:center; border:1px solid rgba(251,248,242,.16); border-radius:8px; background:rgba(251,248,242,.055); color:rgba(251,248,242,.78); font-size:16px; line-height:1.7; }
.pain-list li::before { content:""; width:7px; height:7px; position:absolute; left:26px; top:35px; border-radius:50%; background:var(--clay); box-shadow:0 0 0 6px rgba(173,73,53,.13); }
.evidence { padding:96px 0; }
.evidence-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:76px; align-items:center; }
.evidence-copy>p:not(.section-no) { margin:24px 0 0; color:var(--muted); font-size:17px; line-height:1.95; }
.ability-list { margin:30px 0 0; padding:26px 0 0; display:grid; gap:14px; border-top:1px solid var(--line); list-style:none; }
.ability-list li { padding-left:24px; position:relative; color:#664a3b; font-size:16px; line-height:1.6; font-weight:700; }
.ability-list li::before { content:"✓"; position:absolute; left:0; color:var(--clay); }
.evidence-card { margin:0; padding:18px; position:relative; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--paper); box-shadow:0 28px 70px rgba(68,48,38,.12); }
.evidence-card::before { content:"仅公开必要片段"; position:absolute; left:34px; top:34px; z-index:2; padding:8px 12px; border-radius:999px; background:rgba(16,24,38,.82); color:#f4d79d; font-size:11px; font-weight:800; letter-spacing:.08em; }
.evidence-card img { width:100%; height:auto; border-radius:10px; }
.evidence-card figcaption { padding:18px 4px 2px; color:var(--muted); font-size:13px; line-height:1.75; }
.privacy { padding:64px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#f3deca; }
.privacy-inner { display:grid; grid-template-columns:1fr 1.25fr; gap:70px; align-items:center; }
.privacy h2 { margin:0; font-size:28px; line-height:1.45; }
.privacy p { margin:14px 0 0; color:var(--muted); font-size:15px; line-height:1.8; }
.redacted-lines { padding:28px; border-radius:12px; background:rgba(255,253,250,.75); box-shadow:inset 0 0 0 1px rgba(68,48,38,.1); }
.redacted-lines i { height:14px; margin:13px 0; display:block; border-radius:4px; background:linear-gradient(90deg,rgba(16,24,38,.78) 0 28%,rgba(16,24,38,.18) 28% 48%,rgba(16,24,38,.72) 48% 82%,transparent 82%); filter:blur(2px); }
.redacted-lines i:nth-child(2) { width:88%; }
.redacted-lines i:nth-child(3) { width:72%; }
.cta { padding:90px 0 104px; text-align:center; }
.cta p { margin:0 0 18px; color:var(--clay); font:700 12px/1 Georgia,serif; letter-spacing:.14em; }
.cta h2 { max-width:760px; margin:0 auto; font-size:clamp(32px,4vw,48px); line-height:1.32; letter-spacing:-.04em; }
.cta span { max-width:680px; margin:22px auto 30px; display:block; color:var(--muted); font-size:16px; line-height:1.85; }
.button { min-height:50px; padding:0 28px; display:inline-flex; align-items:center; gap:16px; border-radius:999px; background:var(--green); color:var(--paper); font-size:15px; font-weight:800; }
.footer { min-height:74px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
@media (max-width:820px) { .hero,.pain-grid,.evidence-grid,.privacy-inner { grid-template-columns:1fr; gap:36px; } .hero { padding-top:60px; } .pain-list { grid-template-columns:1fr; } }
@media (max-width:560px) { .shell { width:min(100% - 30px,1120px); } .topbar { min-height:70px; } .brand .brand-logo { width:124px; } .brand-section { padding-left:10px; font-size:12px; } .hero { padding:48px 0 52px; } .hero h1 { font-size:35px; } .lead { font-size:16px; } .pain,.evidence,.cta { padding:58px 0; } .hero-note,.pain-list li,.redacted-lines { padding-left:22px; padding-right:22px; } .pain-list li { min-height:96px; padding-left:42px; } .pain-list li::before { left:22px; } .evidence-card { padding:10px; } .evidence-card::before { left:22px; top:22px; } .footer { min-height:90px; flex-direction:column; justify-content:center; gap:8px; } }
@media (max-width:410px) { .brand-section { display:none; } }