:root{--cream:#f7ecd7;--paper:#efe0bd;--sepia:#70472f;--coffee:#38291f;--orange:#c97943;--red:#8e3f39;--ash:#8b8376;--line:rgba(74,45,30,.18);--shadow:0 26px 80px rgba(56,41,31,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;color:var(--coffee);background:radial-gradient(circle at top left,rgba(201,121,67,.18),transparent 32rem),linear-gradient(180deg,#f9efd9,#ead6ad 60%,#ddc08d);line-height:1.75}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(72,45,30,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(72,45,30,.035) 1px,transparent 1px);background-size:28px 28px;mix-blend-mode:multiply;z-index:5}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(56,41,31,.98),rgba(112,71,47,.94)),url('../images/hero-vintage.jpg') center/cover;color:#fff8e8}.grain{position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,rgba(247,196,122,.22),transparent 18rem),repeating-radial-gradient(circle at 35% 40%,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);opacity:.48;mix-blend-mode:screen}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.brand-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo-mark{display:grid;place-items:center;width:48px;height:48px;border:2px solid currentColor;border-radius:50%;font-weight:900;background:rgba(247,236,215,.14);box-shadow:inset 0 0 20px rgba(255,245,222,.25)}.logo-text{font-weight:900;letter-spacing:.14em;font-size:1.1rem}.main-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{color:#fff8e8;text-decoration:none;padding:8px 11px;border:1px solid rgba(255,248,232,.22);border-radius:999px;background:rgba(255,248,232,.08);transition:.25s}.main-nav a:hover{background:rgba(255,248,232,.22);transform:translateY(-2px)}.search-wrap{position:relative;padding:0 0 26px}.fake-search{display:grid;grid-template-columns:1fr minmax(260px,1.8fr) auto;gap:10px;align-items:center;background:rgba(255,248,232,.13);border:1px solid rgba(255,248,232,.35);padding:12px;border-radius:28px;backdrop-filter:blur(6px)}.fake-search label{font-weight:700}.fake-search input,.fake-search button{border:0;border-radius:999px;padding:12px 16px;font:inherit}.fake-search input{background:#fff7e4;color:var(--coffee);width:100%}.fake-search button{cursor:pointer;background:var(--orange);color:#fff8e8;font-weight:800}.search-note{margin:10px 0 0;color:#ffe8bd}.hero{position:relative;min-height:76vh;display:grid;place-items:center;overflow:hidden;background:#1f1712}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.42) contrast(1.03) saturate(.88)}.hero:before,.video-card:before,.image-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 42%,rgba(37,25,18,.42)),repeating-linear-gradient(90deg,rgba(255,245,215,.08) 0 1px,transparent 1px 4px);z-index:1}.hero-inner{position:relative;z-index:2;text-align:center;color:#fff7e4;padding:84px 0;text-shadow:0 4px 26px rgba(0,0,0,.45)}.eyebrow{display:inline-block;letter-spacing:.26em;text-transform:uppercase;font-size:.8rem;border:1px solid rgba(255,247,228,.45);border-radius:999px;padding:6px 14px;background:rgba(30,18,12,.28)}h1,h2,h3,h4,h5,h6{line-height:1.25;color:inherit}h1{font-size:clamp(2.5rem,7vw,5.8rem);margin:.28em 0}.hero p{font-size:clamp(1rem,2.2vw,1.35rem);max-width:760px;margin:0 auto 28px}.hero-actions,.button-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border-radius:999px;border:1px solid rgba(255,248,232,.55);text-decoration:none;color:#fff8e8;background:rgba(142,63,57,.78);box-shadow:0 12px 38px rgba(57,34,25,.25);font-weight:800}.btn.secondary{background:rgba(255,248,232,.14)}main{position:relative;z-index:1}.section{padding:76px 0}.section-title{display:grid;gap:10px;margin-bottom:28px}.section-title .kicker{color:var(--red);font-weight:900;letter-spacing:.22em}.section-title h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:0}.section-title p{max-width:780px;margin:0;color:#654a38}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;border:1px solid var(--line);background:rgba(255,248,232,.62);border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.card-body{padding:22px}.card h3{font-size:1.25rem;margin:0 0 10px}.card p{margin:0 0 12px}.video-card{position:relative;isolation:isolate;transition:.28s;overflow:hidden}.video-shell{position:relative;aspect-ratio:16/10;overflow:hidden;background:#2c211b}.video-shell video,.video-shell img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.32) saturate(.85)}.play-button{position:absolute;inset:auto auto 18px 18px;z-index:3;display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,248,232,.8);background:rgba(56,41,31,.55);color:#fff8e8;opacity:0;transform:scale(.82);transition:.25s}.play-button:after{content:"";margin-left:4px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid currentColor}.video-card:hover{transform:translateY(-8px) rotate(-.25deg)}.video-card:hover .play-button{opacity:1;transform:scale(1)}.video-card:hover:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 52% 42%,rgba(255,220,152,.25),transparent 18rem),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 3px);animation:filmshake .28s steps(2,end) infinite}.stats,.tags{display:flex;flex-wrap:wrap;gap:8px}.stats span,.tags span{font-size:.85rem;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:rgba(255,255,255,.28)}.tags span{color:#7c3a34;font-weight:800}.story-card{display:grid;grid-template-columns:1.05fr 1fr;min-height:310px}.story-card img{width:100%;height:100%;object-fit:cover;filter:sepia(.28)}.image-card{position:relative;min-height:260px}.image-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;filter:sepia(.36) saturate(.88)}.image-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;padding:12px 14px;border-radius:18px;color:#fff8e8;background:rgba(56,41,31,.68);backdrop-filter:blur(4px)}.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.feature-list li{padding:16px 18px;border-left:6px solid var(--orange);background:rgba(255,248,232,.55);border-radius:18px}.creator{display:flex;gap:16px;align-items:center}.avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--red));color:#fff8e8;font-weight:900;font-size:1.5rem}.review{background:rgba(255,248,232,.62);border:1px solid var(--line);border-radius:26px;padding:22px}.partners{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.partner{display:grid;place-items:center;min-height:82px;border:1px dashed rgba(112,71,47,.35);border-radius:22px;background:rgba(255,248,232,.55);font-weight:900;color:#6d4330}.faq details{border:1px solid var(--line);border-radius:20px;background:rgba(255,248,232,.58);padding:18px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:900}.contact-box{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.contact-box .card{padding:28px}.qr-row{display:flex;gap:12px;flex-wrap:wrap}.qr-row figure{margin:0}.qr-row img{width:96px;height:96px;border-radius:16px;object-fit:cover}.site-footer{padding:52px 0;background:linear-gradient(135deg,#39291f,#6f452e);color:#fff2d6}.site-footer a{color:#ffe5b1}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.breadcrumb{padding:22px 0;color:#76513a}.breadcrumb a{color:#7c3a34}.page-hero{padding:74px 0;background:linear-gradient(135deg,rgba(247,236,215,.82),rgba(226,191,130,.65));border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2rem,5vw,4.3rem);margin:.2em 0}.article-content{font-size:1.06rem}.toc{background:rgba(255,248,232,.58);border:1px solid var(--line);border-radius:26px;padding:20px}.film-frame{border:14px solid #30221b;border-image:repeating-linear-gradient(90deg,#30221b 0 14px,#f0d9a6 14px 24px,#30221b 24px 38px) 14 round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes filmshake{0%{transform:translate(0,0)}50%{transform:translate(2px,-1px)}100%{transform:translate(-1px,1px)}}@media (max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.fake-search{grid-template-columns:1fr}.grid-3,.grid-4,.grid-2,.footer-grid,.contact-box,.story-card{grid-template-columns:1fr}.partners{grid-template-columns:repeat(2,1fr)}.section{padding:52px 0}.hero{min-height:66vh}}@media (max-width:560px){.main-nav a{font-size:.9rem}.hero-actions{align-items:stretch}.btn{width:100%}.partners{grid-template-columns:1fr}.logo-text{letter-spacing:.06em}.card-body{padding:18px}}