:root{--black:#151515;--coal:#222;--brick:#8d3f2d;--rust:#b45f35;--wood:#7a5635;--metal:#8c9191;--cement:#b9b1a4;--paper:#e8dcc8;--gold:#d7a858;--shadow:rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden;background-image:radial-gradient(circle at 20% 10%,rgba(180,95,53,.18),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92vw);margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(20,20,20,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(215,168,88,.22)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:24px;letter-spacing:2px}.mark{width:42px;height:42px;border:2px solid var(--gold);background:linear-gradient(135deg,var(--brick),#222);display:grid;place-items:center;box-shadow:inset 0 0 12px #000}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.links a{opacity:.9}.links a:hover{color:var(--gold)}.search{padding:12px 0 18px}.searchbox{display:flex;border:1px solid rgba(215,168,88,.35);background:#1d1d1d;box-shadow:0 8px 24px var(--shadow)}.searchbox input{flex:1;background:transparent;border:0;color:var(--paper);padding:14px 16px;outline:0}.searchbox button{background:var(--brick);color:#fff;border:0;padding:0 24px;font-weight:800}.search-tip{font-size:12px;color:var(--cement);margin-top:6px}.hero{min-height:76vh;display:grid;align-items:center;position:relative;isolation:isolate;background:url('../images/hero-loft.jpg') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.38),rgba(0,0,0,.78));z-index:-1}.hero h1{font-size:clamp(42px,7vw,86px);line-height:1.05;margin:0 0 22px;text-shadow:0 6px 18px #000}.tag{display:inline-block;color:var(--gold);border:1px solid rgba(215,168,88,.5);padding:5px 12px;background:rgba(0,0,0,.35);margin-bottom:18px}.lead{font-size:clamp(18px,2.2vw,25px);max-width:760px;color:#f2e2c4}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 22px;border:1px solid var(--gold);font-weight:900;background:linear-gradient(135deg,var(--brick),#3a2a24);box-shadow:0 10px 28px var(--shadow)}.btn.alt{background:rgba(0,0,0,.35)}section{padding:74px 0;border-top:1px solid rgba(215,168,88,.15)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-title h2{font-size:clamp(28px,4vw,48px);margin:0}.section-title p{max-width:520px;color:var(--cement);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,#242424,#191919);border:1px solid rgba(215,168,88,.18);box-shadow:0 18px 40px var(--shadow);overflow:hidden;position:relative}.card-body{padding:20px}.card h3{margin:0 0 8px;font-size:22px}.meta,.tags{display:flex;gap:10px;flex-wrap:wrap;color:var(--cement);font-size:13px}.tagpill{border:1px solid rgba(185,177,164,.28);padding:3px 8px;background:#202020}.video-card{cursor:pointer}.video-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#111}.video-thumb:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.32) 48%,rgba(215,168,88,.20) 52%,transparent 62%);transform:translateX(-70%) rotate(8deg);transition:.7s}.video-card:hover .video-thumb:after{transform:translateX(55%) rotate(8deg)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);width:66px;height:66px;border-radius:50%;background:rgba(0,0,0,.56);border:2px solid var(--gold);display:grid;place-items:center;opacity:0;transition:.25s}.play:before{content:"";border-left:20px solid var(--gold);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover{animation:rust .18s steps(2,end) 4}@keyframes rust{0%{filter:contrast(1)}50%{filter:contrast(1.1) sepia(.18);transform:translate(.5px,-.5px)}100%{filter:contrast(1)}}.masonry{columns:3 260px;column-gap:18px}.masonry figure{break-inside:avoid;margin:0 0 18px;background:#202020;border:1px solid rgba(215,168,88,.18);padding:10px}.masonry figcaption{font-size:13px;color:var(--cement);padding:8px}.quote{border-left:4px solid var(--rust);padding:18px;background:#202020}.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.partner{padding:22px;text-align:center;background:#222;border:1px solid rgba(215,168,88,.18);font-weight:900;color:var(--gold)}details{background:#202020;border:1px solid rgba(215,168,88,.18);padding:16px;margin-bottom:12px}summary{cursor:pointer;font-weight:900}.contact-box{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.footer{background:#111;padding:36px 0;color:var(--cement);border-top:2px solid var(--brick)}.footer .logo{color:var(--paper)}.notice{color:var(--gold);font-weight:800}.breadcrumb{padding:26px 0;color:var(--cement);font-size:14px}.page-hero{padding:72px 0;background:linear-gradient(135deg,#222,#351f19)}@media(max-width:850px){.nav{align-items:flex-start;flex-direction:column}.grid,.grid.two,.contact-box{grid-template-columns:1fr}.logos{grid-template-columns:repeat(2,1fr)}.hero{min-height:68vh}.links{gap:10px}.section-title{display:block}.btns{flex-direction:column}.btn{text-align:center}}