:root{--ink:#17202d;--nav:#151b25;--blue:#1677ff;--blue-dark:#0964db;--sky:#eaf3ff;--paper:#fff;--canvas:#f4f7fb;--line:#e1e7ef;--muted:#647184;--green:#169b62;--amber:#db8b10;--red:#df4a50;--shadow:0 14px 38px rgba(27,42,70,.08);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Noto Sans SC",sans-serif;letter-spacing:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(22,119,255,.28);outline-offset:2px}::selection{background:#b9d8ff;color:#0a315f}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:var(--nav);color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px;color:#fff;text-decoration:none;font-size:20px;font-weight:800}.brand small{display:block;color:#7f8da2;font:500 9px/1.4 "Noto Sans SC",sans-serif;letter-spacing:.16em}.brand-mark{width:34px;height:34px;position:relative;display:block}.brand-mark i{position:absolute;width:13px;height:22px;background:var(--blue);border-radius:10px 1px 10px 1px;transform-origin:100% 100%}.brand-mark i:nth-child(1){left:2px;top:3px;transform:rotate(-24deg)}.brand-mark i:nth-child(2){left:11px;top:0;transform:rotate(12deg)}.brand-mark i:nth-child(3){left:17px;top:10px;transform:rotate(54deg)}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#93a0b2;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:9px;font-weight:600;text-align:left;transition:.18s ease}.nav-item svg{width:19px}.nav-item:hover{color:#fff;background:#1d2735}.nav-item.is-active{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(22,119,255,.23)}.sidebar-note{margin-top:auto;border-top:1px solid #2b3542;padding:20px 10px;display:flex;gap:10px;align-items:flex-start}.sidebar-note strong,.sidebar-note small,.profile-button strong,.profile-button small{display:block}.sidebar-note strong{font-size:13px}.sidebar-note small,.profile-button small{font-size:11px;color:#7f8da2;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:#2bd98b;box-shadow:0 0 0 4px rgba(43,217,139,.1);margin-top:5px}.profile-button{border:0;border-radius:10px;padding:10px;background:#1c2532;color:#fff;display:flex;align-items:center;gap:10px;text-align:left}.profile-button>span:nth-child(2){flex:1}.profile-button svg{width:16px;color:#718096}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#dceaff;color:#1459a4;font-weight:800}.main{margin-left:256px;min-height:100vh}.topbar{height:86px;padding:0 clamp(24px,4vw,56px);background:rgba(255,255,255,.92);display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar p{font-size:11px;color:var(--muted);margin:0 0 2px}.topbar h1{font-size:20px;margin:0}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;position:relative;color:#536174}.icon-button svg{width:19px}.notification-dot{position:absolute;right:9px;top:8px;width:7px;height:7px;background:var(--red);border-radius:50%;border:2px solid #fff}.menu-button{display:none}.primary,.secondary,.light-button,.text-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.18s ease}.primary{background:var(--blue);color:#fff;border-radius:10px;padding:13px 18px;box-shadow:0 8px 20px rgba(22,119,255,.17)}.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.compact{padding:10px 14px}.primary svg,.secondary svg,.light-button svg,.text-button svg{width:17px}.content{max-width:1500px;margin:0 auto;padding:38px clamp(24px,4vw,56px) 70px}.view{display:none}.view.is-active{display:block;animation:viewIn .38s cubic-bezier(.16,1,.3,1)}@keyframes viewIn{from{opacity:.3;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.welcome-row,.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.welcome-row h2,.section-intro h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:0 0 8px;letter-spacing:-.02em}.welcome-row p,.section-intro p{margin:0;color:var(--muted)}.date-chip,.demo-label{font:600 12px "Noto Sans SC",sans-serif;color:#526174;background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metrics article{background:#fff;border-radius:var(--radius);padding:22px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 8px 28px rgba(30,48,78,.05)}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;flex:none}.metric-icon svg{width:20px}.metric-icon.blue{background:#e8f2ff;color:var(--blue)}.metric-icon.green{background:#e5f7ef;color:var(--green)}.metric-icon.amber{background:#fff3df;color:var(--amber)}.metric-icon.ink{background:#e9edf3;color:#435165}.metrics p{margin:0 0 5px;color:var(--muted);font-size:12px}.metrics strong{font:600 26px "Noto Sans SC",sans-serif}.metrics small{display:block;color:#8a95a5;font-size:11px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.orders-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h3,.panel-heading p{margin:0}.panel-heading h3{font-size:17px}.panel-heading p{color:var(--muted);font-size:12px;margin-top:4px}.text-button{background:transparent;color:var(--blue);font-size:13px}.order-list{margin-top:18px}.order-item{display:grid;grid-template-columns:44px minmax(170px,1fr) minmax(170px,1.1fr) 110px;align-items:center;gap:16px;padding:17px 4px;border-top:1px solid #edf0f4}.order-symbol{width:40px;height:40px;background:#edf5ff;color:var(--blue);border-radius:10px;display:grid;place-items:center}.order-symbol svg{width:19px}.order-main strong,.order-main small{display:block}.order-main small{color:var(--muted);font-size:11px;margin-top:3px}.progress-copy{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px;color:var(--muted)}.progress-copy strong{color:var(--ink)}.progress-track{height:6px;background:#e9eef4;border-radius:5px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--blue);border-radius:5px}.status-badge{justify-self:end;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:700;background:#e7f8f0;color:var(--green)}.quick-panel{background:var(--blue);color:#fff;border-radius:var(--radius);padding:25px;min-height:330px;display:flex;flex-direction:column;box-shadow:0 16px 36px rgba(22,119,255,.2);position:relative;overflow:hidden}.quick-panel:after{content:"";position:absolute;width:180px;height:180px;border:38px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-80px}.quick-copy{position:relative;z-index:1}.quick-copy>svg{width:28px;height:28px;margin-bottom:32px}.quick-copy h3{font-size:24px;margin:0 0 9px}.quick-copy p{margin:0;line-height:1.7;color:#d9eaff;font-size:13px}.light-button{background:#fff;color:#1269d7;border-radius:9px;padding:12px 15px;margin:21px 0 auto;position:relative;z-index:1}.health{border-top:1px solid rgba(255,255,255,.2);padding-top:18px}.health>div:first-child{display:flex;justify-content:space-between;font-size:12px}.health-track{height:5px;background:rgba(255,255,255,.22);border-radius:5px;margin:10px 0}.health-track i{display:block;width:90%;height:100%;background:#fff;border-radius:5px}.health small{color:#d9eaff}.form-layout{display:grid;grid-template-columns:minmax(0,760px) 310px;gap:20px;align-items:start}.order-form{padding:30px}.form-section{display:flex;gap:13px;margin-bottom:22px;align-items:flex-start}.form-section.second{margin-top:34px}.form-section h3,.form-section p{margin:0}.form-section h3{font-size:16px}.form-section p{font-size:12px;color:var(--muted);margin-top:4px}.step{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--sky);color:var(--blue);font:700 12px "Noto Sans SC"}.order-form>label,.order-form legend{display:block;font-weight:600;font-size:13px;margin-top:18px}.order-form input[type="url"],.order-form input[type="text"],.quantity-control{width:100%;border:1px solid var(--line);background:#fbfcfe;border-radius:10px;margin-top:8px;min-height:48px}.order-form input[type="url"],.order-form input[type="text"]{padding:0 14px}.order-form input:focus{border-color:var(--blue);background:#fff}.quantity-control{display:grid;grid-template-columns:48px 1fr 48px;overflow:hidden}.quantity-control button{border:0;background:#f2f5f9;color:#536174}.quantity-control input{border:0;text-align:center;background:#fff;min-width:0}.quantity-control input:focus{outline:0}.order-form fieldset{border:0;padding:0;margin:18px 0 0}.segment{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.segment label{position:relative}.segment input{position:absolute;opacity:0}.segment span{display:block;border:1px solid var(--line);padding:13px;border-radius:10px}.segment small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.segment input:checked+span{border-color:var(--blue);background:var(--sky);color:#0e5fc4}.checkbox-row{display:flex!important;align-items:center;gap:9px!important;font-weight:400!important}.checkbox-row input{accent-color:var(--blue);width:17px;height:17px}.submit{width:100%;margin-top:22px}.summary-panel{background:var(--nav);color:#fff;border-radius:var(--radius);padding:25px;position:sticky;top:110px}.summary-panel h3{margin:0 0 22px}.summary-panel dl{margin:0}.summary-panel dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2a3442;font-size:13px}.summary-panel dt{color:#99a7b9}.summary-panel dd{margin:0}.total{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 0}.total span{font-size:12px;color:#99a7b9}.total strong{font:600 25px "Noto Sans SC"}.summary-panel>p{margin:0;padding:13px;background:#202b39;color:#aeb9c8;border-radius:9px;font-size:11px;line-height:1.6;display:flex;gap:8px}.summary-panel>p svg{width:16px;flex:none}.toolbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:16px}.search{position:relative;max-width:360px;flex:1}.search svg{position:absolute;width:18px;left:13px;top:13px;color:#8995a5}.search input{width:100%;height:44px;border:1px solid var(--line);border-radius:9px;padding:0 14px 0 40px;background:#fff}.filter-group{display:flex;background:#e9eef5;padding:4px;border-radius:9px}.filter{border:0;background:transparent;padding:8px 12px;border-radius:7px;color:#687689;font-size:12px}.filter.is-active{background:#fff;color:var(--ink);box-shadow:0 3px 9px rgba(26,40,64,.08)}.table-wrap{background:#fff;border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid #edf0f4;font-size:13px}th{color:#748196;font-size:11px;background:#fafbfc}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.account-name{display:flex;gap:10px;align-items:center}.mini-avatar{width:34px;height:34px;background:#eaf3ff;color:#176ecf;display:grid;place-items:center;border-radius:9px;font-weight:700}.state{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.state.check{color:var(--amber)}.state.check:before{background:var(--amber)}.row-action{border:0;background:transparent;color:#6f7e91;padding:6px}.order-history{display:grid;gap:12px}.history-card{background:#fff;border-radius:12px;padding:19px 22px;display:grid;grid-template-columns:130px minmax(180px,1fr) 130px 150px 110px;gap:18px;align-items:center;box-shadow:0 7px 24px rgba(30,48,78,.045)}.history-card small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.history-card strong{font-size:13px}.history-status{justify-self:end}.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border-radius:11px;box-shadow:0 6px 20px rgba(30,48,78,.04)}.faq-item button{border:0;background:transparent;width:100%;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:600;color:var(--ink)}.faq-item button svg{width:18px;transition:.2s}.faq-item p{display:none;margin:0;padding:0 20px 20px;color:var(--muted);font-size:13px;line-height:1.8;max-width:72ch}.faq-item.is-open p{display:block}.faq-item.is-open button svg{transform:rotate(180deg)}.support-block{background:#fff;padding:25px;border-radius:var(--radius);box-shadow:var(--shadow)}.support-block>svg{color:var(--blue);width:28px}.support-block h3{margin:18px 0 8px}.support-block p{color:var(--muted);font-size:13px;line-height:1.7}.mobile-nav{display:none}.toast{position:fixed;right:28px;bottom:28px;background:var(--nav);color:#fff;border-radius:11px;padding:14px 18px;display:flex;align-items:center;gap:11px;box-shadow:0 18px 45px rgba(15,24,36,.25);transform:translateY(25px);opacity:0;pointer-events:none;transition:.25s ease;z-index:50}.toast.is-visible{transform:none;opacity:1}.toast svg{color:#4cdb9b}.toast strong,.toast small{display:block}.toast small{color:#9daabd;font-size:11px;margin-top:2px}.overlay{display:none}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.quick-panel{min-height:260px}.form-layout{grid-template-columns:1fr}.summary-panel{position:static}.history-card{grid-template-columns:110px 1fr 100px 110px}.history-card>div:nth-child(4){display:none}}
@media(max-width:760px){body{padding-bottom:70px}.sidebar{transform:translateX(-100%);transition:.25s ease;width:260px}.sidebar.is-open{transform:none}.overlay.is-visible{display:block;position:fixed;inset:0;background:rgba(10,18,28,.42);z-index:15}.main{margin-left:0}.topbar{height:72px;padding:0 16px}.menu-button{display:grid;margin-right:12px}.topbar p{display:none}.topbar h1{font-size:18px}.top-actions>.icon-button{display:none}.top-actions .primary{font-size:0;width:42px;height:42px;padding:0}.top-actions .primary svg{width:19px}.content{padding:25px 16px 35px}.welcome-row,.section-intro{align-items:flex-start}.date-chip{display:none}.welcome-row h2,.section-intro h2{font-size:25px}.metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px}.metrics article{min-width:230px;scroll-snap-align:start}.order-item{grid-template-columns:40px 1fr 80px}.order-item .progress-cell{grid-column:2/4}.quick-panel{min-height:280px}.form-layout{display:block}.order-form{padding:22px 18px}.summary-panel{margin-top:14px}.segment{grid-template-columns:1fr}.toolbar{display:block}.filter-group{margin-top:10px;overflow-x:auto}.section-intro .primary,.section-intro .secondary{font-size:0;width:42px;height:42px;padding:0}.history-card{grid-template-columns:90px 1fr 80px;padding:16px}.history-card>div:nth-child(3),.history-card>div:nth-child(4){display:none}.help-layout{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid var(--line);height:66px;z-index:14;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:#fff;color:#7c8899;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mobile-nav button.is-active{color:var(--blue)}.mobile-nav svg{width:19px}.mobile-nav small{font-size:10px}.toast{left:16px;right:16px;bottom:82px}.table-wrap{margin-right:-16px;border-radius:12px 0 0 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.order-form textarea,.order-form select{width:100%;border:1px solid var(--line);background:#fbfcfe;border-radius:10px;margin-top:8px;padding:13px 14px;color:var(--ink)}.order-form textarea{resize:vertical;min-height:112px;line-height:1.6}.order-form select{height:48px;appearance:auto}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid label{font-weight:600;font-size:13px}.payment-segment{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.payment-segment label{position:relative}.payment-segment input{position:absolute;opacity:0}.payment-segment span{min-height:62px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px}.payment-segment input:checked+span{border-color:var(--blue);background:var(--sky);color:#0e5fc4}.payment-segment b{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:12px}.wechat{background:#2cbf63}.alipay{background:#1677ff}.balance{background:#8995a5}.ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ticket-grid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px;text-align:left;font-weight:700;color:var(--ink)}.ticket-grid button small{float:right;color:var(--muted);font-weight:500}.ticket-grid button.is-selected{border-color:var(--blue);background:var(--sky);color:#0e5fc4}.notice-box{display:flex;gap:10px;margin-top:22px;padding:14px;background:#fff8eb;color:#805e25;border-radius:10px;font-size:12px;line-height:1.7}.notice-box svg{width:18px;flex:none;margin-top:2px}.notice-box p{margin:0}.table-actions{display:flex;gap:6px}.mini-action{border:0;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700}.mini-action.blue{background:#e8f2ff;color:var(--blue)}.mini-action.red{background:#ffeded;color:var(--red)}.mini-action.green{background:#e7f8f0;color:var(--green)}
@media(max-width:760px){.field-grid,.payment-segment,.ticket-grid{grid-template-columns:1fr}.payment-segment span{justify-content:flex-start;padding-left:18px}.table-actions{min-width:170px}}

.account-dialog{width:min(620px,calc(100vw - 32px));padding:0;border:0;border-radius:14px;color:var(--ink);box-shadow:0 28px 80px rgba(11,20,33,.28)}.account-dialog::backdrop{background:rgba(9,16,26,.56);backdrop-filter:blur(2px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.dialog-heading p,.dialog-heading h2{margin:0}.dialog-heading p{font-size:11px;color:var(--muted);margin-bottom:3px}.dialog-heading h2{font-size:21px}.dialog-body{padding:24px;display:grid;gap:17px}.dialog-body label{display:grid;gap:8px;font-size:13px;font-weight:600}.dialog-body input,.dialog-body select{width:100%;height:46px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fbfcfe;color:var(--ink)}.dialog-body input:disabled{color:#7d8998;background:#f0f3f7}.readonly-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-button{justify-self:start}.change-preview{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#f2f6fb;border-radius:9px;color:var(--muted);font-size:12px;line-height:1.7}.change-preview.is-ready{background:#edf8f3;color:#19734f}.change-preview svg{width:17px;flex:none;margin-top:2px}.change-preview p{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:17px 24px;border-top:1px solid var(--line)}.primary:disabled{background:#a7c8f5;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:600px){.readonly-grid{grid-template-columns:1fr}.dialog-heading,.dialog-body,.dialog-actions{padding-left:18px;padding-right:18px}.dialog-actions .primary,.dialog-actions .secondary{flex:1}}

.auth-screen{position:fixed;inset:0;z-index:100;background:var(--canvas);display:grid;place-items:center;padding:24px}.auth-screen[hidden]{display:none}.auth-brand{position:absolute;left:34px;top:28px;display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800}.auth-brand small{display:block;color:#768397;font-size:9px;letter-spacing:.16em}.auth-panel{width:min(430px,100%);background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow)}.auth-copy h1{margin:0 0 8px;font-size:29px}.auth-copy p{margin:0;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef2f7;padding:4px;border-radius:9px;margin:26px 0 20px}.auth-tabs button{border:0;background:transparent;padding:9px;border-radius:7px;color:var(--muted);font-weight:700}.auth-tabs button.is-active{background:#fff;color:var(--ink);box-shadow:0 3px 9px rgba(26,40,64,.08)}.auth-form{display:none;gap:15px}.auth-form.is-active{display:grid}.auth-form label{display:grid;gap:7px;font-size:13px;font-weight:600}.auth-form input{height:46px;border:1px solid var(--line);border-radius:9px;padding:0 12px}.auth-form .primary{margin-top:4px}.form-error{min-height:18px;margin:0;color:var(--red);font-size:12px}.demo-credential{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px;margin:20px 0 0}.demo-credential svg{width:15px}@media(max-width:600px){.auth-brand{position:static;margin-bottom:22px}.auth-screen{align-content:center}.auth-panel{padding:25px 20px}}