/*
设计哲学：新民俗赛博浮世绘。自律挑战采用暗色幻想片场、朱砂印章、蜜桃金线与视频胶片式卡片，所有布局选择都应强化“内容解说公司 + 视频社区”的原创品牌氛围，避免模板化居中网格、紫色渐变与过度圆角。
*/
:root{
  --ink:#100d0c;
  --ink-2:#18110f;
  --ink-3:#231714;
  --cinnabar:#c8322b;
  --cinnabar-2:#7f201b;
  --gold:#d8a34d;
  --gold-soft:#ffcf7a;
  --ivory:#fff4d8;
  --mist:#c7b89b;
  --paper:#2c201a;
  --line:rgba(216,163,77,.34);
  --shadow:0 24px 70px rgba(0,0,0,.52);
  --font-title:KaiTi,STKaiti,"Songti SC","Noto Serif CJK SC",serif;
  --font-body:"Microsoft YaHei",PingFangSC-Regular,"Helvetica Neue",Arial,sans-serif;
  --font-num:"Courier New",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);}
body{margin:0;color:var(--ivory);font-family:var(--font-body);line-height:1.8;background:radial-gradient(circle at 75% 10%,rgba(200,50,43,.18),transparent 34%),linear-gradient(180deg,#100d0c 0%,#1a1110 46%,#0d0b0a 100%);}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:#120e0c;padding:10px;z-index:99}.skip-link:focus{left:0}
.site-shell{overflow:hidden;position:relative}.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 72%);z-index:0}.site-header{position:sticky;top:0;z-index:40;background:rgba(16,13,12,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.top-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px clamp(16px,4vw,56px);font-size:13px;color:var(--mist);border-bottom:1px solid rgba(216,163,77,.16)}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(16px,4vw,56px)}
.brand-link{display:flex;align-items:center;gap:13px;min-width:max-content}.site-icon{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 2px rgba(216,163,77,.45),0 0 28px rgba(200,50,43,.32)}.brand-logo{width:184px;height:auto}.nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.nav a{font-weight:700;color:#f4dec0;padding:9px 12px;border:1px solid transparent;transition:.22s}.nav a:hover,.nav a.active{border-color:rgba(216,163,77,.46);color:var(--gold-soft);background:rgba(216,163,77,.08)}
.search-bar{padding:0 clamp(16px,4vw,56px) 14px}.search-wrap{max-width:850px;display:flex;gap:0;border:1px solid rgba(216,163,77,.48);background:rgba(255,244,216,.06);box-shadow:0 14px 42px rgba(0,0,0,.28)}.search-wrap input{flex:1;background:transparent;border:0;color:var(--ivory);padding:13px 16px;outline:none}.search-wrap input::placeholder{color:#bfae91}.search-wrap button{border:0;background:linear-gradient(135deg,var(--cinnabar),#8f251f);color:#fff4d8;padding:0 22px;font-weight:800;letter-spacing:2px}.search-note{display:none;margin-top:8px;color:var(--gold-soft);font-size:13px}.search-note.show{display:block}.hero{position:relative;min-height:680px;display:grid;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,13,12,.94) 0%,rgba(16,13,12,.75) 38%,rgba(16,13,12,.22) 78%),linear-gradient(180deg,rgba(16,13,12,.18),#100d0c 96%);z-index:1}.hero-content{position:relative;z-index:2;width:min(820px,92vw);margin-left:clamp(18px,7vw,92px);padding:70px 0}.seal{display:inline-flex;align-items:center;gap:9px;color:var(--gold-soft);border:1px solid rgba(216,163,77,.52);background:rgba(16,13,12,.58);padding:7px 13px;font-size:14px;letter-spacing:2px}.seal:before{content:"";width:10px;height:10px;background:var(--cinnabar);box-shadow:0 0 18px var(--cinnabar)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);line-height:1.25;color:#fff1cc;margin:0 0 16px}h1{font-size:clamp(38px,6vw,78px);letter-spacing:4px;margin-top:22px}h2{font-size:clamp(30px,4vw,48px);letter-spacing:3px}h3{font-size:clamp(22px,2.8vw,30px);letter-spacing:2px}.hero p{font-size:18px;color:#e8d8bb;max-width:700px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid rgba(216,163,77,.5);color:#fff4d8;background:rgba(255,244,216,.06);transition:.22s;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--cinnabar),#7e1d19);border-color:#e17a4b}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.34)}.metrics-strip{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.metric{min-width:128px;padding:12px 14px;background:rgba(16,13,12,.68);border-left:3px solid var(--gold);box-shadow:var(--shadow)}.metric strong{display:block;font-family:var(--font-num);font-size:24px;color:var(--gold-soft)}.metric span{font-size:12px;color:var(--mist)}
.section{position:relative;z-index:1;padding:78px clamp(16px,4vw,56px)}.section.alt{background:linear-gradient(135deg,rgba(216,163,77,.07),rgba(200,50,43,.045));border-block:1px solid rgba(216,163,77,.16)}.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr);gap:28px;align-items:end;margin-bottom:34px}.section-kicker{color:var(--gold-soft);font-weight:800;letter-spacing:4px}.section-desc{color:#d8c6aa;margin:0}.breadcrumb{font-size:14px;color:#bfae91;margin-bottom:18px}.breadcrumb a{color:var(--gold-soft)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;background:linear-gradient(180deg,rgba(44,32,26,.92),rgba(20,14,12,.95));border:1px solid rgba(216,163,77,.28);box-shadow:0 18px 52px rgba(0,0,0,.28);padding:22px;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.72}.card h3,.card h4{color:#fff0cf}.card p{color:#d9c7ab;margin:0 0 12px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag{font-size:12px;color:#ffdf9e;background:rgba(216,163,77,.09);border:1px solid rgba(216,163,77,.28);padding:4px 8px}.video-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.video-feature{min-height:420px}.video-card{position:relative;border:1px solid rgba(216,163,77,.32);background:#140f0d;overflow:hidden;box-shadow:var(--shadow);transition:.24s}.video-card:hover{transform:translateY(-5px);border-color:rgba(255,207,122,.72)}.video-thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#241815,#0d0b0a)}.video-thumb img,.video-thumb video{width:100%;height:100%;object-fit:cover;opacity:.88;transition:.28s}.video-card:hover .video-thumb img,.video-card:hover .video-thumb video{opacity:.72;transform:scale(1.03)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);width:66px;height:66px;border-radius:50%;background:rgba(200,50,43,.86);border:2px solid var(--gold-soft);display:grid;place-items:center;opacity:0;transition:.22s;box-shadow:0 0 36px rgba(200,50,43,.62)}.play:before{content:"";border-left:18px solid #fff4d8;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-body{padding:18px}.video-meta{display:flex;gap:12px;flex-wrap:wrap;color:#d2bd9b;font-size:13px}.video-meta span{font-family:var(--font-num)}.columns-scroll{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:16px;overflow:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.columns-scroll .card{scroll-snap-align:start}.expert-card{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:start}.avatar{width:86px;height:86px;border-radius:4px;background:linear-gradient(135deg,var(--cinnabar),var(--gold));display:grid;place-items:center;font-family:var(--font-title);font-size:28px;color:#fff4d8;border:1px solid rgba(255,207,122,.58)}.expert-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.expert-links a{font-size:13px;padding:5px 9px;border:1px solid rgba(216,163,77,.42);color:var(--gold-soft)}.logo-wall{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px}.partner{min-height:78px;display:grid;place-items:center;border:1px solid rgba(216,163,77,.28);background:rgba(255,244,216,.055);font-weight:900;color:#f2d49b;letter-spacing:1px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.step{counter-increment:step}.step:before{content:"0" counter(step);font-family:var(--font-num);font-weight:900;font-size:30px;color:var(--cinnabar)}.faq-item{border:1px solid rgba(216,163,77,.25);background:rgba(16,13,12,.55);margin-bottom:12px}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:16px 18px;background:transparent;color:#fff0cf;border:0;font-weight:900}.faq-a{display:none;padding:0 18px 18px;color:#d8c6aa}.faq-item.open .faq-a{display:block}.review{display:flex;gap:14px}.review-mark{min-width:42px;height:42px;border-radius:50%;background:#311713;color:#ffcf7a;display:grid;place-items:center;border:1px solid rgba(216,163,77,.38);font-weight:900}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-photo{min-height:320px;object-fit:cover;width:100%;height:100%;border:1px solid rgba(216,163,77,.32)}.qr-row{display:flex;gap:18px;flex-wrap:wrap}.qr{width:126px;background:#fff4d8;padding:8px;border:1px solid var(--gold)}.share-list{display:flex;gap:10px;flex-wrap:wrap}.share-btn{border:1px solid rgba(216,163,77,.42);background:rgba(255,244,216,.07);color:#fff0cf;padding:9px 12px}.jzc3KpI{border:1px dashed rgba(216,163,77,.42);padding:14px;background:rgba(200,50,43,.08);color:#e3cda9}.site-footer{padding:44px clamp(16px,4vw,56px);background:#0b0908;border-top:1px solid var(--line);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px}.footer-logo{width:178px}.update-time{font-family:var(--font-num);color:var(--gold-soft)}.json-box{white-space:pre-wrap;background:rgba(0,0,0,.24);border:1px solid rgba(216,163,77,.22);padding:14px;color:#d6c3a7;font-size:13px;overflow:auto;max-height:240px}.article{max-width:980px}.article p{color:#decdb2}.media-band{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.notice{color:#f0c274;border-left:3px solid var(--cinnabar);padding-left:14px;background:rgba(200,50,43,.08)}
@media (max-width:980px){.brand-row{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.hero{min-height:640px}.section-head,.video-grid,.contact-panel,.media-band{grid-template-columns:1fr}.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr}}
@media (max-width:640px){.top-ribbon{display:none}.brand-logo{width:162px}.nav{gap:2px}.nav a{font-size:13px;padding:7px 8px}.hero{min-height:590px}.hero-content{margin-left:18px;padding:48px 0}.hero p{font-size:16px}.section{padding:58px 16px}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-card{grid-template-columns:1fr}.avatar{width:72px;height:72px}.columns-scroll{grid-template-columns:repeat(6,82vw)}.search-wrap{flex-direction:column}.search-wrap button{padding:10px}.metric{flex:1 1 42%}.qr{width:112px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 设计哲学补充：自律挑战视频标签与EEAT说明采用金线小印章形式，强化百度可读语义而不堆砌关键词。 */
.footer-note{font-size:13px;color:#cbb796;margin-top:10px}.video-card h2{font-family:var(--font-title);font-size:clamp(20px,2vw,28px);line-height:1.25;margin:0 0 10px;color:#fff0cf}.video-card h2:after{content:"";display:block;width:42px;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--cinnabar),var(--gold));opacity:.9}.contact-panel .json-box{margin-top:14px}.hero-bg{position:absolute;inset:0;background:url('/assets/images/hero-bg.jpg') center/cover no-repeat;filter:saturate(.92) contrast(1.04);z-index:0}.eyebrow{display:inline-flex;color:var(--gold-soft);border:1px solid rgba(216,163,77,.52);background:rgba(16,13,12,.58);padding:7px 13px;font-size:14px;letter-spacing:2px}.hero-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-stats div{min-width:128px;padding:12px 14px;background:rgba(16,13,12,.68);border-left:3px solid var(--gold);box-shadow:var(--shadow)}.hero-stats strong{display:block;font-family:var(--font-num);font-size:24px;color:var(--gold-soft)}.hero-stats span{font-size:12px;color:var(--mist)}
.steps-spaced{margin-top:24px}.R0t17EEC{margin-top:14px}