:root{--cream:#fff7e8;--paper:#efe0bf;--beige:#d9bf8d;--brown:#3b281d;--coffee:#6d432e;--orange:#d88945;--red:#7e2f27;--gray:#afa79a;--ink:#2a1d16;--shadow:rgba(39,24,15,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Serif SC","Songti SC","STSong","Microsoft YaHei",serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(216,137,69,.18),transparent 32%),linear-gradient(180deg,var(--cream),#e7d4ac 42%,#c9a46f);line-height:1.75}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(65,38,24,.035) 1px,transparent 1px),radial-gradient(circle at center,transparent 58%,rgba(28,16,10,.22));background-size:4px 4px,5px 5px,100% 100%;mix-blend-mode:multiply}.skip{position:absolute;left:-999px}.topbar{position:sticky;top:0;z-index:20;background:rgba(63,38,25,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,238,199,.24)}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:22px;padding:13px 18px}.logo{display:flex;align-items:center;gap:10px;color:#fff2cf;text-decoration:none;font-weight:900;letter-spacing:.08em}.logo-mark{width:42px;height:42px;border:2px solid #f2d9a7;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#d88945,#53301e);box-shadow:0 0 30px rgba(216,137,69,.45)}.navlinks{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto}.navlinks a,.footer a{color:#fff2cf;text-decoration:none;font-size:15px}.navlinks a:hover{color:#ffc987}.search-wrap{background:rgba(74,45,29,.75);padding:14px 18px;border-bottom:1px solid rgba(255,238,199,.16)}.fake-search{max-width:820px;margin:auto;display:flex;background:#fff8ea;border:1px solid #8a603d;border-radius:999px;box-shadow:0 10px 28px var(--shadow);overflow:hidden}.fake-search input{flex:1;border:0;background:transparent;padding:14px 20px;font-size:16px;color:var(--brown);outline:0}.fake-search button{border:0;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;padding:0 24px;font-weight:800}.search-note{text-align:center;color:#fff2cf;font-size:13px;margin-top:8px;min-height:20px}.hero{min-height:78vh;display:grid;align-items:center;position:relative;overflow:hidden;background:#2e1d15}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:sepia(.25) saturate(.86) contrast(1.08)}.hero:after{content:"";position:absolute;inset:5%;border:12px solid rgba(52,31,22,.56);box-shadow:inset 0 0 0 2px rgba(255,231,185,.4),inset 0 0 80px rgba(24,13,7,.75);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:1120px;margin:auto;padding:90px 20px;color:#fff1d2;text-shadow:0 3px 18px rgba(0,0,0,.5)}.eyebrow{letter-spacing:.24em;color:#ffd091;font-weight:700}.hero h1{font-size:clamp(40px,8vw,92px);line-height:1.05;margin:14px 0 18px}.hero p{font-size:clamp(18px,2.2vw,26px);max-width:780px}.btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 24px;text-decoration:none;font-weight:900;border:1px solid rgba(255,238,199,.72)}.btn.primary{background:#fff1d2;color:#4a2b1d}.btn.secondary{background:rgba(72,42,27,.52);color:#fff1d2}.section{max-width:1180px;margin:0 auto;padding:76px 18px}.section h2{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:0 0 12px;color:#3d2519}.section .lead{max-width:760px;color:#5f4636;margin-bottom:28px}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:1.1fr .9fr}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:rgba(255,247,232,.78);border:1px solid rgba(95,65,43,.25);border-radius:28px;box-shadow:0 16px 38px var(--shadow);overflow:hidden;position:relative}.card-body{padding:20px}.card h3{margin:0 0 8px;color:#4a2c1e}.meta,.tags{display:flex;gap:10px;flex-wrap:wrap;color:#79543a;font-size:13px}.tag{background:#f7e4ba;border:1px solid #caa56b;border-radius:999px;padding:3px 10px}.video-card{cursor:pointer}.poster{position:relative;overflow:hidden;aspect-ratio:16/11;background:#4a2e21}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease,filter .7s ease}.poster:before{content:"";position:absolute;inset:0;opacity:0;z-index:2;background:radial-gradient(circle at 50% 40%,rgba(255,186,91,.28),transparent 25%),radial-gradient(circle,transparent 48%,rgba(29,16,10,.62) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);transition:opacity .45s ease}.poster:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);z-index:3;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,242,207,.9);color:#6d2f22;font-size:26px;opacity:0;box-shadow:0 0 38px rgba(255,196,112,.65);transition:.35s ease}.video-card:hover .poster img{transform:scale(1.06);filter:sepia(.35) saturate(.9)}.video-card:hover .poster:before,.video-card:hover .poster:after{opacity:1}.video-card:hover{animation:filmshake .45s steps(2,end) infinite}@keyframes filmshake{0%,100%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}.gallery{columns:3 260px;column-gap:20px}.gallery figure{break-inside:avoid;margin:0 0 20px;background:#fff3d3;padding:10px 10px 16px;border-radius:18px;box-shadow:0 14px 28px var(--shadow);transform:rotate(var(--r,0deg))}.gallery img{width:100%;border-radius:10px;filter:sepia(.2)}figcaption{font-size:13px;color:#6f4a34;margin-top:8px}.tool{padding:24px;background:linear-gradient(145deg,rgba(255,248,232,.86),rgba(218,188,132,.72));border-radius:26px;border:1px dashed #9b6844}.creator{text-align:center;padding:24px}.creator img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:6px solid #f3dcae}.review{padding:24px}.review p{font-size:17px}.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.partner{padding:18px;text-align:center;border:1px solid #b78a55;border-radius:18px;background:#fff0cf;font-weight:900;color:#68402b}.faq details{background:#fff3d3;border:1px solid rgba(95,65,43,.25);border-radius:18px;margin-bottom:12px;padding:16px 18px}.faq summary{font-weight:900;cursor:pointer}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:22px}.qr{display:flex;gap:18px;flex-wrap:wrap}.qr img{width:150px;height:150px;border-radius:18px;border:8px solid #fff3d3}.footer{background:#321f17;color:#fff1d2;padding:34px 18px}.footer-inner{max-width:1180px;margin:auto;display:grid;gap:18px}.breadcrumb{max-width:1180px;margin:26px auto 0;padding:0 18px;color:#68402b;font-size:14px}.page-hero{max-width:1180px;margin:auto;padding:62px 18px 24px}.page-hero h1{font-size:clamp(34px,6vw,68px);line-height:1.08;margin:0;color:#3b2519}.toc{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.toc a{color:#6d3324;background:#fff2ce;border:1px solid #c89a61;border-radius:999px;padding:7px 13px;text-decoration:none}.lazy-note{font-size:13px;color:#806047}@media(max-width:900px){.cards,.two,.four,.contact-box{grid-template-columns:1fr}.nav{align-items:flex-start}.navlinks{width:100%;margin-left:0}.hero{min-height:70vh}.partners{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.fake-search{border-radius:24px;flex-direction:column}.fake-search button{padding:12px}.section{padding:54px 16px}.hero-content{padding:70px 18px}.navlinks a{font-size:14px}.partners{grid-template-columns:1fr}}