:root{--coal:#161819;--iron:#2b2f31;--rust:#94472f;--brick:#6e3528;--wood:#8a6041;--steel:#8d9697;--cement:#aaa394;--leather:#5b3b2b;--paper:#e2d4bd;--gold:#c19254}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#151617;color:var(--paper);font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.72;background-image:radial-gradient(circle at 12% 8%,rgba(148,71,47,.18),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(16px,4vw,58px);background:rgba(18,19,20,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(193,146,84,.3);box-shadow:0 12px 40px rgba(0,0,0,.35)}.logo,.footer-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#f2d9b0}.logo img,.footer-logo img{filter:drop-shadow(0 10px 20px #000)}.logo span,.footer-logo strong{font-size:28px;text-shadow:0 0 14px rgba(193,146,84,.45)}.nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.nav a{padding:9px 12px;border:1px solid rgba(141,150,151,.22);border-radius:999px;background:linear-gradient(135deg,rgba(55,60,62,.75),rgba(28,29,30,.75));font-size:14px}.nav a:hover{border-color:var(--rust);color:#ffd8aa;box-shadow:inset 0 0 20px rgba(148,71,47,.28)}.search-wrap{padding:18px clamp(16px,4vw,58px);background:linear-gradient(180deg,#252729,#18191a);border-bottom:1px solid rgba(255,255,255,.08)}.fake-search{display:grid;grid-template-columns:1.1fr 2fr auto;gap:10px;align-items:center;max-width:1180px;margin:auto}.fake-search span{font-weight:800;color:#d9b98a}.fake-search input{width:100%;padding:14px 16px;border:1px solid rgba(193,146,84,.32);border-radius:4px;background:#0f1011;color:#f1dfc2;outline:none}.fake-search button,.btn{border:0;border-radius:3px;padding:14px 18px;color:#f6e2c2;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--rust),#3b2922);box-shadow:0 8px 0 #231817,0 18px 30px rgba(0,0,0,.35);transition:.2s transform,.2s filter}.fake-search button:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.search-tip{max-width:1180px;margin:10px auto 0;color:#bdb2a1;font-size:13px}.hero{min-height:76vh;display:grid;align-items:center;padding:80px clamp(16px,4vw,58px);position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(8,9,10,.78),rgba(8,9,10,.42)),var(--hero);background-position:center;background-size:cover}.hero:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 38%,rgba(255,199,123,.14) 45%,transparent 52%);animation:lamp 7s ease-in-out infinite}.hero-content{position:relative;z-index:1;max-width:980px}.eyebrow{color:#d19b62;font-weight:900;letter-spacing:.28em;text-transform:uppercase}.hero h1{font-size:clamp(42px,7vw,94px);line-height:1.02;margin:14px 0;text-shadow:0 12px 35px #000}.hero p{font-size:clamp(18px,2vw,25px);max-width:760px;color:#eee0ca}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn.secondary{background:linear-gradient(135deg,#393e40,#171819);border:1px solid rgba(193,146,84,.36)}main section{padding:70px clamp(16px,4vw,58px);border-top:1px solid rgba(255,255,255,.07)}.section-head{max-width:1000px;margin:0 auto 28px}.section-head h2{font-size:clamp(30px,4vw,54px);line-height:1.12;margin:0 0 10px}.section-head p{color:#c5b6a1;margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1220px;margin:auto}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card,.story,.tool,.review,.faq,.partner,.contact-box,.column-card{background:linear-gradient(145deg,rgba(54,57,58,.86),rgba(24,25,26,.96));border:1px solid rgba(193,146,84,.18);box-shadow:0 20px 50px rgba(0,0,0,.28);border-radius:18px;padding:22px;position:relative;overflow:hidden}.video-card{background:#1b1d1e;border:1px solid rgba(193,146,84,.22);border-radius:20px;overflow:hidden;box-shadow:0 24px 65px rgba(0,0,0,.38);position:relative}.video-card figure{margin:0;position:relative;overflow:hidden;aspect-ratio:1.35}.video-card img,.video-card video{width:100%;height:100%;object-fit:cover;transition:transform .38s ease,filter .38s ease}.video-card video{position:absolute;inset:0;opacity:0}.video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);width:66px;height:66px;border-radius:50%;border:1px solid rgba(255,228,184,.7);background:rgba(16,17,18,.7);color:#ffe0a8;font-size:28px;opacity:0;transition:.25s}.video-card figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(0,0,0,.52);padding:7px 10px;border-left:3px solid var(--rust);font-size:12px;color:#e8d7bc}.video-card:before{content:"";position:absolute;inset:-20%;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2) 45%,transparent 58%);transform:translateX(-80%) rotate(8deg);opacity:0}.video-card:hover:before{animation:shine 1.2s ease}.video-card:hover img{transform:scale(1.06);filter:contrast(1.08) saturate(.88)}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.grain:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1px);background-size:6px 6px}.video-card:hover.grain:after{animation:rustshake .28s steps(2,end) infinite}.card-body{padding:20px}.tag{display:inline-block;padding:5px 9px;margin-bottom:10px;border:1px solid rgba(193,146,84,.38);color:#dcb273;background:rgba(148,71,47,.16);font-size:12px}.card-body h3,.story h3,.tool h3,.column-card h3{margin:0 0 8px;font-size:21px}.card-body p,.story p,.tool p,.review p,.faq p,.contact-box p,.column-card p{color:#ccbdab;margin:0}.stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.stats span{padding:7px 10px;background:rgba(0,0,0,.28);border:1px solid rgba(141,150,151,.18);border-radius:999px;font-size:12px}.stats b{color:#f0c077;margin-right:4px}.masonry{columns:3 260px;column-gap:18px;max-width:1220px;margin:auto}.masonry img{break-inside:avoid;margin:0 0 18px;border-radius:16px;border:1px solid rgba(193,146,84,.22);filter:sepia(.18) contrast(1.05)}.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:1220px;margin:20px auto}.partner{text-align:center;font-weight:900;color:#ccb38d;letter-spacing:.12em}.faq-wrap{max-width:1080px;margin:24px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq h3{margin:0 0 8px}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:18px;max-width:1180px;margin:auto}.qr{background:#e9dcc3;padding:14px;border-radius:18px}.footer{padding:46px clamp(16px,4vw,58px);background:#0f1011;border-top:1px solid rgba(193,146,84,.28)}.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;color:#bdae98}.breadcrumb{padding:22px clamp(16px,4vw,58px);color:#d1b487;background:#202224}.page-title{padding:60px clamp(16px,4vw,58px);background:linear-gradient(135deg,#1b1d1e,#3b211b)}.page-title h1{font-size:clamp(36px,6vw,72px);margin:0}.page-title p{max-width:820px;color:#dbcbb4}.article-list{max-width:1050px;margin:auto;display:grid;gap:18px}.article-list article{border-left:6px solid var(--rust);padding:24px;background:linear-gradient(135deg,rgba(44,46,47,.95),rgba(21,22,23,.95));border-radius:12px}.article-list h2{margin:0 0 8px}@keyframes lamp{50%{transform:translateX(8%) rotate(4deg);opacity:.75}}@keyframes shine{to{transform:translateX(85%) rotate(8deg);opacity:1}}@keyframes rustshake{50%{transform:translate(1px,-1px)}}@media(max-width:920px){.topbar{position:relative;align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.fake-search{grid-template-columns:1fr}.grid,.grid.three,.grid.two,.contact-grid,.faq-wrap,.foot-grid{grid-template-columns:1fr}.partners{grid-template-columns:repeat(2,1fr)}.hero{min-height:68vh}.card-body h3{font-size:19px}} 
