:root{color-scheme:dark;--bg: #08090b;--panel: #111419;--panel-2: #171b21;--gold: #d7b15b;--gold-soft: rgba(215, 177, 91, .18);--silver: #c8d0dc;--muted: #858d9b;--cyan: #6ad7ff;--line: rgba(255, 255, 255, .1);--danger: #ff6464;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 12%,rgba(215,177,91,.12),transparent 34%),radial-gradient(circle at 85% 10%,rgba(106,215,255,.1),transparent 30%),linear-gradient(135deg,#050506,#0a0d12 48%,#101318);color:#f4f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,56px);background:#08090bd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;border:0;color:inherit;background:transparent;text-align:left}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#111;background:linear-gradient(135deg,#f8dd91,#a97922);border-radius:8px;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px;margin-top:2px}.desktop-nav{display:flex;gap:8px}.desktop-nav button,.mobile-drawer button,.segments button{border:1px solid transparent;background:transparent;color:var(--silver);padding:9px 13px;border-radius:8px}.desktop-nav button.active,.mobile-drawer button.active,.segments button.active{border-color:#d7b15b73;background:var(--gold-soft);color:#ffe5a3}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--silver)}.mobile-only{display:none}.hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:32px;align-items:center;padding:54px clamp(18px,5vw,76px) 28px}.hero-copy h1{margin:14px 0;font-size:clamp(64px,12vw,132px);line-height:.9;letter-spacing:0;background:linear-gradient(120deg,#fff,#f3d98d 55%,#9de7ff);-webkit-background-clip:text;color:transparent}.hero-copy p,.split-band p,.detail-copy p{max-width:680px;color:var(--silver);font-size:18px;line-height:1.8}.eyebrow,.mini-label{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);text-transform:uppercase;letter-spacing:0}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary,.secondary,.danger,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:10px 16px;border:1px solid var(--line);color:#fff}.primary{background:linear-gradient(135deg,#d7b15b,#7f5a1c);border-color:#ffe09480;color:#111;font-weight:800}.secondary{background:#151920}.danger{background:#ff64641f;color:#ffd5d5;border-color:#ff646459}.text-button{background:transparent;color:var(--gold);border-color:#d7b15b4d}.hero-panel{padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff06);box-shadow:0 24px 80px #00000061}.signal-row{display:flex;align-items:center;gap:10px;color:var(--silver);margin-bottom:18px}.signal-row span{width:10px;height:10px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);border-radius:50%}.glass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.glass-grid div{min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#11151c}.glass-grid svg{color:var(--gold)}.glass-grid small{color:var(--muted)}.section,.page{padding:42px clamp(18px,5vw,76px)}.page{min-height:calc(100vh - 156px)}.narrow{max-width:960px;margin:0 auto}.section-head,.page-title{margin-bottom:24px}.section-head span,.page-title span{color:var(--gold)}.section-head h2,.page-title h1,.split-band h2{margin:6px 0 0;font-size:clamp(28px,5vw,46px);letter-spacing:0}.split-band{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff06}.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#6ad7ff09}.compact-contact{margin-bottom:18px;padding:18px;border:1px solid var(--line);border-radius:8px}.contact-copy h2{margin:8px 0;font-size:clamp(26px,4vw,42px);letter-spacing:0}.contact-copy p{max-width:720px;color:var(--silver);line-height:1.8}.contact-lines{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.contact-lines span{border:1px solid rgba(215,177,91,.32);border-radius:8px;padding:9px 12px;color:#f7d982;background:#d7b15b1a}.qr-card{display:grid;gap:8px;justify-items:center;padding:14px;border:1px solid rgba(215,177,91,.35);border-radius:8px;background:#10141a;text-align:center}.qr-card img{width:168px;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff}.qr-card small{color:var(--muted);line-height:1.5}.filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.searchbox{min-width:min(460px,100%);display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.searchbox input{border:0;background:transparent;color:#fff;outline:0;height:44px;flex:1}.segments{display:flex;gap:8px;flex-wrap:wrap}.service-grid,.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.service-card,.case-card,.admin-card,.form-panel,.login-panel{border:1px solid var(--line);border-radius:8px;background:#111419e6;overflow:hidden}.service-card img,.case-card img,.case-card video{width:100%;height:220px;object-fit:cover;display:block;background:#0c0f14}.card-body,.case-card div{padding:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid rgba(106,215,255,.35);border-radius:999px;color:#9de7ff;background:#6ad7ff14;font-size:12px}.service-card h3,.case-card h3,.admin-card h3{margin:12px 0 8px}.service-card p,.case-card p,.admin-card p,.admin-card small{color:var(--muted);line-height:1.7}.detail{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}.detail-cover{width:100%;max-height:560px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.detail-copy h1{font-size:clamp(42px,8vw,78px);margin:14px 0}.price-line{color:#f7d982;font-size:28px;font-weight:900;margin:22px 0}.form-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.form-panel.compact{align-content:start}label{display:grid;gap:8px;color:var(--silver)}input,select,textarea{width:100%;color:#fff;background:#0d1015;border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:none}textarea{resize:vertical}.full{grid-column:1 / -1}.payment button{flex:1}.message{grid-column:1 / -1;color:#f8d98d;margin:0}.login-panel{display:grid;gap:14px;padding:24px}.login-panel svg{color:var(--gold)}.login-panel small{color:var(--muted)}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.tabs{margin-bottom:20px}.crud-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:start}.admin-list{display:grid;gap:12px}.admin-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px}.admin-card select{max-width:170px}.actions{display:flex;gap:8px;flex-wrap:wrap}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto}footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:26px;color:var(--muted);border-top:1px solid var(--line)}.mobile-drawer{position:fixed;inset:0;z-index:30;display:grid;align-content:start;gap:10px;padding:72px 20px 20px;background:#08090bf5}.mobile-drawer .close{position:absolute;right:18px;top:16px}.mobile-drawer button{text-align:left}@media(max-width:860px){.desktop-nav{display:none}.mobile-only{display:grid}.hero,.detail,.crud-layout,.contact-panel{grid-template-columns:1fr}.hero{min-height:auto;padding-top:34px}.glass-grid{grid-template-columns:1fr}.split-band,.admin-head,.admin-card{align-items:stretch;flex-direction:column}.form-panel{grid-template-columns:1fr}.filters{align-items:stretch}.searchbox{width:100%}}