:root{color-scheme:dark;--bg: #07111f;--bg-soft: rgba(15, 23, 42, .74);--panel: rgba(8, 15, 30, .78);--line: rgba(148, 163, 184, .18);--text: #eff6ff;--muted: #b6c3d8;--primary: #3b82f6;--accent: #67e8f9;--shadow: 0 24px 70px rgba(2, 6, 23, .4);font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 32%),radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 28%),linear-gradient(180deg,#081120,#0a1324 48%,#060d18);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.page-shell,.login-page,.admin-page{min-height:100vh}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fb8;border-bottom:1px solid rgba(148,163,184,.08)}.top-nav nav{display:flex;gap:20px;align-items:center}.nav-logo,.top-nav nav a{color:var(--muted);transition:color .2s ease}.nav-logo:hover,.top-nav nav a:hover,.nav-admin{color:#fff}.nav-admin{padding:10px 18px;border-radius:999px;background:#3b82f62e;border:1px solid rgba(103,232,249,.25)}.landing-shell{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:28px 0 48px}.landing-shell--compact{width:100%;padding:0}.hero-section{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:48px 0 28px}.brand-pill,.login-kicker,.section-title span,.hero-badge span,.hero-invite{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#38bdf824;color:var(--accent);border:1px solid rgba(56,189,248,.2)}.hero-copy h1,.login-card h1,.admin-toolbar h1{margin:18px 0 10px;font-size:clamp(38px,5vw,68px);line-height:1.02}.hero-subtitle{margin:0;font-size:22px;color:#d8e8ff}.hero-description,.section-title p,.support-card p,.case-card p,.login-card p{color:var(--muted);line-height:1.7}.hero-actions,.toolbar-actions,.section-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.hero-actions{justify-content:flex-start;margin-top:24px;flex-wrap:wrap}.hero-contact-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:var(--muted)}.primary-button,.ghost-button,.mini-button,.danger-button,.upload-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:12px 20px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary),#2563eb 70%,var(--accent));box-shadow:0 12px 30px #2563eb59}.ghost-button,.mini-button,.upload-button{color:#dbeafe;background:#0f172aa6;border-color:#94a3b833}.danger-button{padding:8px 10px;background:#ef444426;border-color:#f871714d;color:#fecaca}.primary-button:hover,.ghost-button:hover,.mini-button:hover,.danger-button:hover,.upload-button:hover{transform:translateY(-1px)}.card-surface,.contact-card,.repeat-card,.login-card,.admin-editor,.preview-sticky{border:1px solid var(--line);background:linear-gradient(180deg,#0a1222e0,#070d19db);box-shadow:var(--shadow)}.hero-visual,.contact-section,.panel-section,.login-card,.preview-sticky{border-radius:28px;padding:24px}.hero-visual{position:relative;overflow:hidden}.hero-visual img{border-radius:22px;aspect-ratio:5 / 6;object-fit:cover}.hero-badge{position:absolute;left:24px;right:24px;bottom:24px;padding:16px;border-radius:22px;background:#07111fbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-badge strong,.contact-card strong,.case-meta strong{display:block;margin-top:6px}.content-section{padding:48px 0 12px}.section-title{max-width:680px;margin-bottom:24px}.section-title--center{margin-inline:auto;text-align:center}.section-title h2{margin:16px 0 12px;font-size:clamp(28px,3vw,44px);line-height:1.15}.brand-grid,.support-grid,.case-grid,.contact-grid{display:grid;gap:18px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card,.support-card,.case-card{border-radius:24px;padding:20px}.brand-card{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center}.brand-card img{width:72px;height:72px;border-radius:20px;object-fit:cover}.brand-card span,.contact-card span,.case-meta span{color:var(--muted);font-size:14px}.support-icon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#3b82f62e;color:var(--accent)}.case-card img{aspect-ratio:4 / 5;object-fit:cover;border-radius:18px;margin-bottom:16px}.case-meta{margin-bottom:10px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{padding:18px 20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.landing-footer{padding:24px 0 8px;text-align:center;color:var(--muted)}.loading-state,.error-state,.success-inline,.error-inline{padding:14px 18px;border-radius:18px;margin:16px 0}.loading-state,.success-inline{background:#3b82f624;border:1px solid rgba(96,165,250,.25)}.error-state,.error-inline{background:#ef444424;border:1px solid rgba(248,113,113,.25)}.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%)}.login-form,.panel-section,.full-width,.repeat-card,.admin-editor{display:grid;gap:16px}.input-shell,label input,label textarea{width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#0f172ab8;color:#fff}.input-shell{display:flex;align-items:center;gap:10px;padding:0 14px}label span{display:block;margin-bottom:8px;color:#dbeafe;font-size:14px}label input,label textarea{padding:14px 16px}.input-shell input{padding:14px 0;border:0;background:transparent;color:inherit;width:100%;outline:none}label textarea{min-height:110px;resize:vertical}.login-button{justify-content:center}.admin-page{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:24px;padding:24px}.admin-editor{align-content:start;border-radius:30px;padding:24px}.admin-preview{min-width:0}.preview-sticky{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.preview-title h2,.panel-section h2{margin:0;font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full-width{grid-column:1 / -1}.repeat-card{padding:16px;border-radius:22px}@media (max-width: 1100px){.hero-section,.admin-page,.support-grid,.case-grid,.brand-grid,.contact-grid,.form-grid{grid-template-columns:1fr}.preview-sticky{position:static;max-height:none}}@media (max-width: 720px){.top-nav{padding:16px 18px;flex-direction:column;gap:12px}.top-nav nav{flex-wrap:wrap;justify-content:center}.landing-shell{width:calc(100% - 24px)}.hero-copy h1{font-size:36px}}