:root{
  --cream:#f6ead6;
  --paper:#efe0c2;
  --paper-deep:#e1c392;
  --brown:#4f3026;
  --brown-2:#7a4a34;
  --orange:#c97945;
  --red:#7d292c;
  --gray:#766f65;
  --shadow:0 22px 60px rgba(56,33,24,.20);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;background:radial-gradient(circle at 12% 0%,rgba(201,121,69,.18),transparent 30%),linear-gradient(180deg,var(--cream),#ead3a9 52%,#d8bb88);color:var(--brown);line-height:1.72;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background-image:linear-gradient(rgba(80,48,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,48,38,.025) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:10;background:rgba(246,234,214,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(79,48,38,.14);box-shadow:0 12px 32px rgba(79,48,38,.08)}
.header-inner{max-width:1220px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand-logo,.footer-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand-logo img{width:118px}.brand-logo span{font-size:1.28rem}.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.main-nav a{font-size:.95rem;padding:9px 13px;border-radius:999px;color:#59382c}.main-nav a:hover,.main-nav a:focus{background:rgba(125,41,44,.12);color:var(--red)}.nav-toggle{display:none;border:0;background:var(--brown);color:var(--cream);border-radius:999px;padding:9px 16px}
.search-shell{max-width:1000px;margin:0 auto 14px;padding:0 22px;display:grid;grid-template-columns:1fr auto;gap:10px}.search-shell input{width:100%;border:1px solid rgba(79,48,38,.22);background:rgba(255,247,229,.88);border-radius:999px;padding:15px 20px;color:var(--brown);box-shadow:inset 0 2px 12px rgba(79,48,38,.07)}.search-shell button,.cta,.ghost-cta{border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;transition:.25s transform,.25s box-shadow}.search-shell button,.cta{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff5df;box-shadow:0 12px 25px rgba(125,41,44,.24)}.search-shell button:hover,.cta:hover,.ghost-cta:hover{transform:translateY(-2px)}#fakeSearchHint{grid-column:1/-1;margin:0;font-size:.86rem;color:var(--gray)}
main{min-height:70vh}.hero{position:relative;min-height:78vh;display:grid;place-items:center;padding:80px 22px;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:22px;border:10px solid rgba(70,42,33,.72);border-radius:34px;box-shadow:inset 0 0 0 1px rgba(255,238,204,.45),inset 0 0 120px rgba(0,0,0,.55);z-index:-1}.hero-bg{position:absolute;inset:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:sepia(.35) saturate(.88) contrast(.95)}.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 22%,rgba(255,172,88,.24),transparent 28%),linear-gradient(90deg,rgba(43,25,20,.72),rgba(43,25,20,.28),rgba(43,25,20,.68))}.hero-content{max-width:980px;text-align:center;color:#fff1d2;text-shadow:0 3px 20px rgba(0,0,0,.48)}.eyebrow{display:inline-block;padding:7px 15px;border:1px solid rgba(255,235,196,.55);border-radius:999px;background:rgba(73,43,32,.36);letter-spacing:.18em}.hero h1{font-size:clamp(2.4rem,7vw,5.9rem);line-height:1.05;margin:22px 0 18px}.hero p{font-size:clamp(1rem,2vw,1.35rem);max-width:760px;margin:0 auto 30px}.hero-actions,.section-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.ghost-cta{background:rgba(255,242,211,.16);border:1px solid rgba(255,238,204,.55);color:#fff2d3}.domain-pill{margin-top:26px;display:inline-flex;padding:9px 16px;border-radius:999px;background:rgba(30,18,15,.48);color:#ffe9bd}
.section{max-width:1220px;margin:auto;padding:74px 22px}.section-header{margin-bottom:28px;display:grid;gap:10px}.section-header.center{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.section-header h2{font-size:clamp(1.9rem,4vw,3.35rem);line-height:1.16;margin:0;color:#553227}.section-header p{margin:0;color:#6e5548}.kicker{font-weight:900;color:var(--red);letter-spacing:.18em;text-transform:uppercase}.grid{display:grid;gap:22px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.story-card,.filter-card,.creator-card,.review-card,.faq-item,.contact-card{background:rgba(255,246,226,.72);border:1px solid rgba(79,48,38,.16);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-body,.story-card,.filter-card,.creator-card,.review-card,.faq-item,.contact-card{padding:24px}.video-card{position:relative;background:rgba(255,246,226,.74);border:1px solid rgba(79,48,38,.18);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);transform:translateZ(0)}.video-frame{position:relative;aspect-ratio:16/10;background:#3b251e;overflow:hidden}.video-frame img,.demo-video{width:100%;height:100%;object-fit:cover;filter:sepia(.25) saturate(.88);transition:transform .45s ease,filter .45s ease}.demo-video{position:absolute;inset:0;opacity:.01;z-index:0}.video-frame img{position:relative;z-index:1}.video-frame:before{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(circle at center,transparent 48%,rgba(28,16,12,.70)),repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);opacity:.36;mix-blend-mode:multiply;pointer-events:none}.video-frame:after{content:"";position:absolute;inset:-30%;z-index:4;background:linear-gradient(100deg,transparent 35%,rgba(255,198,114,.36) 47%,transparent 58%);opacity:0;transform:translateX(-40%);transition:.55s ease;pointer-events:none}.video-card:hover .video-frame:after{opacity:1;transform:translateX(38%)}.video-card:hover .video-frame:before{animation:grainJitter .45s steps(3,end) infinite;opacity:.55}.video-card:hover img{transform:scale(1.06);filter:sepia(.48) saturate(1.04) contrast(1.06)}@keyframes grainJitter{0%{transform:translate(0,0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(1px,1px)}100%{transform:translate(0,0)}}.play-button{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,239,208,.7);background:rgba(78,44,31,.66);color:#fff1d2;font-size:1.65rem;display:grid;place-items:center;opacity:.82;transition:.3s}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 45px rgba(255,184,105,.55)}.film-label{position:absolute;left:16px;top:16px;z-index:5;background:rgba(45,27,22,.72);color:#ffe9bf;border-radius:999px;padding:6px 11px;font-size:.8rem}.video-body{padding:22px}.video-body h3{margin:0 0 8px;font-size:1.24rem;line-height:1.35}.video-body p{margin:0 0 14px;color:#665044}.tag-row,.metrics{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{font-size:.78rem;background:rgba(125,41,44,.10);border:1px solid rgba(125,41,44,.15);padding:5px 9px;border-radius:999px}.metrics{justify-content:space-between;color:#7d5944;font-size:.9rem;border-top:1px dashed rgba(79,48,38,.22);padding-top:13px;margin-top:13px}.film-wall{columns:3 260px;column-gap:22px}.film-wall figure{break-inside:avoid;margin:0 0 22px;border:10px solid #f5e7c9;border-bottom-width:42px;background:#f5e7c9;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.film-wall img{filter:sepia(.38) saturate(.88);width:100%}.film-wall figcaption{font-size:.92rem;margin-top:10px}.story-card img{border-radius:20px;margin-bottom:18px}.filter-card h3,.creator-card h3,.review-card h3,.faq-item h3,.contact-card h3{margin:0 0 8px}.filter-card{position:relative;overflow:hidden}.filter-card:before{content:"";position:absolute;right:-50px;top:-50px;width:140px;height:140px;border-radius:50%;background:rgba(201,121,69,.18)}.creator-card{display:grid;gap:12px}.creator-avatar{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,var(--paper),var(--orange));border:4px solid rgba(79,48,38,.16)}.review-card blockquote{margin:0;color:#5e4439}.partner-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.partner-wall figure{margin:0;background:rgba(255,246,226,.68);border:1px solid rgba(79,48,38,.15);border-radius:20px;padding:12px;box-shadow:0 10px 25px rgba(79,48,38,.09)}.partner-wall img{border-radius:14px}.faq-list{display:grid;gap:14px}.faq-item summary{cursor:pointer;font-weight:900;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.qr-row{display:flex;gap:16px;flex-wrap:wrap}.qr-row figure{margin:0}.qr-row img{border-radius:18px;border:8px solid rgba(255,244,222,.75)}.site-footer{margin-top:70px;background:#3f251f;color:#fbe9c3;padding:54px 22px 24px}.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-logo img{width:140px}.site-footer h2{font-size:1.1rem}.domain-line strong,.update-time{color:#ffd191}.copyright{max-width:1220px;margin:26px auto 0;padding-top:20px;border-top:1px solid rgba(255,233,194,.2);font-size:.92rem;color:#e3c89a}.breadcrumb{max-width:1220px;margin:26px auto 0;padding:0 22px;color:#765847}.page-hero{max-width:1220px;margin:0 auto;padding:62px 22px 16px}.page-hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.1;margin:0 0 16px}.notice-box{padding:18px 20px;border-radius:22px;background:rgba(125,41,44,.09);border:1px solid rgba(125,41,44,.15)}
@media (max-width:980px){.grid-4,.grid-3,.grid-2,.footer-grid,.contact-grid{grid-template-columns:1fr 1fr}.partner-wall{grid-template-columns:repeat(3,1fr)}.main-nav{display:none;width:100%;padding:10px 0}.main-nav.is-open{display:flex}.nav-toggle{display:block}.header-inner{flex-wrap:wrap}.brand-logo span{font-size:1rem}}
@media (max-width:640px){.search-shell{grid-template-columns:1fr}.grid-4,.grid-3,.grid-2,.footer-grid,.contact-grid{grid-template-columns:1fr}.partner-wall{grid-template-columns:1fr 1fr}.hero{min-height:72vh}.hero:before{inset:10px;border-width:6px}.section{padding:52px 16px}.metrics{display:grid;gap:6px}.site-header{position:relative}}