/*
Design reminder for this file: 糖心vlog采用“胶片新浪潮与东亚都市夜景混合美学”。本CSS必须强化黑曜蓝、蜜糖橙、柔雾粉、片场米白、胶片齿孔、场记板标题条、错位片场分镜和视频社区互动，不使用泛化紫色渐变、过度居中或模板化布局。
*/
:root{
  --ink:#070a1f;
  --ink-2:#111a3e;
  --honey:#ffb15f;
  --honey-2:#ff8a58;
  --rose:#e86f90;
  --cream:#fff5e4;
  --paper:#f7ead6;
  --muted:#b7bad2;
  --line:rgba(255,255,255,.16);
  --shadow:0 24px 80px rgba(4,7,25,.35);
  --radius:28px;
  --body-font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(232,111,144,.22),transparent 28%),linear-gradient(135deg,#070a1f 0%,#111a3e 52%,#1e1124 100%);color:var(--cream);font-family:var(--body-font);line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--honey);color:var(--ink);padding:.7rem 1rem;border-radius:999px;z-index:99}.skip-link:focus{left:1rem}.site-header{position:relative;z-index:5;padding:18px clamp(18px,4vw,64px) 0}.nav-shell{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 18px;border:1px solid var(--line);background:rgba(7,10,31,.72);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-icon{border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 10px 26px rgba(255,138,88,.28)}.brand-lockup strong{display:block;font-size:1.16rem;letter-spacing:.08em}.brand-lockup em{display:block;font-style:normal;font-size:.78rem;color:var(--muted);margin-top:-4px}.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:.94rem;color:#f9dfc0;padding:9px 12px;border-radius:999px;transition:.25s ease}.nav-links a:hover{background:rgba(255,177,95,.15);color:#fff}.nav-toggle{display:none;background:transparent;color:var(--cream);border:1px solid var(--line);border-radius:14px;padding:7px 11px}.search-band{max-width:1120px;margin:16px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.fake-search{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:8px;align-items:center;background:rgba(255,245,228,.08);border:1px solid var(--line);padding:10px;border-radius:20px}.fake-search label{font-weight:700;color:var(--honey);white-space:nowrap}.fake-search input{width:100%;border:0;outline:0;background:rgba(0,0,0,.25);color:#fff;border-radius:14px;padding:12px 14px}.fake-search input::placeholder{color:#aaaeca}.fake-search button,.btn-primary,.btn-secondary,.share-panel button{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.25s ease}.fake-search button,.btn-primary{background:linear-gradient(135deg,var(--honey),var(--honey-2));color:#25110a;box-shadow:0 14px 36px rgba(255,138,88,.24)}.btn-secondary{border:1px solid rgba(255,255,255,.22);color:var(--cream);background:rgba(255,255,255,.08)}.fake-search button:hover,.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn-secondary:hover,.share-panel button:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.search-hint{font-size:.9rem;color:var(--muted);margin:0}.hero{max-width:1360px;margin:42px auto 0;padding:0 clamp(18px,4vw,64px) 56px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr);gap:36px;align-items:center}.section-sprocket{position:relative}.section-sprocket:before{content:"";position:absolute;inset:auto 0 0 0;height:18px;opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 18px,var(--honey) 18px 30px,transparent 30px 54px);pointer-events:none}.breadcrumb,.eyebrow{margin:0 0 10px;color:#ffd4ad;font-weight:700;letter-spacing:.04em}.eyebrow{display:inline-block;border:1px solid rgba(255,177,95,.35);padding:5px 10px;border-radius:999px;background:rgba(255,177,95,.08)}h1,h2,h3,h4,h5,h6{line-height:1.18;margin:0 0 16px;letter-spacing:-.02em}h1{font-size:clamp(2.35rem,6vw,5.9rem);max-width:10ch;text-shadow:0 22px 50px rgba(0,0,0,.3)}.hero-lead,.section-heading p,.contact-copy p,.inner-hero p{color:#ddd8d8;font-size:1.05rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.hero-stats div,.matrix-grid article,.expert-grid article,.review-grid blockquote,.inner-content article,.faq details{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:var(--radius);padding:18px;box-shadow:0 16px 60px rgba(0,0,0,.16)}.hero-stats dt{color:var(--muted);font-size:.86rem}.hero-stats dd{margin:0;color:#fff;font-size:1.42rem;font-weight:900}.video-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.18);background:#0a0e2d;box-shadow:var(--shadow);isolation:isolate}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(7,10,31,.88));z-index:1;pointer-events:none}.video-card img,.video-card video{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.video-card video{position:absolute;inset:0;opacity:0}.video-card:hover img{transform:scale(1.045)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,177,95,.9);color:#170b07;font-size:1.4rem;z-index:3;opacity:0;box-shadow:0 18px 45px rgba(255,138,88,.38);transition:.28s ease}.video-card:hover .play-button,.video-card.is-hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-meta,.card-copy{position:absolute;left:20px;right:20px;bottom:20px;z-index:2}.video-meta span,.card-copy span,.tagline{display:inline-block;color:#25110a;background:linear-gradient(135deg,var(--honey),#ffd8a7);font-weight:900;padding:4px 9px;border-radius:999px;font-size:.78rem}.video-meta strong{display:block;margin-top:8px;color:#fff}.card-copy h3{font-size:1.08rem;margin:10px 0 6px}.card-copy p,.card-copy small{display:block;margin:0 0 8px;color:#e8e2df}.ticker{max-width:1120px;margin:0 auto 72px;padding:24px clamp(18px,4vw,36px);display:grid;grid-template-columns:.42fr 1fr;gap:22px;align-items:center;background:linear-gradient(135deg,rgba(255,177,95,.18),rgba(232,111,144,.09));border-top:1px solid rgba(255,177,95,.32);border-bottom:1px solid rgba(255,177,95,.18)}.ticker h2{color:var(--honey);margin:0}.ticker p{margin:0;color:#f8e8d5}.content-matrix,.video-lane,.experts,.howto,.faq,.reviews,.contact,.inner-content{max-width:1360px;margin:0 auto 86px;padding:0 clamp(18px,4vw,64px)}.section-heading{max-width:900px;margin-bottom:26px}.slate-title{position:relative;padding-left:20px}.slate-title:before{content:"";position:absolute;left:0;top:6px;bottom:10px;width:6px;background:linear-gradient(var(--honey),var(--rose));border-radius:999px}.matrix-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.matrix-grid article:nth-child(2),.matrix-grid article:nth-child(3){transform:translateY(24px)}.matrix-grid h3,.expert-grid h3,.inner-content h2{color:#fff}.matrix-grid span{color:var(--honey);font-weight:800}.video-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.video-grid .video-card{min-height:450px}.video-grid .video-card:nth-child(2),.video-grid .video-card:nth-child(3){min-height:360px}.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expert-grid article{position:relative}.expert-grid article:before{content:"CLAP";position:absolute;right:18px;top:14px;color:rgba(255,177,95,.2);font-weight:900;letter-spacing:.12em}.expert-grid a{display:inline-block;margin-right:8px;margin-top:10px;color:#ffd3a3;border-bottom:1px solid currentColor}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}.logo-wall span{border:1px solid var(--line);border-radius:18px;padding:18px 10px;text-align:center;background:rgba(255,255,255,.07);font-weight:900;color:#ffe0bc}.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps li{position:relative;padding:22px;border-radius:var(--radius);background:var(--paper);color:#211515}.steps li:before{counter-increment:s;content:"0" counter(s);display:block;font-size:2.2rem;font-weight:900;color:var(--rose);line-height:1}.steps p{margin:.4rem 0 0}.faq details{margin-bottom:12px}.faq summary{cursor:pointer;font-weight:900;color:#fff}.faq p{color:#ddd8d8}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-grid blockquote{margin:0}.review-grid p{margin:0 0 12px}.review-grid cite{color:var(--honey);font-style:normal;font-weight:900}.contact{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;align-items:start}.contact-copy{padding:28px;border-radius:var(--radius);background:rgba(255,245,228,.08);border:1px solid var(--line)}.contact-media>img{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.qr-row{display:flex;gap:16px;margin-top:16px}.qr-row figure{margin:0;flex:1;background:#fff5e4;color:#211515;border-radius:22px;padding:14px;text-align:center;font-weight:900}.qr-row img{border-radius:14px;margin:auto}.site-footer{padding:42px clamp(18px,4vw,64px);background:#040616;border-top:1px solid var(--line)}.footer-brand{max-width:1360px;margin:0 auto 22px;display:flex;align-items:center;gap:18px}.footer-brand img{border-radius:26px;max-width:86px}.footer-brand h2{margin:0}.share-panel{max-width:1360px;margin:0 auto 18px;display:flex;gap:10px;flex-wrap:wrap}.share-panel button{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff}.site-footer>p{max-width:1360px;margin:0 auto;color:var(--muted)}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);background:#fff5e4;color:#20120a;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 20px 50px rgba(0,0,0,.26);opacity:0;pointer-events:none;transition:.28s ease;z-index:20}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.inner-header{padding-bottom:8px}.inner-main{padding-top:24px}.inner-hero{max-width:1360px;margin:0 auto 76px;padding:0 clamp(18px,4vw,64px) 56px;display:grid;grid-template-columns:1fr .82fr;gap:30px;align-items:center}.inner-hero h1{max-width:12ch;font-size:clamp(2.1rem,5vw,4.8rem)}.inner-card{min-height:360px}.inner-content{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inner-content article{background:var(--paper);color:#231711}.inner-content article p{color:#3a2a24}.compact{max-width:960px}.compact h2{margin-bottom:18px}
@media (max-width:1080px){.hero,.inner-hero,.contact{grid-template-columns:1fr}.video-grid,.expert-grid,.review-grid{grid-template-columns:1fr 1fr}.steps,.logo-wall{grid-template-columns:1fr 1fr}.matrix-grid,.inner-content{grid-template-columns:1fr}.matrix-grid article:nth-child(2),.matrix-grid article:nth-child(3){transform:none}.search-band{grid-template-columns:1fr}.ticker{grid-template-columns:1fr}.hero h1{max-width:12ch}}
@media (max-width:760px){body{background:#070a1f}.nav-shell{align-items:flex-start}.nav-toggle{display:block}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding-top:12px}.nav-links.open{display:flex}.nav-shell{flex-wrap:wrap}.nav-links a{background:rgba(255,255,255,.06)}.fake-search{grid-template-columns:1fr}.fake-search label{white-space:normal}.hero{margin-top:28px;padding-bottom:42px}.hero-stats,.video-grid,.expert-grid,.review-grid,.steps,.logo-wall,.inner-content{grid-template-columns:1fr}.video-grid .video-card,.video-grid .video-card:nth-child(2),.video-grid .video-card:nth-child(3){min-height:430px}.hero-actions{flex-direction:column}.hero-actions a{text-align:center}.qr-row{flex-direction:column}.footer-brand{align-items:flex-start}.play-button{opacity:1;width:60px;height:60px}h1{font-size:2.4rem}.card-copy{left:14px;right:14px;bottom:14px}.content-matrix,.video-lane,.experts,.howto,.faq,.reviews,.contact,.inner-content{margin-bottom:58px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 糖心vlog 胶片新浪潮与东亚都市夜景混合美学：EEAT编辑审核模块样式，延续黑曜蓝、蜜糖橙、柔雾粉与片场米白的品牌体系。 */
.trust-note {
  position: relative;
  margin: clamp(3rem, 6vw, 6rem) auto;
  padding: clamp(1.35rem, 3vw, 2.4rem);
  border: 1px solid rgba(255, 190, 122, 0.28);
  background:
    linear-gradient(135deg, rgba(255, 232, 212, 0.92), rgba(255, 247, 236, 0.78)),
    radial-gradient(circle at 12% 18%, rgba(255, 116, 161, 0.18), transparent 38%);
  box-shadow: 0 24px 70px rgba(16, 26, 45, 0.12);
  clip-path: polygon(0 0, calc(100% - 1.6rem) 0, 100% 1.6rem, 100% 100%, 1.6rem 100%, 0 calc(100% - 1.6rem));
}
.trust-note.compact {
  margin: 2.2rem 0;
  padding: 1.2rem 1.4rem;
}
.trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.4rem);
  margin-top: 1.4rem;
}
.trust-grid article {
  padding: 1.1rem;
  border: 1px solid rgba(10, 20, 36, 0.1);
  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(12px);
}
.trust-grid h3,
.trust-note.compact h2 {
  color: #152238;
  letter-spacing: -0.02em;
}
.trust-grid p,
.trust-note.compact p {
  color: rgba(21, 34, 56, 0.78);
}
@media (max-width: 760px) {
  .trust-grid { grid-template-columns: 1fr; }
  .trust-note { clip-path: none; }
}