*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#171412;color:#ece0d1;line-height:1.7}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input{font:inherit}.wrap{width:min(1180px,92vw);margin-inline:auto}.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:relative;background:linear-gradient(135deg,#171412 0%,#28221d 48%,#3a1711 100%);border-bottom:1px solid rgba(196,88,46,.32);box-shadow:0 16px 45px rgba(0,0,0,.35);z-index:5}.site-header:before{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.05) 35px,transparent 37px),radial-gradient(circle at 20% 20%,rgba(218,111,45,.42),transparent 33%),radial-gradient(circle at 80% 10%,rgba(156,156,150,.25),transparent 32%);pointer-events:none}.topbar,.main-nav,.search-shell{position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 12px}.brand-logo{display:flex;align-items:center;gap:14px}.brand-logo img{border-radius:14px;border:1px solid rgba(210,130,72,.5);box-shadow:0 0 24px rgba(177,80,38,.24)}.brand-logo strong{display:block;font-size:2rem;letter-spacing:.12em;color:#ffbf7b;text-shadow:0 0 18px rgba(255,134,67,.35)}.brand-logo small{display:block;color:#c6b29b;font-size:.86rem}.domain-pill{border:1px solid rgba(221,137,73,.38);background:rgba(28,24,21,.72);padding:10px 14px;border-radius:999px;color:#dcc1a2}.main-nav{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0 18px}.main-nav a{padding:9px 13px;border:1px solid rgba(202,126,67,.3);border-radius:999px;background:rgba(255,255,255,.035);color:#ead6c1;transition:.25s}.main-nav a:hover,.main-nav a.active{background:#8e351f;color:#fff;box-shadow:0 0 22px rgba(184,74,34,.35);transform:translateY(-1px)}.search-shell{padding:0 0 22px}.fake-search{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;background:rgba(12,10,9,.62);border:1px solid rgba(220,127,67,.32);border-radius:18px;box-shadow:inset 0 0 25px rgba(0,0,0,.3)}.fake-search input{width:100%;border:0;outline:0;border-radius:12px;padding:13px 16px;background:#241f1b;color:#fff}.fake-search button,.btn{border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#c7572f,#7a2f22);color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(122,47,34,.35);transition:.25s}.fake-search button:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.secondary{background:linear-gradient(135deg,#6e655a,#26211e)}.search-note{margin:8px 0 0;color:#bba48c;font-size:.92rem}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 0;color:#c4ad96}.breadcrumb a{color:#f0c08d}.hero{position:relative;min-height:72vh;display:grid;align-items:center;overflow:hidden;background:#201b18}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.08) brightness(.72)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,12,.9),rgba(18,14,12,.45),rgba(18,14,12,.2)),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);z-index:1}.hero-content{position:relative;z-index:2;padding:90px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#f6b875;border:1px solid rgba(237,145,76,.35);background:rgba(20,17,15,.58);padding:6px 12px;border-radius:999px}.hero h1,.page-hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:1.05;margin:18px 0;color:#fff;text-shadow:0 0 32px rgba(207,98,45,.38)}.hero p,.page-hero p{max-width:760px;color:#ead2bb;font-size:1.13rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:76px 0;position:relative}.section.alt{background:linear-gradient(180deg,#211c18,#171412)}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-title h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.15;margin:0;color:#ffca8a}.section-title p{margin:8px 0 0;color:#c8b39b;max-width:720px}.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,.creator-card,.review-card,.faq-item,.contact-card,.feature-card{position:relative;background:linear-gradient(145deg,rgba(48,42,37,.96),rgba(28,24,21,.96));border:1px solid rgba(214,133,71,.24);border-radius:22px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.28);overflow:hidden}.panel:before,.story-card:before,.tool-card:before,.creator-card:before,.review-card:before,.contact-card:before,.feature-card:before{content:"";position:absolute;inset:auto 18px 0 18px;height:3px;background:linear-gradient(90deg,transparent,#bc5634,transparent);opacity:.75}.panel h3,.story-card h3,.tool-card h3,.creator-card h3,.review-card h3,.contact-card h3,.feature-card h3{color:#ffd09a;margin-top:0}.panel p,.story-card p,.tool-card p,.creator-card p,.review-card p,.contact-card p,.feature-card p{color:#d5c3b1}.video-card{position:relative;border:1px solid rgba(222,136,70,.28);border-radius:24px;background:#211d1a;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.34);transform:translateZ(0)}.video-card:before{content:"";position:absolute;inset:0;opacity:.24;background:radial-gradient(circle at 20% 10%,rgba(255,158,87,.32),transparent 22%),repeating-linear-gradient(45deg,transparent 0 8px,rgba(255,255,255,.04) 9px,transparent 11px);pointer-events:none;z-index:2}.video-card:after{content:"";position:absolute;top:-80%;left:-60%;width:38%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transform:rotate(22deg);opacity:0;z-index:3;pointer-events:none}.video-card:hover:after{animation:metalSweep 1.05s ease-out forwards}.video-card:hover{box-shadow:0 28px 70px rgba(150,59,32,.36);border-color:rgba(255,177,101,.48)}.video-frame{position:relative;aspect-ratio:16/9;background:#0c0a09;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}.video-badge{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.62);color:#ffd39e;border:1px solid rgba(255,188,112,.42);padding:5px 9px;border-radius:999px;font-size:.78rem}.play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.86);width:66px;height:66px;border-radius:999px;border:1px solid rgba(255,209,157,.72);background:rgba(131,49,29,.84);color:#fff;font-size:1.4rem;opacity:0;transition:.25s;cursor:pointer;box-shadow:0 0 30px rgba(231,113,56,.45)}.video-card:hover .play-button,.video-card.is-ready .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover .video-frame{animation:rustJitter .22s steps(2,end) 3}.video-body{padding:22px}.video-body h3{margin:0 0 10px;color:#ffd19e;font-size:1.25rem}.video-body p{color:#d6c5b4}.video-desc{font-size:.92rem;color:#bea890}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tags span{font-size:.78rem;color:#f8c486;background:rgba(142,53,31,.35);border:1px solid rgba(235,140,76,.3);padding:4px 8px;border-radius:999px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 0}.metrics div{background:rgba(255,255,255,.045);border-radius:14px;padding:9px;text-align:center}.metrics dt{font-size:.72rem;color:#bda68e}.metrics dd{margin:0;color:#fff;font-weight:700}.image-wall{display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:18px}.image-tile{position:relative;min-height:220px;border-radius:22px;overflow:hidden;border:1px solid rgba(211,126,67,.25);background:#100e0d}.image-tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04)}.image-tile span{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.58);border:1px solid rgba(255,180,100,.35);border-radius:999px;padding:7px 12px;color:#ffe0b5}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-item{padding:0}.faq-item summary{cursor:pointer;padding:20px;color:#ffd09a;font-weight:700}.faq-item p{margin:0;padding:0 20px 20px;color:#dbc8b6}.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner-wall span{display:grid;place-items:center;min-height:74px;border:1px dashed rgba(222,144,80,.36);border-radius:16px;background:rgba(255,255,255,.04);color:#f2c592;text-align:center}.page-hero{background:linear-gradient(135deg,#241f1a,#421b13);border-bottom:1px solid rgba(217,133,69,.28);padding:84px 0;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(226,116,52,.28),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 15px);opacity:.9}.page-hero .wrap{position:relative}.callout{border-left:4px solid #b14d2e;padding:18px 22px;background:rgba(177,77,46,.13);border-radius:0 18px 18px 0;color:#e6cdb5}.timeline{display:grid;gap:18px}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:start}.timeline time{color:#f3bd80;font-weight:700}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(214,133,71,.3);border-radius:14px;background:#1b1714;color:#fff;padding:13px}.site-footer{background:#100d0c;border-top:1px solid rgba(211,126,67,.27);padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:28px}.footer-brand img,.qr{border-radius:18px;border:1px solid rgba(223,146,83,.35);background:#201b18}.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#bba790}.mini-link{display:inline-flex;margin-top:12px;color:#ffc083}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.stat-strip div{border:1px solid rgba(224,137,74,.28);background:rgba(255,255,255,.045);border-radius:18px;padding:18px;text-align:center}.stat-strip strong{display:block;font-size:1.7rem;color:#ffca8a}.directory-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.directory-list a{padding:18px;border-radius:16px;border:1px solid rgba(220,134,72,.28);background:rgba(255,255,255,.04);color:#ffd09a}.notice{padding:14px 18px;border:1px solid rgba(255,203,138,.25);border-radius:16px;background:rgba(255,203,138,.08);color:#e8d1b8}@keyframes metalSweep{0%{left:-60%;opacity:0}20%{opacity:.65}100%{left:130%;opacity:0}}@keyframes rustJitter{0%{filter:contrast(1)}50%{filter:contrast(1.1) brightness(.94)}100%{filter:contrast(1)}}@media (max-width:900px){.topbar,.footer-grid,.section-title{display:block}.domain-pill{display:inline-block;margin-top:12px}.grid.three,.grid.four,.grid.two,.faq-list,.footer-grid,.image-wall,.partner-wall,.directory-list{grid-template-columns:1fr}.hero{min-height:68vh}.metrics,.stat-strip{grid-template-columns:repeat(2,1fr)}.timeline article{grid-template-columns:1fr}.fake-search{grid-template-columns:1fr}.main-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:14px}.main-nav a{white-space:nowrap}.section{padding:56px 0}}