
:root{--ink:#12110f;--paper:#f4eadc;--paper2:#fffaf1;--muted:#7b7167;--brown:#4b3326;--brown2:#2a211c;--green:#51624a;--gold:#b79655;--line:rgba(244,234,220,.18);--shadow:0 24px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Serif SC","Songti SC",serif;background:#161411;color:var(--paper);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(18,17,15,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,234,220,.12)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}.logo-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif}.nav-links{display:flex;gap:22px;align-items:center;font-size:15px;color:#e8dccb}.nav-links a{opacity:.86}.nav-links a:hover{opacity:1;color:var(--gold)}.menu-btn{display:none;background:none;border:1px solid rgba(244,234,220,.25);color:var(--paper);border-radius:999px;padding:8px 12px}.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 15% 35%,rgba(183,150,85,.18),transparent 28%),linear-gradient(110deg,#100f0e 0%,#201711 52%,#0e0d0b 100%)}.hero:before{content:"";position:absolute;inset:0;background:url('/assets/img/hero-documentary.svg') center/cover no-repeat;opacity:.56}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,17,15,.93) 0%,rgba(18,17,15,.55) 46%,rgba(18,17,15,.2) 100%)}.hero .container{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:14px;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:1px;background:var(--gold)}h1{font-size:clamp(40px,6vw,86px);line-height:1.08;margin:20px 0 18px;max-width:860px;font-weight:800}.lead{font-size:clamp(17px,2vw,22px);color:#e5d6c4;max-width:760px}.hero-actions,.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;background:var(--paper);color:var(--ink);font-weight:700;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--paper);border-color:rgba(244,234,220,.35)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px;max-width:760px}.stat{border:1px solid rgba(244,234,220,.16);background:rgba(244,234,220,.07);padding:18px;border-radius:22px}.stat strong{display:block;font-size:28px;color:#fff}.stat span{color:#d5c6b5;font-size:14px}.section{padding:88px 0}.section.light{background:var(--paper);color:var(--ink)}.section.soft{background:#201914}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px}.section-head h2{font-size:clamp(28px,4vw,48px);line-height:1.18;margin:0}.section-head p{margin:0;max-width:590px;color:var(--muted)}.dark .section-head p,.soft .section-head p{color:#d8caba}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid rgba(244,234,220,.14);background:rgba(244,234,220,.055);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.light .card{background:#fff8ec;border-color:#e1d2bf;box-shadow:0 18px 40px rgba(44,30,20,.09)}.card-body{padding:24px}.card h3{font-size:22px;margin:0 0 10px}.card p{margin:0;color:#d8caba}.light .card p{color:#64584c}.thumb{height:210px;background:#2a211c;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.tag{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid rgba(183,150,85,.45);color:var(--gold);background:rgba(183,150,85,.08)}.video-card .thumb:after{content:"播放";position:absolute;left:20px;bottom:18px;border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:999px;padding:8px 14px;background:rgba(0,0,0,.26)}.story-card{display:grid;grid-template-columns:42% 1fr;min-height:300px}.story-card .thumb{height:auto}.quote{font-size:28px;line-height:1.45;color:#fff8e8;margin:0}.light .quote{color:#241d19}.timeline{position:relative;display:grid;gap:18px}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:rgba(183,150,85,.35)}.time-item{position:relative;padding-left:60px}.time-item:before{content:"";position:absolute;left:10px;top:9px;width:21px;height:21px;border-radius:50%;border:1px solid var(--gold);background:#201914}.time-item h3{margin:0 0 6px}.time-item p{margin:0;color:#d8caba}.light .time-item p{color:#64584c}.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.feature-panel{border:1px solid rgba(244,234,220,.15);border-radius:34px;padding:34px;background:rgba(255,250,241,.06)}.light .feature-panel{background:#fff8ec;border-color:#decfbd}.list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.list li{padding:14px 16px;border-radius:18px;background:rgba(244,234,220,.07);border:1px solid rgba(244,234,220,.11)}.light .list li{background:#fff9ef;border-color:#e7d8c5}.faq{display:grid;gap:14px}.faq details{background:rgba(244,234,220,.07);border:1px solid rgba(244,234,220,.13);border-radius:20px;padding:18px}.light .faq details{background:#fff9ef;border-color:#e3d4c2}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:10px 0 0;color:#d8caba}.light .faq p{color:#64584c}.page-hero{padding:100px 0 64px;background:linear-gradient(135deg,#12110f,#2a211c);border-bottom:1px solid rgba(244,234,220,.12)}.page-hero h1{font-size:clamp(36px,5vw,64px)}.breadcrumb{color:#cdbb9d;font-size:14px}.table-like{display:grid;gap:12px}.row{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:18px;border-radius:20px;background:rgba(244,234,220,.07);border:1px solid rgba(244,234,220,.13)}.light .row{background:#fff9ef;border-color:#e3d4c2}.row strong{color:var(--gold)}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:28px}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid #d8c7b1;background:#fffaf1;border-radius:16px;padding:14px;font:inherit;color:#241d19}.form textarea{min-height:150px}.site-footer{padding:46px 0;background:#0d0c0b;border-top:1px solid rgba(244,234,220,.12);color:#cfc0ae}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-grid h3{color:#fff;margin-top:0}.footer-grid a{display:block;margin:6px 0;color:#cfc0ae}.copyright{margin-top:28px;padding-top:20px;border-top:1px solid rgba(244,234,220,.1);font-size:14px;color:#a99c8e}.video-meta{display:flex;justify-content:space-between;color:#b8aa99;font-size:13px;margin-top:12px}.domain-chip{display:inline-flex;border:1px solid rgba(183,150,85,.45);border-radius:999px;padding:9px 14px;color:var(--gold);background:rgba(183,150,85,.08);word-break:break-all}.article-list{display:grid;gap:18px}.article-item{display:grid;grid-template-columns:180px 1fr;gap:18px;border:1px solid rgba(244,234,220,.13);background:rgba(244,234,220,.06);border-radius:24px;padding:14px}.light .article-item{background:#fff9ef;border-color:#e3d4c2}.article-item img{height:130px;width:100%;object-fit:cover;border-radius:18px}.article-item h3{margin:0 0 8px}.article-item p{margin:0;color:#d8caba}.light .article-item p{color:#64584c}@media (max-width:900px){.nav-links{display:none;position:absolute;left:4vw;right:4vw;top:72px;background:#171410;border:1px solid rgba(244,234,220,.16);border-radius:20px;padding:18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.stats,.grid-3,.grid-2,.footer-grid,.contact-box,.feature{grid-template-columns:1fr}.story-card{grid-template-columns:1fr}.story-card .thumb{height:240px}.section-head{display:block}.hero{min-height:680px}.row{grid-template-columns:1fr}.article-item{grid-template-columns:1fr}.article-item img{height:210px}}@media (max-width:560px){.nav{height:66px}.hero{min-height:620px}.section{padding:62px 0}.stats{gap:10px}.stat{padding:14px}.stat strong{font-size:22px}.thumb{height:190px}.card-body{padding:20px}}
