:root{--ink:#171716;--charcoal:#242525;--cement:#6d6a62;--steel:#8f938e;--rust:#a55335;--brick:#733b2f;--wood:#8a5c37;--paper:#e8dcc8;--warm:#f2b26b;--line:rgba(232,220,200,.18);--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171716;color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.7;background-image:radial-gradient(circle at 18% 12%,rgba(165,83,53,.22),transparent 26rem),radial-gradient(circle at 80% 6%,rgba(242,178,107,.12),transparent 22rem),linear-gradient(135deg,#171716,#242525 45%,#181918)}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}p{margin:.35rem 0 1rem}.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:20;border-bottom:1px solid var(--line);background:rgba(23,23,22,.92);backdrop-filter:blur(14px);box-shadow:0 4px 30px rgba(0,0,0,.26)}.topbar{max-width:1260px;margin:auto;padding:.8rem 1.2rem .55rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{display:flex;align-items:center;gap:.9rem;font-weight:700;letter-spacing:.04em}.brand-lockup span{color:#c9bba6;font-size:.92rem}.domain-pill{border:1px solid rgba(165,83,53,.48);background:rgba(30,30,29,.75);border-radius:999px;padding:.35rem .8rem;color:#d8cbb6;font-size:.85rem;white-space:nowrap}.main-nav{max-width:1260px;margin:auto;padding:.3rem 1.2rem .8rem;display:flex;gap:.5rem;overflow-x:auto}.main-nav a{padding:.56rem .82rem;border:1px solid transparent;border-radius:999px;color:#d5c7b1;white-space:nowrap}.main-nav a:hover,.main-nav a.active{border-color:rgba(242,178,107,.44);background:linear-gradient(135deg,rgba(115,59,47,.8),rgba(38,38,37,.78));box-shadow:inset 0 0 24px rgba(242,178,107,.08)}.fake-search{max-width:1260px;margin:0 auto 1rem;padding:0 1.2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center}.fake-search input{width:100%;border:1px solid rgba(143,147,142,.38);border-radius:999px;padding:.82rem 1rem;background:rgba(232,220,200,.08);color:#fff;outline:none}.fake-search input:focus{border-color:rgba(242,178,107,.72);box-shadow:0 0 0 4px rgba(242,178,107,.11)}.fake-search button,.btn{border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:800;cursor:pointer;letter-spacing:.04em}.fake-search button,.btn.primary{background:linear-gradient(135deg,var(--rust),#c7834e);color:#1b1411;box-shadow:0 10px 28px rgba(165,83,53,.28)}.btn.secondary{background:rgba(232,220,200,.08);border:1px solid rgba(232,220,200,.26);color:var(--paper)}.search-note{grid-column:1/-1;margin:0;color:#b9afa2;font-size:.82rem;display:none}.search-note.show{display:block}.hero{min-height:76vh;position:relative;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.38),rgba(0,0,0,.74)),url('/assets/img/banner.webp');background-size:cover;background-position:center;transform:scale(1.02);filter:saturate(.98) contrast(1.04)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:96px 96px;mix-blend-mode:overlay}.hero-content{position:relative;max-width:950px;margin:0 auto;padding:6rem 1.2rem}.eyebrow{color:#f1b36d;text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.8rem}.hero h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:1.08;margin:.4rem 0 1rem;text-shadow:0 6px 22px rgba(0,0,0,.4)}.hero p{font-size:1.12rem;max-width:780px;color:#e6d8c3}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.section-panel{max-width:1260px;margin:1.2rem auto;padding:2.1rem 1.2rem;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(232,220,200,.075),rgba(36,37,37,.82));box-shadow:var(--shadow);position:relative;overflow:hidden}.section-panel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 14px);pointer-events:none}.section-panel>*{position:relative}.dark-panel{background:linear-gradient(135deg,rgba(20,20,20,.95),rgba(45,37,31,.88))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.section-head h2,.section-panel h1,.section-panel h2{line-height:1.18;margin:.1rem 0 .55rem;font-size:clamp(1.55rem,3vw,2.65rem)}.section-head p:last-child{max-width:560px;color:#cfc1ad}.video-grid,.story-grid,.tool-grid,.creator-grid,.gallery-grid,.review-grid,.column-grid,.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.story-grid,.tool-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.column-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.video-card,.story-card,.tool-card,.creator-card,.image-card,.column-card,blockquote,.contact-grid article{border:1px solid rgba(232,220,200,.16);border-radius:22px;background:rgba(25,25,24,.78);overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.22)}.video-card{position:relative;transition:transform .32s ease,border-color .32s ease}.video-card:hover{transform:translateY(-6px);border-color:rgba(242,178,107,.52)}.video-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111}.video-frame video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05)}.play-button{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;transform:translate(-50%,-50%) scale(.72);background:rgba(232,220,200,.2);border:1px solid rgba(232,220,200,.55);box-shadow:0 0 42px rgba(242,178,107,.3);opacity:0;transition:.28s ease}.play-button:after{content:"";position:absolute;left:25px;top:19px;border-left:20px solid #f4dfbd;border-top:13px solid transparent;border-bottom:13px solid transparent}.metal-shine{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.32) 48%,rgba(242,178,107,.18) 51%,transparent 60%);transform:translateX(-70%) rotate(4deg);opacity:0}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover .metal-shine{animation:metalSweep 1.1s ease forwards;opacity:1}.grain-hover:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(165,83,53,.35) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px);background-size:11px 13px,17px 19px;opacity:0;pointer-events:none}.grain-hover:hover:after{opacity:.38;animation:rustJitter .18s steps(2,end) infinite}.video-body,.story-card,.tool-card,.creator-card,blockquote,.contact-grid article{padding:1rem}.video-body h3,.story-card h3,.tool-card h3,.creator-card h3{margin:.1rem 0 .45rem;font-size:1.05rem}.video-body p,.story-card p,.tool-card p,.creator-card p,blockquote p{color:#d6c8b3;font-size:.94rem}.metric-row,.tag-row{display:flex;gap:.42rem;flex-wrap:wrap;margin-top:.7rem}.metric-row span,.tag-row span{font-size:.76rem;padding:.28rem .5rem;border-radius:999px;background:rgba(143,147,142,.12);border:1px solid rgba(143,147,142,.22);color:#cfc6b5}.tag-row span{background:rgba(165,83,53,.2);color:#f1c692}.story-image,.tool-image,.image-card{margin:0}.story-image img,.tool-image img,.image-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-grid .image-card img{aspect-ratio:1/1}.story-image figcaption,.tool-image figcaption,.image-card figcaption{padding:.75rem .85rem;color:#efe2cd;font-weight:800}.story-image small,.tool-image small,.image-card small{display:block;color:#b5aa9b;font-weight:500;font-size:.75rem;margin-top:.25rem}.creator-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.creator-card .role{color:#f1b36d;font-weight:800}.partner-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:1rem 0}.partner-wall span,.column-card span{display:block;border:1px solid rgba(242,178,107,.24);background:linear-gradient(135deg,rgba(115,59,47,.58),rgba(37,37,36,.8));border-radius:18px;padding:1rem;text-align:center;font-weight:900;color:#f2d4a8}.join-guide{padding:1.2rem;border-left:4px solid var(--rust);background:rgba(0,0,0,.2);border-radius:18px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.faq-list details{border:1px solid rgba(232,220,200,.18);border-radius:18px;padding:1rem;background:rgba(0,0,0,.18)}.faq-list summary{cursor:pointer;font-weight:900;color:#f1d4a8}.faq-list p{color:#d8c9b2}.column-card{padding:1rem;min-height:170px}.column-card p{color:#d4c5ae}.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);background:#111;box-shadow:inset 0 12px 50px rgba(165,83,53,.08)}.footer-grid{max-width:1260px;margin:auto;padding:2.2rem 1.2rem;display:grid;grid-template-columns:2fr 1fr 1.4fr 1.4fr;gap:1.2rem}.footer-grid h2{font-size:1rem;color:#f1b36d}.footer-links{list-style:none;padding:0;margin:0}.footer-links a,.share-row a{color:#d8c9b2}.share-row{display:flex;gap:.55rem;flex-wrap:wrap}.share-row a{border:1px solid rgba(232,220,200,.18);padding:.45rem .7rem;border-radius:999px}.qr-wrap{display:flex;gap:1rem;flex-wrap:wrap}.qr-wrap figure{margin:0;text-align:center;color:#bfb19c;font-size:.78rem}.toast{position:fixed;right:1rem;bottom:1rem;max-width:min(360px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:18px;background:rgba(25,25,24,.96);border:1px solid rgba(242,178,107,.36);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease;z-index:40}.toast.show{opacity:1;transform:translateY(0)}.sub-hero{margin-top:1.4rem}.sub-hero h1{font-size:clamp(2rem,4vw,4rem)}
@keyframes metalSweep{0%{transform:translateX(-75%) rotate(4deg)}100%{transform:translateX(75%) rotate(4deg)}}@keyframes rustJitter{0%{transform:translate(0,0)}50%{transform:translate(1px,-1px)}100%{transform:translate(-1px,1px)}}
@media (max-width:1050px){.video-grid,.gallery-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.column-grid,.partner-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}}@media (max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.brand-lockup span{display:none}.fake-search{grid-template-columns:1fr}.hero{min-height:72vh}.hero-content{padding:4.2rem 1rem}.video-grid,.story-grid,.tool-grid,.creator-grid,.gallery-grid,.review-grid,.column-grid,.contact-grid,.faq-list,.partner-wall,.footer-grid{grid-template-columns:1fr}.section-panel{border-radius:20px;margin:.8rem .7rem;padding:1.25rem .9rem}.main-nav{padding-bottom:.55rem}.contact-strip{display:block}.domain-pill{white-space:normal}.fake-search button{width:100%}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}