
/*
设计哲学：糖心vlog 采用“霓虹胶片新浪潮”。本 CSS 坚持深色电影感、胶片分镜、视频优先、品牌靠前、合规专业。所有视觉取舍都应强化“影视传媒公司 + 视频社区 + AI剪辑”的原创定位，而不是稀释为通用模板。
*/
:root{--ink:#fff7ee;--muted:#cbbdb6;--dim:#93827b;--bg:#0d0b10;--panel:#171119;--panel2:#211820;--line:rgba(255,255,255,.12);--peach:#ff7a66;--gold:#ffd16a;--cyan:#27d7ff;--green:#86efac;--shadow:0 24px 70px rgba(0,0,0,.44);--radius:28px;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(255,122,102,.18),transparent 32rem),radial-gradient(circle at 80% 20%,rgba(39,215,255,.13),transparent 30rem),linear-gradient(180deg,#100d14,#0b090d 55%,#130d12);color:var(--ink);font:16px/1.72 "Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(13,11,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;gap:22px}.brand-logo{display:flex;align-items:center;gap:12px;min-width:196px}.brand-logo img{width:176px;height:auto}.site-pic{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,209,106,.35);box-shadow:0 0 0 4px rgba(255,122,102,.08)}.links{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.links a{padding:9px 12px;border:1px solid transparent;border-radius:999px;color:#f3ded2;font-weight:700;font-size:14px}.links a:hover,.links a.active{border-color:rgba(255,209,106,.35);background:rgba(255,255,255,.07);color:#fff}.searchline{border-top:1px solid rgba(255,255,255,.06);padding:12px 0 18px}.fake-search{display:flex;gap:10px;align-items:center}.fake-search input{flex:1;min-width:0;border:1px solid rgba(255,209,106,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;padding:14px 16px;outline:none}.fake-search button,.btn{border:0;background:linear-gradient(135deg,var(--peach),var(--gold));color:#160b0c;border-radius:16px;padding:13px 18px;font-weight:900;box-shadow:0 14px 30px rgba(255,122,102,.18);cursor:pointer}.search-msg{color:var(--gold);font-size:13px;margin-top:8px;min-height:20px}.hero{position:relative;overflow:hidden;padding:68px 0 56px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(255,209,106,.28);border-radius:999px;color:var(--gold);background:rgba(255,255,255,.05);font-weight:900}.hero h1{font-size:clamp(40px,6vw,76px);line-height:1.04;margin:18px 0 18px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--peach);text-shadow:0 0 30px rgba(255,122,102,.35)}.lead{font-size:20px;color:#f1d6cb;max-width:760px}.hero-art{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14);min-height:420px}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,11,16,.22),transparent),linear-gradient(0deg,rgba(13,11,16,.45),transparent 38%)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:20px;padding:16px}.stat strong{display:block;font-size:24px;color:#fff}.stat span{color:var(--muted);font-size:13px}.film-note{position:absolute;right:22px;bottom:22px;z-index:2;background:rgba(13,11,16,.78);border:1px solid rgba(255,209,106,.3);border-radius:18px;padding:12px 14px;color:#ffe4c4;font-weight:900}.section{padding:64px 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border-block:1px solid rgba(255,255,255,.07)}.section-head{display:grid;grid-template-columns:.72fr 1fr;gap:24px;align-items:end;margin-bottom:28px}.kicker{color:var(--cyan);font-weight:900;letter-spacing:.08em}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:8px 0}.section h3{font-size:24px;margin:0 0 8px}.section h4{font-size:18px;margin:0 0 8px;color:#fff}.section h5,.section h6{font-size:15px;margin:0 0 6px;color:var(--gold)}.copy{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.video-card,.expert,.faq-item,.review,.contact-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 60px rgba(0,0,0,.18)}.card{padding:22px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:6px;background:repeating-linear-gradient(180deg,var(--gold) 0 8px,transparent 8px 16px);opacity:.65}.tag{display:inline-block;border:1px solid rgba(39,215,255,.3);color:#baf1ff;border-radius:999px;padding:4px 9px;font-size:12px;margin:3px 4px 0 0}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.video-card{overflow:hidden;position:relative}.poster{position:relative;aspect-ratio:16/10;background:#111;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}.poster video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.play{position:absolute;inset:auto 16px 16px auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--peach),var(--gold));color:#160b0c;font-weight:900;transform:scale(.82);opacity:.78;transition:.25s}.video-card:hover .play{transform:scale(1);opacity:1}.video-card:hover .poster img{transform:scale(1.06);transition:.45s}.video-body{padding:16px}.meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--dim);font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.media-frame{border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow)}.experts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expert{padding:18px}.avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--peach),var(--cyan));display:grid;place-items:center;color:#140d12;font-weight:900;margin-bottom:12px}.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini-actions a,.share button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;color:#fff;padding:7px 10px;font-size:12px;cursor:pointer}.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logo-wall{min-height:76px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);font-weight:900;color:#ffe4c4}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{position:relative;padding:22px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:24px}.step:before{counter-increment:step;content:"0"counter(step);display:block;color:var(--gold);font-weight:900;font-size:28px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:18px}.faq-item summary{cursor:pointer;font-weight:900;color:#fff}.faq-item p{color:var(--muted)}.reviews{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.review{padding:18px}.stars{color:var(--gold);letter-spacing:.08em}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.contact-card{padding:22px}.qr-row{display:flex;gap:18px;flex-wrap:wrap}.qr-row figure{margin:0}.qr-row img{width:132px;border-radius:18px;border:1px solid rgba(255,255,255,.14)}.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.breadcrumbs{padding:24px 0 0;color:var(--muted);font-size:14px}.breadcrumbs a{color:#ffe4c4}.page-hero{padding:48px 0 20px}.page-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:10px 0}.content-panel{padding:24px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:28px}.footer{padding:44px 0;background:#08070a;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.footer img.logo-foot{width:210px}.mcp-box{margin-top:14px;padding:14px;border:1px dashed rgba(39,215,255,.45);border-radius:18px;color:#baf1ff;background:rgba(39,215,255,.07)}.ad-safe{display:none}@media(max-width:960px){.hero-grid,.split,.section-head,.contact-grid,.footer-grid{grid-template-columns:1fr}.video-grid,.experts,.reviews{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.logos,.steps{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:320px}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.links{margin-left:0}.stat-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 24px,var(--max))}.cards,.video-grid,.experts,.reviews,.logos,.steps,.faq{grid-template-columns:1fr}.fake-search{flex-direction:column;align-items:stretch}.hero{padding-top:34px}.hero h1{letter-spacing:-1px}.section{padding:46px 0}.brand-logo img{width:146px}}
