:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef1f0;letter-spacing:0;background:#0a0c0f;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{background:#0a0c0f;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 20% 0,#265c6642,#0000 34rem),linear-gradient(#0a0c0f 0%,#101313 54%,#0c0e0f 100%);min-height:100vh}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,56px);display:flex;position:absolute;top:0;left:0;right:0}.topbar-compact{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c0fdb;border-bottom:1px solid #ffffff14;position:sticky}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#111;background:#d6bd75;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:inline-flex}.brand strong{white-space:nowrap;font-size:15px;display:block}.brand small{color:#aab2ae;margin-top:3px;font-size:12px;display:block}.topbar nav{color:#d6ddd9;gap:22px;font-size:14px;display:flex}.hero{align-items:center;min-height:92vh;padding:120px clamp(18px,6vw,86px) 80px;display:grid;position:relative;overflow:hidden}.hero-bg{filter:saturate(.75);background:linear-gradient(90deg,#0a0c0ffa,#0a0c0fb8,#0a0c0feb),url(https://images.unsplash.com/photo-1518709268805-4e9042af2176?auto=format&fit=crop&w=2200&q=80) 50%/cover;position:absolute;inset:0}.hero-content{z-index:2;max-width:780px;position:relative}.eyebrow,.section-heading span,.page-title span,.portal-head span,.admin-head span{color:#d6bd75;letter-spacing:0;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-flex}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:24px;font-size:clamp(48px,8vw,92px);line-height:1}.hero p{color:#d8dedb;max-width:680px;font-size:19px;line-height:1.8}.hero-actions,.row-actions{flex-wrap:wrap;gap:12px;display:flex}.contact-strip{color:#dbe2df;background:#ffffff13;border:1px solid #d6bd753d;border-radius:8px;align-items:center;gap:8px;min-height:42px;margin-top:18px;padding:0 14px;display:inline-flex}.contact-strip svg{color:#d6bd75}.contact-strip strong{color:#f1dfaa}.contact-note{color:#cfd7d3;margin-bottom:0}.primary-btn,.ghost-btn{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.primary-btn{color:#111;background:#d6bd75}.ghost-btn{color:#eef1f0;background:#ffffff14;border:1px solid #ffffff1f}.full{width:100%}.section,.plans-band,.payment-panel,.page-wrap{padding:72px clamp(18px,6vw,86px)}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2,.page-title h1,.portal-head h1,.admin-head h1{margin-bottom:12px;font-size:clamp(28px,4vw,42px);line-height:1.16}.section-heading p,.page-title p{color:#aab2ae}.feature-grid,.plan-grid,.qr-grid,.content-grid{gap:18px;display:grid}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.plan-card,.form-card,.content-card,.admin-row,.success-box,.login-card,.qr-box,.empty-state{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 24px 80px #00000038}.feature-card{padding:24px}.feature-card svg{color:#d6bd75}.feature-card h3,.plan-card h3,.content-card h3{margin:16px 0 10px}.feature-card p,.plan-card p,.content-card p,.success-box p,.login-card p,.admin-row p,.admin-row small{color:#aeb8b3;line-height:1.65}.plans-band{background:#111514}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{flex-direction:column;justify-content:space-between;min-height:320px;padding:28px;display:flex}.plan-badge,.status,.status-pill,.content-meta span{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.plan-badge{color:#eadca8;background:#d6bd7524}.price{margin:30px 0 18px;font-size:54px;font-weight:900}.price span{font-size:24px}.page-wrap{max-width:1240px;margin:0 auto}.narrow{max-width:720px}.order-layout,.content-admin{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:22px;display:grid}.form-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid}label{color:#dce3df;gap:8px;font-size:14px;font-weight:800;display:grid}input,select,textarea{color:#fff;background:#00000038;border:1px solid #ffffff1f;border-radius:8px;width:100%;min-height:46px;padding:0 13px}textarea{resize:vertical;min-height:112px;padding-top:12px}.wide{grid-column:1/-1}.payment-panel{padding:0}.compact-heading{margin-bottom:16px}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-box{text-align:center;justify-items:center;padding:22px;display:grid}.fake-qr{background:#eef1f0;border:10px solid #eef1f0;grid-template-columns:repeat(7,1fr);gap:3px;width:170px;height:170px;margin-bottom:14px;display:grid}.fake-qr span{background:#d8d8d8}.fake-qr .dark{background:#111}.qr-box.green .fake-qr{box-shadow:0 0 0 4px #39c4784d}.qr-box.blue .fake-qr{box-shadow:0 0 0 4px #4599ec4d}.success-box,.login-card{text-align:center;max-width:520px;margin:0 auto;padding:34px}.success-box svg,.login-card svg{color:#d6bd75}.order-code{background:#070808;border:1px solid #ffffff1f;border-radius:8px;margin:22px 0;padding:16px;font-size:28px;font-weight:900}.login-page,.admin-login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card input{text-align:center;margin:12px 0}.error-text{color:#ff9b9b;margin-bottom:12px;font-size:14px}.portal-shell,.admin-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.portal-side,.admin-side{background:#0d1011;border-right:1px solid #ffffff14;flex-direction:column;gap:8px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.portal-side .brand,.admin-side .brand{margin-bottom:22px}.portal-side button,.admin-side button{color:#b5bfba;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 12px;display:flex}.portal-side .side-active,.admin-side .side-active{color:#f0dfad;background:#d6bd7521}.side-logout{margin-top:auto}.portal-main,.admin-main{background:#101313;padding:32px}.portal-head,.admin-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.status-pill{color:#9be0b7;white-space:nowrap;background:#39c4781f;align-items:center;gap:8px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{padding:20px;overflow:hidden}.content-meta{gap:8px;display:flex}.content-meta span{color:#dce3df;background:#ffffff14}.content-card img,.video-frame video{object-fit:cover;background:#050606;border-radius:8px;width:100%;max-height:420px;margin:16px 0;display:block}.download-box{background:#d6bd7517;border:1px solid #d6bd7538;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px 0;padding:16px;display:grid}.download-box svg{color:#d6bd75}.download-box strong,.download-box span{display:block}.download-box span{color:#aeb8b3;margin-top:4px;font-size:13px;line-height:1.5}.video-frame{position:relative}.watermark{color:#ffffffb8;letter-spacing:0;pointer-events:none;background:#0000006b;border-radius:6px;padding:7px 10px;font-weight:900;position:absolute;top:28px;right:14px}.admin-head{border-bottom:1px solid #ffffff14;padding-bottom:18px}.table-list{gap:12px;display:grid}.admin-row{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.admin-row p{margin:7px 0}.status{color:#eadca8;white-space:nowrap;background:#d6bd7521}.status.approved{color:#9be0b7;background:#39c47824}.empty-state{text-align:center;justify-items:center;padding:34px;display:grid}@media (width<=920px){.feature-grid,.plan-grid,.qr-grid,.content-grid,.order-layout,.content-admin,.portal-shell,.admin-shell{grid-template-columns:1fr}.portal-side,.admin-side{height:auto;position:static}.portal-main,.admin-main{padding:22px}}@media (width<=640px){.topbar{align-items:flex-start;gap:14px;position:relative}.topbar nav{flex-direction:column;gap:8px}.hero{min-height:82vh;padding-top:42px}.hero h1{font-size:46px}.form-card{grid-template-columns:1fr}.admin-row,.portal-head,.admin-head{flex-direction:column;align-items:stretch}}