*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}.site{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-serif: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace;--bg: #0c0c0f;--panel: #15151a;--line: #26262c;--text: #f2f2f4;--muted: #9b9ba4;--accent: #e8367a;--accent-2: #a855f7;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6}.site a{color:inherit;text-decoration:none}.site-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 clamp(18px,4vw,56px);background:#0c0c0fb8;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}.site-nav__brand{font-weight:800;font-size:18px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-nav__links{display:flex;align-items:center;gap:4px}.site-nav__link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;padding:9px 15px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .18s ease,background .18s ease}.site-nav__link:hover{color:var(--text);background:#ffffff0f}.site-nav__link.is-active{color:#fff;background:var(--accent)}.page{display:none}.page.is-active{display:block;animation:pageIn .4s ease both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{position:relative;height:100vh;min-height:560px;display:flex;align-items:center;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#17171c;background-size:cover;background-position:center;background-repeat:no-repeat}.hero__media.is-empty{background-image:repeating-linear-gradient(45deg,#17171c,#17171c 14px,#1d1d24 14px,#1d1d24 28px)}.hero__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06060840,#060608e6)}.hero__inner{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.hero__title{margin:0 0 18px;font-size:clamp(40px,7vw,96px);line-height:1.04}.hero__subtitle{margin:0;max-width:46ch;font-size:clamp(16px,2vw,24px);line-height:1.5}.hero__tagline{margin:26px 0 0;padding-left:14px;border-left:3px solid var(--accent);color:var(--muted);font-size:15px}.hero__empty-tip{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:3;color:#b9b9c2;font-size:13px;letter-spacing:.02em;padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#0c0c0f99}.section{padding:clamp(72px,9vw,140px) clamp(20px,5vw,64px)}.section__head{max-width:1400px;margin:0 auto clamp(28px,4vw,48px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section__titles{display:flex;flex-direction:column;gap:10px}.section__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.section__title{margin:0;font-size:clamp(26px,3.2vw,42px);line-height:1.15}.section__more{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:14px;padding:10px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:.18s ease}.section__more:hover{color:#fff;border-color:var(--accent);background:#e8367a1f}.grid{max-width:1400px;margin:0 auto;display:grid;gap:clamp(14px,1.6vw,22px)}.grid--images{grid-template-columns:repeat(3,1fr)}.grid--ads{grid-template-columns:repeat(4,1fr)}.card{position:relative;display:block;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--panel);transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px);border-color:#e8367a80}.card__media{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#1b1b21}.card--ad .card__media{aspect-ratio:4 / 5}.card__body{position:absolute;left:0;right:0;bottom:0;padding:16px 16px 15px;background:linear-gradient(180deg,#0000,#000c)}.card__title{font-size:16px;line-height:1.35}.card__desc{margin-top:2px;font-size:13px;opacity:.9}.ph{display:flex;align-items:center;justify-content:center;text-align:center;color:#6f6f79;font-size:13px;letter-spacing:.02em;background:repeating-linear-gradient(45deg,#17171c,#17171c 14px,#1d1d24 14px,#1d1d24 28px)}.playbtn{position:relative;z-index:2;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#fffffff0;box-shadow:0 12px 40px #00000073;transition:transform .2s ease}.playbtn:before{content:"";width:0;height:0;margin-left:5px;border-left:20px solid #0c0c0f;border-top:12px solid transparent;border-bottom:12px solid transparent}.video-item__cover:not(.is-empty):hover .playbtn{transform:scale(1.08)}.video-wall{position:relative;max-width:1400px;margin:0 auto}.video-wall__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.8;-webkit-mask-image:radial-gradient(115% 85% at 50% 40%,#000 30%,transparent 76%);mask-image:radial-gradient(115% 85% at 50% 40%,#000 30%,transparent 76%)}.video-wall__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(14px,1.6vw,22px)}.vcard{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);animation:vcardIn .6s cubic-bezier(.22,.61,.36,1) both;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}@keyframes vcardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.vcard:hover{transform:translateY(-6px);border-color:#e8367a8c;box-shadow:0 18px 44px #00000080,0 0 34px #e8367a38}.vcard__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.vcard__frame,.vcard__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vcard__frame{border:0;display:block}.vcard__cover{display:grid;place-items:center;background-color:#131318;background-size:cover;background-position:center;cursor:pointer;transition:transform .35s ease}.vcard__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06060826,#060608b8);transition:opacity .3s ease}.vcard__cover.is-empty{cursor:default}.vcard:hover .vcard__cover{transform:scale(1.06)}.vcard__cover .vcard__play{width:56px;height:56px;opacity:.9;transition:transform .28s ease,opacity .28s ease}.vcard__cover .vcard__play:before{margin-left:4px;border-left-width:15px;border-top-width:9px;border-bottom-width:9px}.vcard:hover .vcard__cover .vcard__play{transform:scale(1.12);opacity:1}.vcard__ph{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.vcard__body{position:relative;padding:13px 15px 15px;background:linear-gradient(180deg,#14141ae6,#0e0e12f5)}.vcard__title{font-size:15px;line-height:1.4}.video-list{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(36px,5vw,64px)}.video-item__media{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#000}.video-item__frame,.video-item__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-item__frame{border:0}.video-item__cover{display:grid;place-items:center;background-color:#131318;background-size:cover;background-position:center;cursor:pointer}.video-item__cover.is-empty{cursor:default}.video-item__meta{margin-top:16px}.video-item__title{font-size:clamp(18px,2vw,24px)}.video-item__desc{margin-top:4px;font-size:14px;opacity:.9}.empty-hint{max-width:1400px;margin:0 auto;padding:48px 24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;font-size:14px}.site-footer{margin-top:auto;padding:40px clamp(20px,5vw,64px);border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:24px;background:#060608db;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility 0s linear .22s}.lightbox.is-open{opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s linear 0s}.lightbox__img{max-width:min(92vw,1400px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #0000008c;background:#0a0a0c;cursor:zoom-out}.lightbox__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#121216b3;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:.18s ease}.lightbox__close:hover{background:var(--accent);border-color:var(--accent)}@media (max-width: 980px){.grid--images,.grid--ads{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.site-nav{height:auto;padding:12px 16px;flex-direction:column;align-items:stretch;gap:10px}.site-nav__links{overflow-x:auto}.section__head{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.grid--images,.grid--ads{grid-template-columns:1fr}.card__media,.card--ad .card__media{aspect-ratio:4 / 3}}