:root{--ink:#171615;--coal:#222120;--charcoal:#2d2c2a;--brick:#9b4c35;--rust:#b45f3f;--wood:#8a643e;--metal:#9aa0a0;--cement:#b8b2a7;--paper:#f1e6d0;--glow:#e3a45f;--line:rgba(241,230,208,.18);--shadow:0 24px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#171615;color:var(--paper);line-height:1.72;letter-spacing:.01em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(23,22,21,.96),rgba(23,22,21,.88));backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar,.main-nav,.fake-search,.section,.site-footer{width:min(1180px,92vw);margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}.brand-mark{display:flex;align-items:center;gap:12px}.brand-emblem{width:46px;height:46px;border:2px solid var(--rust);display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#e2a35c,#813e2e 56%,#241b18);box-shadow:inset 0 0 18px rgba(0,0,0,.42),0 0 0 5px rgba(180,95,63,.12);font-weight:900;color:#fff5df}.brand-mark strong{display:block;font-size:1.15rem;letter-spacing:.14em}.brand-mark em{display:block;font-style:normal;font-size:.78rem;color:var(--cement)}.domain-pill{margin:0;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:#d6c4a5;background:rgba(255,255,255,.04)}.main-nav{display:flex;gap:8px;overflow:auto;padding:0 0 14px}.main-nav a{white-space:nowrap;padding:9px 12px;border-radius:999px;border:1px solid transparent;color:#dacbb3}.main-nav a:hover,.main-nav a.active{border-color:rgba(227,164,95,.6);background:rgba(180,95,63,.16);color:#fff}.fake-search{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:0 0 16px}.fake-search input{min-width:0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;padding:13px 15px;outline:none}.fake-search input:focus{border-color:var(--glow);box-shadow:0 0 0 4px rgba(227,164,95,.12)}.fake-search button,.btn{border:0;border-radius:14px;padding:13px 18px;background:linear-gradient(135deg,var(--rust),#6f342a);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(180,95,63,.22)}.search-note{align-self:center;color:var(--metal);font-size:.9rem}.hero{min-height:82vh;display:grid;align-items:end;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.12),#171615),#171615 center/cover no-repeat}.hero-home{background-image:linear-gradient(180deg,rgba(0,0,0,.12),#171615),url('/assets/images/hero-loft.webp')}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.22)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px);mix-blend-mode:multiply}.hero-content{position:relative;width:min(1180px,92vw);margin:0 auto;padding:130px 0 72px}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;color:#f0c18b;font-weight:800;letter-spacing:.18em}.eyebrow:before{content:"";width:42px;height:2px;background:var(--rust)}h1,h2,h3{line-height:1.16;margin:0 0 18px}h1{font-size:clamp(2.5rem,7vw,6.8rem);max-width:980px;text-shadow:0 14px 50px rgba(0,0,0,.55)}h2{font-size:clamp(1.8rem,4vw,3.4rem)}h3{font-size:1.25rem}.hero p{max-width:760px;font-size:1.12rem;color:#eadcc4}.hero-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn.secondary{background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:none}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-strip div{padding:24px;background:rgba(255,255,255,.04);text-align:center}.stats-strip strong{display:block;font-size:1.7rem;color:#f0c18b}.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}.section-head p{max-width:680px;color:#cbbda8;margin:0}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.panel,.video-card,.story-card,.review-card,.faq-item,.creator-card,.contact-card,.json-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.panel{padding:24px}.video-card{position:relative}.video-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0d0d0c}.video-frame video,.video-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.08)}.video-frame:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.26) 45%,transparent 52%);transform:translateX(-120%);transition:transform .55s ease}.video-frame:after{content:"▶";position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) scale(.84);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(12,12,11,.72);border:1px solid rgba(240,193,139,.7);opacity:0;transition:.28s ease;color:#f5d09d}.video-card:hover .video-frame:before{transform:translateX(120%)}.video-card:hover .video-frame:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover{animation:rustShake .36s steps(3,end)}@keyframes rustShake{0%,100%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}.video-body,.story-body,.creator-body{padding:20px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:#d7c6aa;font-size:.9rem}.tag{display:inline-flex;border:1px solid rgba(227,164,95,.42);border-radius:999px;padding:3px 9px;color:#f1c289;background:rgba(180,95,63,.12);font-size:.82rem}.video-body p,.story-body p,.creator-body p,.review-card p,.faq-item p,.contact-card p,.panel p{color:#d8cab3}.story-card img,.creator-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery{columns:3 260px;column-gap:18px}.gallery figure{break-inside:avoid;margin:0 0 18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.05)}.gallery figcaption{padding:13px 15px;color:#d7c6aa}.ai-tools .panel{position:relative;overflow:hidden}.ai-tools .panel:after{content:"";position:absolute;inset:auto -20% -80% -20%;height:160px;background:radial-gradient(circle,rgba(227,164,95,.24),transparent 62%)}.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner-wall span{min-height:74px;display:grid;place-items:center;border:1px dashed rgba(227,164,95,.35);border-radius:16px;background:rgba(255,255,255,.045);font-weight:900;color:#e6d0ac;text-align:center}.faq-list{display:grid;gap:14px}.faq-item{padding:20px}.faq-item summary{cursor:pointer;font-weight:900;color:#fff}.review-card{padding:22px}.review-card strong{display:block;color:#f0c18b}.review-card span{font-size:.88rem;color:var(--metal)}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.qr-wrap{display:flex;gap:14px;flex-wrap:wrap}.qr-wrap figure{margin:0}.qr-wrap img{width:96px;border-radius:14px;border:1px solid var(--line)}.qr-wrap figcaption{font-size:.82rem;color:#d7c6aa;text-align:center}.site-footer{padding:50px 0 70px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr auto .7fr;gap:28px;align-items:start}.footer-grid p{color:#cdbfa9}.social-links{display:grid;gap:10px}.social-links a{color:#f0c18b}.breadcrumbs{width:min(1180px,92vw);margin:32px auto 0;color:#c8bba5}.breadcrumbs a{color:#f0c18b}.page-hero{width:min(1180px,92vw);margin:34px auto 0;padding:72px 0 36px}.page-hero p{max-width:760px;color:#d8cab3}.article-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.article-block img{border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.json-card{padding:18px;background:#141312}.json-card pre{white-space:pre-wrap;word-break:break-word;color:#efd7b1;margin:0;font-size:.9rem}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#211d1a;border:1px solid rgba(227,164,95,.46);box-shadow:var(--shadow);border-radius:16px;padding:14px 18px;color:#fff;z-index:20;max-width:min(520px,92vw)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:920px){.grid-4,.grid-3,.grid-2,.stats-strip,.footer-grid,.contact-grid,.article-block{grid-template-columns:1fr}.fake-search{grid-template-columns:1fr}.search-note{display:none}.topbar{align-items:flex-start;flex-direction:column}.hero{min-height:72vh}.section{padding:58px 0}.partner-wall{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.main-nav{padding-bottom:10px}.footer-grid{gap:20px}.stats-strip div{text-align:left}.gallery{columns:1}.domain-pill{font-size:.88rem}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.spacer{height:24px}