:root{
  --coal:#11110f;--charcoal:#1c1b18;--brick:#8f4026;--brick2:#b35a30;--wood:#815837;--metal:#707777;--cement:#68655c;--cream:#e2d4bc;--amber:#e8b470;--paper:#f0e4cf;--shadow:rgba(0,0,0,.42);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Arial","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 12% 8%,rgba(179,90,48,.22),transparent 25%),linear-gradient(135deg,#12110f,#26231f 46%,#161514);color:var(--cream);line-height:1.72;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden}.site-header{position:sticky;top:0;z-index:50;background:rgba(17,17,15,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,180,112,.22);box-shadow:0 14px 34px rgba(0,0,0,.28)}.topbar{max-width:var(--max);margin:0 auto;padding:14px 22px 8px;display:flex;justify-content:space-between;gap:18px;align-items:center}.brand-logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.logo-mark{width:48px;height:48px;border:2px solid var(--amber);display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--brick),#1b1916);box-shadow:inset 0 0 16px rgba(255,188,104,.35),0 0 0 4px rgba(143,64,38,.16);font-family:Georgia,serif}.logo-text{font-size:1.18rem}.domain-pill{margin:0;color:#d7c6a9;font-size:.95rem;border:1px solid rgba(232,180,112,.28);padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.04)}.main-nav{max-width:var(--max);margin:0 auto;padding:0 22px 10px;display:flex;gap:10px;flex-wrap:wrap}.main-nav a{padding:9px 13px;border:1px solid rgba(112,119,119,.32);border-radius:999px;color:#d7c6a9;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.12));transition:.25s ease}.main-nav a:hover,.main-nav a.active{border-color:var(--amber);color:#fff;box-shadow:0 0 0 2px rgba(232,180,112,.12),inset 0 0 18px rgba(179,90,48,.22)}.search-wrap{max-width:var(--max);margin:0 auto;padding:0 22px 16px}.fake-search{display:flex;gap:10px}.fake-search input{flex:1;border-radius:16px;border:1px solid rgba(232,180,112,.28);background:#0e0e0c;color:#fff;padding:13px 15px;outline:0}.fake-search input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(232,180,112,.14)}button,.btn{border:0;border-radius:16px;padding:13px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--brick2),var(--wood));color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22);display:inline-flex;align-items:center;gap:8px}button:hover,.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.secondary{background:linear-gradient(135deg,#323431,#737877)}.search-note{margin:8px 0 0;color:#bcae96}.hero{min-height:74vh;position:relative;display:grid;align-items:center;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,15,.9),rgba(17,17,15,.38)),url('/assets/images/hero-loft.jpg') center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(transparent 0 95%,rgba(232,180,112,.08) 96%),linear-gradient(90deg,transparent 0 95%,rgba(232,180,112,.05) 96%);background-size:60px 60px;mix-blend-mode:screen;opacity:.45}.hero-inner{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:96px 22px}.eyebrow{display:inline-flex;gap:8px;align-items:center;border-left:4px solid var(--brick2);padding:6px 12px;background:rgba(0,0,0,.34);color:var(--amber);letter-spacing:.08em}.hero h1,.page-hero h1{font-size:clamp(2.4rem,6vw,5.8rem);line-height:1.03;margin:22px 0 18px;text-shadow:0 10px 28px rgba(0,0,0,.55)}.hero p,.page-hero p{max-width:760px;font-size:1.16rem;color:#e7d9c1}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:780px;margin-top:34px}.hero-meta strong{display:block;font-size:1.6rem;color:#fff}.hero-meta span{display:block;color:#cdbd9f}.section{max-width:var(--max);margin:0 auto;padding:72px 22px}.section.compact{padding-top:38px}.section-title{display:grid;gap:12px;margin-bottom:28px}.section-title h2{font-size:clamp(1.8rem,3.2vw,3rem);margin:0}.section-title p{margin:0;color:#cdbd9f;max-width:780px}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.story-card,.tool-card,.review-card,.faq-item,.creator-card,.contact-card,.partner-card{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(232,180,112,.18);border-radius:24px;padding:24px;box-shadow:0 24px 50px rgba(0,0,0,.22);position:relative;overflow:hidden}.panel::before,.story-card::before,.tool-card::before,.review-card::before,.faq-item::before,.creator-card::before,.contact-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,rgba(179,90,48,.18),transparent 28%);pointer-events:none}.video-card{border-radius:26px;overflow:hidden;background:#171613;border:1px solid rgba(232,180,112,.2);box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative;isolation:isolate}.video-card::after{content:"";position:absolute;inset:-20%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 47%,rgba(255,255,255,.04) 53%,transparent 66%);transform:translateX(-120%) rotate(8deg);transition:transform .55s ease;pointer-events:none;z-index:4}.video-card:hover::after{transform:translateX(110%) rotate(8deg)}.video-frame{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.08);opacity:.95}.play-button{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:rgba(16,16,15,.72);border:2px solid rgba(232,180,112,.68);box-shadow:0 0 38px rgba(232,180,112,.28);opacity:0;transform:scale(.78);transition:.28s ease;z-index:3}.video-card:hover .play-button{opacity:1;transform:scale(1)}.rust-noise{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(179,90,48,.3) 0 1px,transparent 1px);background-size:12px 12px;opacity:.14;mix-blend-mode:screen}.video-card:hover .rust-noise{animation:rust .22s steps(2) infinite}@keyframes rust{0%{transform:translate(0,0)}50%{transform:translate(2px,-1px)}100%{transform:translate(-1px,1px)}}.video-body{padding:20px}.video-body h3,.story-card h3,.tool-card h3,.creator-card h3{margin:0 0 10px;color:#fff}.video-body p,.story-card p,.tool-card p,.review-card p,.faq-item p,.creator-card p,.contact-card p{color:#d8c8ac;margin:.4rem 0}.stats{font-weight:800;color:var(--amber)!important}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags span{font-size:.86rem;padding:5px 9px;border:1px solid rgba(112,119,119,.38);border-radius:999px;background:rgba(255,255,255,.04);color:#e9dac1}.story-card time{color:var(--amber);font-weight:800}.image-wall{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.image-wall figure{margin:0;position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(232,180,112,.18);background:#111}.image-wall figure:first-child{grid-row:span 2}.image-wall img{height:100%;object-fit:cover;min-height:240px}.image-wall figcaption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(17,17,15,.72);padding:10px 12px;border-radius:14px;color:#f3e4c8}.creator-card img{border-radius:20px;aspect-ratio:1/1;object-fit:cover;margin-bottom:14px}.review-card blockquote{margin:0;font-size:1.02rem;color:#f2dfc3}.review-card cite{display:block;margin-top:16px;color:var(--amber);font-style:normal;font-weight:800}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.faq-item h3{margin:0 0 8px}.partner-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.partner-card{min-height:96px;display:grid;place-items:center;text-align:center;font-weight:900;color:#fff;letter-spacing:.08em}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.contact-list li{padding:10px 0;border-bottom:1px dashed rgba(232,180,112,.22)}.page-hero{background:linear-gradient(135deg,rgba(143,64,38,.34),rgba(17,17,15,.96)),url('/assets/images/og-hero.jpg') center/cover no-repeat;border-bottom:1px solid rgba(232,180,112,.18)}.page-hero-inner{max-width:var(--max);margin:0 auto;padding:84px 22px 58px}.breadcrumb{max-width:var(--max);margin:0 auto;padding:18px 22px 0;color:#c7b697;display:flex;gap:8px;flex-wrap:wrap}.breadcrumb a{color:var(--amber)}.article-list{display:grid;gap:16px}.article-list article{padding:22px;border-left:4px solid var(--brick2);background:rgba(255,255,255,.045);border-radius:18px}.article-list h2{margin:0 0 8px}.site-footer{margin-top:70px;background:#0b0b0a;border-top:1px solid rgba(232,180,112,.2)}.footer-grid{max-width:var(--max);margin:0 auto;padding:44px 22px;display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:28px}.footer-logo{margin-bottom:16px}.qr-row{display:flex;gap:14px}.qr-row figure{margin:0;text-align:center}.qr-img{width:132px;height:132px;object-fit:cover;border-radius:18px;border:1px solid rgba(232,180,112,.25)}.share-links{display:grid;gap:10px;align-content:start}.share-links h2{font-size:1.1rem;margin:0}.share-links a{color:#e6c38d;border-bottom:1px dashed rgba(232,180,112,.35);padding-bottom:6px}.data-links{display:flex;flex-wrap:wrap;gap:10px}.data-links a{border:1px solid rgba(232,180,112,.25);padding:8px 12px;border-radius:999px;color:#e6c38d}.notice{border:1px solid rgba(232,180,112,.23);background:rgba(179,90,48,.12);border-radius:20px;padding:18px;color:#e7d5b8}.join-note,.faq-spaced{margin-top:22px}.data-spaced{margin-top:26px}@media (max-width:900px){.topbar,.footer-grid,.contact-grid{grid-template-columns:1fr;display:grid}.grid.three,.grid.four,.grid.two,.faq-list,.partner-wall{grid-template-columns:1fr 1fr}.image-wall{grid-template-columns:1fr}.image-wall figure:first-child{grid-row:auto}.hero-meta{grid-template-columns:1fr}.fake-search{flex-direction:column}.footer-grid{display:grid}.qr-row{flex-wrap:wrap}}@media (max-width:560px){.grid.three,.grid.four,.grid.two,.faq-list,.partner-wall{grid-template-columns:1fr}.hero-inner{padding-top:70px}.main-nav{overflow:auto;flex-wrap:nowrap}.main-nav a{white-space:nowrap}.domain-pill{font-size:.82rem}.hero h1,.page-hero h1{font-size:2.35rem}.section{padding:52px 16px}.footer-grid{padding:36px 16px}.topbar{padding-left:16px;padding-right:16px}.search-wrap{padding-left:16px;padding-right:16px}}