:root{color-scheme:light;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#192c43;--ink:#192c43;--muted:#647990;--line:#dce6f2;--blue:#2768ed;--soft:#e8f0ff;--glass:rgba(255,255,255,.82)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at top right,#deebff,transparent 55%),#eff5fb;min-height:100vh}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-height:44px;padding:8px 14px;transition:background .12s}button:hover{background:#f3f7fd}button:active{transform:scale(.99)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a9c5ff;outline-offset:2px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.035em}h2{font-size:17px}h3{font-size:15px}small,.muted{color:var(--muted)}small{font-size:11px}strong{font-weight:650;font-variant-numeric:tabular-nums}[hidden]{display:none!important}.glass{background:var(--glass);border:1px solid rgba(213,226,241,.85);border-radius:22px;box-shadow:0 12px 35px #234a7110;backdrop-filter:blur(18px)}
.app-shell{display:grid;grid-template-columns:204px minmax(0,1fr);gap:18px;max-width:1440px;margin:auto;padding:24px;align-items:start}.sidebar{padding:16px 12px;position:sticky;top:24px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 22px;color:var(--ink);font-weight:650}.brand small{display:block;font-weight:400}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:10px;width:30px;height:30px;font-weight:750}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;border-color:transparent}nav button[aria-current=page]{color:var(--blue);background:var(--soft);border-color:#adc6f4}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:16px;padding-top:10px;font-size:12px}.sidebar-bottom span{overflow:hidden;text-overflow:ellipsis}.text-button{background:transparent;border-color:transparent;color:var(--blue);padding:6px 8px}.primary{background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 5px 14px #2768ed1c}.primary:hover{background:#1c58cc}.danger{color:#a82940}.icon-button{min-width:44px;padding:6px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wallet-pill{display:flex;align-items:center;gap:10px;border-radius:30px;padding:6px 14px;font-size:12px}.wallet-pill strong{font-size:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading.wrap{flex-wrap:wrap}.tag,.status{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 10px;font-size:11px;border:1px solid #c4d8f9;background:var(--soft);color:#2458ad;white-space:nowrap}.status.failed,.status.uncertain{background:#fff0ed;color:#a44134;border-color:#f2ccc6}.status.completed{background:#e4f5ed;color:#237254;border-color:#c2e5d2}
.order-panel{overflow:hidden}.composer{padding:20px}.account-line{display:flex;align-items:center;gap:12px;padding:12px;background:#edf4ff;border:1px solid #d2e1f5;border-radius:16px}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#d9e7ff;color:#285bc2;font-weight:700;flex-shrink:0}.account-info{min-width:0;flex:1}.account-info small{display:block}.account-info select{max-width:100%;background:transparent;border:0;padding:0 22px 0 0;min-height:28px;font-weight:600}.package-heading{margin-top:20px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.package{position:relative;text-align:left;min-height:86px;padding:13px 16px;border-radius:15px;display:grid;gap:6px}.package strong{font-size:19px}.package[aria-pressed=true]{background:var(--soft);border:2px solid var(--blue);padding:12px 15px;color:var(--blue)}.package[aria-pressed=true]::after{content:'✓';position:absolute;right:9px;top:7px;background:var(--blue);color:#fff;border-radius:50%;width:19px;height:19px;text-align:center;font-size:12px}.package .price{font-size:14px}.checkout{display:flex;align-items:center;gap:20px;padding:14px 20px;border-top:1px solid var(--line)}.checkout .total{margin-left:auto;display:flex;align-items:baseline;gap:10px}.checkout .total strong{font-size:25px}.checkout .primary{min-width:140px}.recent{margin-top:22px}.panel{padding:18px}.empty{padding:24px 14px;text-align:center;color:var(--muted)}.error,.error-panel{color:#a82b42;background:#fff0f3;border:1px solid #f1cad3;border-radius:12px;padding:10px 12px;overflow-wrap:anywhere}.error-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.notice{background:#edf4ff;border:1px solid #d2e1f5;padding:10px 12px;border-radius:12px;color:#365375}.error[hidden]{display:none}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f0f5fc;color:var(--muted);font-size:11px;font-weight:550;white-space:nowrap}td,th{padding:14px 15px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}td small{display:block;margin-top:3px}td{vertical-align:middle}td .text-button{white-space:nowrap}.status-note{max-width:190px;font-size:11px;color:var(--muted);margin-top:4px;white-space:normal}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.filters{display:flex;align-items:center;gap:8px}.filters select{width:150px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-grid .glass{padding:14px 16px}.summary-grid strong{display:block;font-size:23px;margin-top:4px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.account-card{padding:18px}.account-card .account-line{margin-bottom:14px}.summary-line{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.summary-line:last-child{border:0}.summary-line>span{color:var(--muted)}.summary-line strong{text-align:right;overflow-wrap:anywhere}.row-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.ledger-row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.ledger-row:last-child{border:0}.ledger-row small{display:block}.wallet-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.wallet-big{font-size:32px;margin:12px 0}.credit{color:#227257}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;color:#475e76;font-size:12px}input,select{width:100%;min-height:44px;padding:9px 12px;color:var(--ink);background:#fff;border:1px solid #cfddeb;border-radius:11px}input[type=checkbox]{width:20px;min-height:20px}.checkbox-label{display:flex;align-items:center;gap:8px;margin:12px 0}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(380px,100%);padding:28px;display:grid;gap:18px}.login-card .primary{width:100%}.login-card>.muted{font-size:12px;text-align:center}.loading-wrap{padding:40px;text-align:center;color:var(--muted)}dialog{width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line);border-radius:23px;background:#f9fcff;box-shadow:0 24px 90px #1935503b;color:var(--ink)}dialog::backdrop{background:#16334b55;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);gap:10px}#dialog-form{padding:18px}#dialog-body{display:grid;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}#dialog-error{margin-top:12px}.qr-wrap{display:grid;place-items:center;gap:10px}.qr-wrap img{width:220px;max-width:100%;height:auto;border:10px solid #fff;border-radius:12px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:12px 20px;background:#18324a;color:#fff;border-radius:14px;z-index:50}.helper{font-size:12px;color:var(--muted)}
@media(max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.sidebar{position:static;padding:6px}.brand{display:none}nav{display:flex;overflow:auto;gap:2px}nav button{flex:1;text-align:center;white-space:nowrap;font-size:12px;padding:6px 9px}.sidebar-bottom{margin:2px 6px 0;padding-top:3px;font-size:11px;min-height:30px}.sidebar-bottom button{min-height:36px}.page-heading{margin-bottom:12px}h1{font-size:21px}.composer{padding:14px}.account-line{padding:10px;gap:8px}.avatar{width:32px;height:32px}.account-line .text-button{white-space:nowrap;font-size:12px;padding:0 4px}.package-grid{gap:7px}.package{padding:12px 10px;min-height:80px}.package[aria-pressed=true]{padding:11px 9px}.package strong{font-size:16px}.package strong small{display:none}.checkout{flex-wrap:wrap;gap:8px;padding:12px 14px}.checkout .primary{width:100%}.checkout .total strong{font-size:22px}.wallet-grid{grid-template-columns:1fr}.summary-grid{gap:7px}.summary-grid .glass{padding:12px 10px;font-size:11px}.summary-grid strong{font-size:20px}.form-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}.section-heading h2{white-space:nowrap}.customer-orders table,.customer-orders tbody{display:block;min-width:0}.customer-orders thead{display:none}.customer-orders tbody tr{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px;padding:16px 14px;border-bottom:1px solid var(--line)}.customer-orders tbody tr:last-child{border:0}.customer-orders td{display:block;padding:0;border:0;min-width:0}.customer-orders td:first-child{grid-column:1/-1;padding-right:40px}.customer-orders td:last-child{position:absolute;right:10px;top:12px}.customer-orders td[data-label]:not([data-label=''])::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.status-note{grid-column:1/-1;font-size:10px}.table-wrap:not(.customer-orders){font-size:12px}.filters{margin-left:auto}.filters select{width:130px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.wallet-pill{padding:4px 10px}.wallet-pill strong{font-size:14px}}
main{min-width:0}nav a{display:flex;align-items:center;min-height:44px;border:1px solid transparent;border-radius:12px;padding:8px 12px;color:var(--muted)}nav a.active{color:var(--blue);background:var(--soft);border-color:#adc6f4}.package-grid{margin-top:16px}.package strong small{margin-left:5px}.checkout{margin-top:16px;padding:14px 0 0;justify-content:space-between}.checkout>div{display:flex;align-items:baseline;gap:10px}.checkout strong{font-size:25px}.checkbox{display:flex;align-items:center;gap:8px}.customer-orders{min-width:760px}.wallet-big{display:block}
@media(max-width:760px){nav a{flex:1;justify-content:center;white-space:nowrap;padding:7px 9px;font-size:12px}.account-line>button{white-space:nowrap;font-size:12px;padding:7px 9px}.account-info label{font-size:10px}.customer-orders{display:block;min-width:0}.customer-orders tbody{display:block}.checkout strong{font-size:22px}.row-actions{min-width:250px}.pager{gap:6px;font-size:12px}.pager button{padding:6px 9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}
@media(prefers-reduced-transparency:reduce){.glass,dialog{background:#fff;backdrop-filter:none}dialog::backdrop{backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#35495e;--line:#52647b}.glass{background:#fff;border-color:var(--line);backdrop-filter:none}}

/* Public site and private workspace share materials, not page structure. */
.account-search{display:flex;align-items:end;gap:10px;margin-bottom:14px}.account-search label{flex:1;min-width:0}.account-search button{flex-shrink:0}
.site-home #public-packages .public-count strong{font-size:26px;line-height:1.45;overflow-wrap:anywhere}.attachment-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.attachment-gallery figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:12px;padding:8px}.attachment-gallery img{display:block;max-width:100%;height:160px;object-fit:contain;margin:auto}.attachment-gallery figcaption{overflow-wrap:anywhere;font-size:11px;color:var(--muted);margin-top:6px}.ticket-attachments{border-top:1px solid var(--line);padding-top:14px}.ticket-attachments input[type=file]{white-space:normal;max-width:100%;font-size:12px}
textarea{font:inherit;width:100%;resize:vertical;min-height:100px;padding:12px;border:1px solid #cfddeb;border-radius:11px;background:#fff;color:var(--ink)}textarea:focus-visible{outline:3px solid #a9c5ff;outline-offset:2px}.delivery-progress{min-width:150px;margin:5px 0 9px}.delivery-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.delivery-progress progress{display:block;width:100%;height:6px;margin-top:6px;accent-color:var(--blue)}.order-filters{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px;align-items:end;margin-bottom:18px}.order-filters .order-search{grid-column:span 2}.order-filters button{min-height:44px}.package strong{font-size:17px;overflow-wrap:anywhere}.package>small{padding-right:15px}.workspace-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.workspace-item:last-of-type{border-bottom:0}.workspace-item>div{min-width:0}.workspace-item h3{margin:6px 0}.workspace-item p,.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.workspace-item small{display:block}.workspace-item.unread{border-left:3px solid var(--blue);padding-left:14px}.workspace-item>button{flex-shrink:0}.section-heading>select{max-width:180px}.batch-compose-actions{display:flex;gap:12px;align-items:end;margin:14px 0 8px}.batch-compose-actions label{flex:1}.batch-resume{margin-top:20px;max-width:500px}.batch-table{margin-top:12px}.batch-table table{min-width:760px}.batch-table td{max-width:300px}.batch-table td small{white-space:normal;overflow-wrap:anywhere}.batch-table td select{min-width:210px}.batch-table input[type=checkbox]{cursor:pointer}.batch-confirm{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:16px}.batch-confirm .primary{flex-shrink:0}.ticket-messages{display:grid;gap:12px;max-height:40vh;overflow:auto}.ticket-message{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.ticket-message.from-customer{background:var(--soft)}dialog.order-detail-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(540px,100%);border-radius:22px 0 0 22px}.order-detail-drawer .delivery-progress{margin:12px 0}.order-detail-drawer .status-note{max-width:none}.order-detail-drawer #dialog-form{padding-bottom:30px}
@media(max-width:760px){.order-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.order-filters .order-search{grid-column:1/-1}.workspace-item{align-items:flex-start;gap:10px}.workspace-item>button{max-width:110px;font-size:12px}.batch-compose-actions,.batch-confirm{flex-direction:column;align-items:stretch}.batch-confirm .row-actions{min-width:0}.delivery-progress{min-width:0}.customer-orders tbody tr{grid-template-columns:1fr 1fr}.customer-orders td[data-label="交付进度"]{grid-column:1/-1}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package strong{font-size:15px}.summary-grid strong{font-size:24px}dialog.order-detail-drawer{border-radius:0;width:100%}.row-actions{min-width:0}.batch-compose-actions .primary{white-space:normal}}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 20px;border-radius:14px;font-weight:600;transition:background .15s,transform .15s}.button:active{transform:scale(.98)}
.site-home{max-width:1240px;margin:auto;padding:24px 36px 0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px;position:relative;z-index:1}.site-brand{display:flex;gap:10px;align-items:center;font-weight:750;font-size:18px;color:var(--ink);white-space:nowrap}.site-brand .brand-mark{width:36px;height:36px;border-radius:12px;font-size:22px}.site-nav{display:flex;gap:22px}.site-nav a{padding:8px 0;color:#53647a;font-size:13px}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:68px 12px 56px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#536a88;font-size:12px;font-weight:600;letter-spacing:.05em}.live-dot{width:7px;height:7px;border-radius:50%;background:#3776ef;box-shadow:0 0 0 4px #dce8ff}.hero-copy h1{font-size:clamp(40px,4.3vw,60px);font-weight:750;letter-spacing:-.06em;line-height:1.22;margin:24px 0 20px;color:#142b49}.hero-copy h1 span{color:var(--blue)}.hero-description{font-size:16px;line-height:1.9;color:#61738c}.hero-actions{display:flex;gap:24px;align-items:center;margin:28px 0 22px}.hero-actions .button{min-width:164px;min-height:50px}.quiet-link{color:#526783;font-size:13px;display:inline-flex;gap:16px;align-items:center;min-height:44px}.hero-notes{display:flex;gap:18px;flex-wrap:wrap;color:#6d7f94;font-size:11px}.hero-notes span::before{content:'✓';color:#3678cf;margin-right:5px}.plans-panel{position:relative;padding:28px;border-radius:30px;background:linear-gradient(145deg,#ffffffed,#f6faffdd);box-shadow:0 24px 70px #2c60a015;border:1px solid #fff;scroll-margin-top:24px}.plans-heading{display:flex;flex-direction:column;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--line)}.plans-heading h2{font-size:19px;letter-spacing:-.03em}#public-packages{display:grid;gap:20px}.public-package{padding-top:20px}.public-package+.public-package{border-top:1px solid var(--line)}.public-package h3{font-size:12px;font-weight:500;color:#61738c}.public-count{display:flex;align-items:baseline;gap:12px;margin:4px 0 12px}.public-count strong{font-size:62px;letter-spacing:-.06em;line-height:1.15}.public-count span{font-size:13px;color:var(--muted)}.public-price{display:flex;align-items:baseline;gap:8px;margin-bottom:22px}.public-price strong{font-size:24px}.public-price span{font-size:12px;color:var(--muted)}.public-package .button{width:100%;justify-content:space-between}.plan-footnote{margin-top:16px;font-size:11px;line-height:1.7;color:#687b94}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.home-section-heading h2{font-size:23px;letter-spacing:-.035em}.home-section-heading>span{font-size:12px;color:var(--muted)}.how-section{padding:32px 12px;scroll-margin-top:24px;border-top:1px solid var(--line)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps-grid article{padding:6px 22px 6px 0;border-right:1px solid var(--line)}.steps-grid article:last-child{border:0}.step-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#e1ebfa;border:1px solid #d7e4f6;border-radius:10px;color:#3971b9;font-size:12px;margin-bottom:14px}.steps-grid h3{font-size:16px;margin-bottom:8px}.steps-grid p{font-size:12px;color:#647990;line-height:1.8}.home-faq{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 12px 32px}.home-faq details{border-top:1px solid var(--line);padding-top:18px}.home-faq summary{cursor:pointer;font-weight:550;font-size:13px;min-height:32px}.home-faq p{color:var(--muted);font-size:12px;line-height:1.8;padding:8px 0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:20px 12px 24px;color:#6d7f94;font-size:11px}.site-footer>span:first-child{font-weight:650;color:#425873}.login-home{position:absolute;top:28px;left:max(24px,calc((100vw - 1100px)/2))}.login-card{padding:34px;width:min(410px,100%);border-radius:28px;gap:20px}.login-card .brand-mark{width:44px;height:44px;border-radius:14px;font-size:26px}.login-card h1{margin-top:8px;font-size:27px}.login-card input{min-height:48px}.login-card .primary{min-height:48px}.back-to-site{display:block;font-size:12px;color:var(--muted);padding:14px 12px 0}.app-shell{padding-top:28px}.app-shell .sidebar{min-height:calc(100dvh - 56px);display:flex;flex-direction:column}.app-shell .sidebar-bottom{margin-top:auto}.app-shell .back-to-site{padding-bottom:18px}.composer{padding:24px}.account-line{background:#f4f8ff}.package-grid{margin-top:24px}.package{min-height:106px;background:#ffffffb8}.package strong{font-size:25px}.package strong small{font-size:12px}.checkout{margin-top:24px;padding-top:20px}.page-heading h1{font-size:26px}.table-wrap td,.table-wrap th{padding:13px 12px}.table-wrap td{overflow-wrap:anywhere}.table-wrap td:last-child{white-space:nowrap}
@media(min-width:761px){.app-shell .sidebar-bottom{padding-top:16px}.app-shell .back-to-site{margin-top:24px}}
@media(max-width:760px){.site-home{padding:12px 18px 0}.site-header{padding:10px 12px;border-radius:18px;gap:12px}.site-brand{font-size:15px;gap:7px}.site-brand .brand-mark{width:30px;height:30px;font-size:20px}.site-nav{display:none}.site-header .button{min-height:40px;padding:8px 11px;font-size:11px;gap:8px;border-radius:12px}.home-hero{grid-template-columns:1fr;gap:30px;padding:36px 2px 32px}.hero-copy h1{font-size:42px;line-height:1.22;margin:18px 0 16px}.hero-description{font-size:14px;line-height:1.9}.hero-actions{margin:22px 0 18px;gap:20px}.hero-notes{gap:12px;font-size:10px}.plans-panel{padding:22px;border-radius:24px}.public-count strong{font-size:54px}.public-package{padding-top:16px}.public-price{margin-bottom:18px}.home-section-heading{display:block;margin-bottom:20px}.home-section-heading h2{font-size:21px;margin-bottom:8px}.how-section{padding:28px 2px}.steps-grid{grid-template-columns:1fr;gap:20px}.steps-grid article{border:0;padding:0 0 0 46px;position:relative}.step-number{position:absolute;left:0;top:0}.steps-grid h3{font-size:15px;margin-bottom:5px}.home-faq{grid-template-columns:1fr;padding:4px 2px 24px;gap:12px}.site-footer{padding:18px 2px;flex-wrap:wrap;gap:10px}.site-footer>span:nth-child(2){order:3;width:100%;font-size:10px}.app-shell .sidebar{min-height:0;position:sticky;top:8px;z-index:5;border-radius:18px}.app-shell .sidebar-bottom{margin-top:2px}.app-shell .back-to-site{display:none}.composer{padding:16px}.package{min-height:90px}.package strong{font-size:22px}.page-heading h1{font-size:23px}.login-card{padding:26px}.login-home{top:12px;left:20px}.table-wrap td,.table-wrap th{padding:11px 9px}.customer-orders td{padding:0}.customer-orders td small{overflow-wrap:anywhere}}
@media(prefers-reduced-transparency:reduce){.plans-panel{background:#fff}}

/* Approved direction: restrained pale cyan/mint to light blue, dark teal text. */
:root{--ink:#173e46;--muted:#526d74;--line:#d4e8e9;--blue:#0b858d;--soft:#e4f6f6;color:var(--ink)}
body{background:radial-gradient(ellipse at top left,#dff7f1,transparent 50%),radial-gradient(ellipse at top right,#e8f5ff,transparent 60%),#f3f8f7}
.glass{border-color:#cee8e7;box-shadow:0 12px 35px #1c777008}.primary:hover{background:#086e76}.primary{box-shadow:0 5px 14px #15858d15}
.login-card,.plans-panel{background:linear-gradient(125deg,#f0fcf9,#fff 55%,#f0f8ff);position:relative;overflow:hidden}.login-card::before,.plans-panel::before{content:'';position:absolute;inset:0 22px auto;height:2px;background:linear-gradient(90deg,#24b6a7,#70c9e8,transparent)}
.login-card{width:min(420px,100%);gap:16px}.auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2px}.auth-consent{font-size:12px;align-items:flex-start}.auth-consent input{flex-shrink:0}.login-card input{min-width:0}.login-card .muted{overflow-wrap:anywhere}.login-card .notice{font-size:12px;background:#eaf8f6;border-color:#cce8e4}.account-line{background:#edf9f7;border-color:var(--line)}.hero-copy h1{color:var(--ink)}.live-dot{background:#29ae9d;box-shadow:0 0 0 4px #e0f6f0}nav a.active{border-color:#b2dddd}.auth-links .text-button{font-size:12px}
@media(max-width:480px){.login-wrap{padding:64px 16px 24px;align-items:start}.login-card{padding:24px;gap:14px}.login-home{position:absolute;top:10px;left:18px}}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:16px 0}.metric{display:grid;gap:12px;background:linear-gradient(115deg,#e9faf5,#fbfefe 65%,#edf7ff)}.metric strong{font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric small,.metric .muted{font-size:12px}.status-summary{display:flex;flex-wrap:wrap;gap:20px}.break-id{max-width:180px;overflow-wrap:anywhere}.filters{flex-wrap:wrap;align-items:end}.filters label{font-size:12px;min-width:130px;max-width:220px;flex:1}.filters input{min-width:0;width:100%}#content>section+section{margin-top:18px}.user-menu{width:100%}.user-menu summary{cursor:pointer;padding:10px 0}.user-menu button{display:block;width:100%;text-align:left}#menu-toggle,#nav-overlay{display:none}.page-heading h1{margin-right:auto}
@media(max-width:760px){#menu-toggle{display:block}#nav-overlay{position:fixed;inset:0;z-index:19;border:0;border-radius:0;background:#153e4640}.nav-open #nav-overlay{display:block}.app-shell .sidebar{display:none;position:fixed;left:12px;top:12px;bottom:12px;width:min(260px,80vw);z-index:20;min-height:0;padding:20px;background:#f3fcfb;box-shadow:10px 0 50px #163e4620}.nav-open .app-shell .sidebar{display:flex}.app-shell .brand{display:flex}.app-shell nav{display:grid;overflow:visible;gap:8px}.app-shell nav a{justify-content:flex-start;font-size:15px;min-height:44px}.app-shell .back-to-site{display:block}.app-shell .sidebar-bottom{margin-top:auto}.page-heading{gap:10px}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.metric strong{font-size:20px}.filters label{max-width:none;flex-basis:40%}.table-wrap{max-width:100%;overflow:auto}.nav-open{overflow:hidden}}
@media(max-width:390px){.metrics-grid{grid-template-columns:1fr}}
@media(max-width:760px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package strong{padding-top:10px}.package strong small{display:block;margin:2px 0 0;font-size:11px;font-weight:400}}
@media(min-width:1100px){.composer{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.composer>.account-line,.composer>.package-grid{grid-column:1}.composer>.checkout{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:24px;background:linear-gradient(120deg,#eefbf7,#f1f8ff);border:1px solid var(--line);border-radius:20px;margin:0}.composer>.checkout>div{display:grid;gap:12px}.composer>.checkout button{width:100%}.composer>.package-grid{margin:0}}
.auth-dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overscroll-behavior:contain;background:#f5fbfc;border-color:#cde5e7;overflow:auto}.auth-dialog .login-card{width:100%;margin:0;padding:30px;border:0;border-radius:0;box-shadow:none;overflow:visible}.auth-close{position:absolute;right:10px;top:10px;z-index:1;background:transparent;border-color:transparent;font-size:23px}.auth-dialog::backdrop{background:#193d4a55;backdrop-filter:blur(6px)}body.auth-open{overflow:hidden}.auth-dialog .notice{font-size:12px}.auth-dialog .login-card h1{padding-right:14px}@media(max-width:480px){.auth-dialog .login-card{padding:24px;gap:14px}}
.contact-qr-placeholder{display:grid;place-items:center;min-height:150px;border:1px dashed var(--line);border-radius:16px;background:#f2fafb;color:var(--muted);font-size:13px}

/* Fluid page canvas; keep dialogs and inputs at their existing readable sizes. */
.site-home,.app-shell{width:100%;max-width:none;min-height:100dvh}
.site-home{display:flex;flex-direction:column}.home-main{flex:1}
@media(min-width:761px){
 .site-home{padding:24px clamp(24px,2vw,48px) 0}
 .app-shell{grid-template-columns:224px minmax(0,1fr);gap:24px;padding:24px clamp(24px,2vw,48px)}
 .app-shell .sidebar{top:24px;min-height:calc(100dvh - 48px)}
 .home-hero{gap:clamp(40px,5vw,100px);padding:48px 12px}
}

/* Management overview: legacy dashboard hierarchy, customer-site data only. */
.commerce-overview{display:grid;gap:20px;min-width:0;color:#19394b;font-variant-numeric:tabular-nums}.ov-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.ov-toolbar>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ov-eyebrow{font-size:12px;color:#147f8c;background:#e4f3f6;padding:6px 10px;border-radius:7px}.ov-toolbar small{font-size:12px;color:#718594}.ov-filter{padding:16px 20px;border:1px solid #dce8ee;border-radius:12px;background:#ffffffb8}.ov-filter .filters{margin:0;gap:12px}.ov-filter label{max-width:220px}.ov-currency-label{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:650;margin-bottom:10px;color:#416173}.ov-currency-label span{color:#8699a5;font-weight:400}.ov-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ov-card{display:flex;gap:16px;align-items:flex-start;min-width:0;padding:24px 20px;border-radius:13px;border:1px solid #dde8ef;background:#fff;box-shadow:0 4px 18px #1d647004}.ov-card>div{min-width:0}.ov-card>div>span{font-size:13px;color:#60788b}.ov-card strong{display:block;font-size:clamp(23px,2.05vw,34px);line-height:1.3;letter-spacing:-.7px;margin:10px 0 8px;overflow-wrap:anywhere;color:#213e54}.ov-card small{font-size:11px;color:#81929f}.ov-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e9f3ff;color:#3883cd}.ov-teal .ov-icon{background:#e3f7f0;color:#159b84}.ov-teal strong{color:#138e7c}.ov-amber .ov-icon{background:#fff3df;color:#d59c42}.ov-amber strong{color:#b88029}.ov-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));padding:22px 8px;gap:20px 0;background:#fff;border:1px solid #dde8ef;border-radius:13px}.ov-summary>div{padding:0 22px;border-right:1px solid #e6edf1;min-width:0}.ov-summary>div:last-child{border:0}.ov-summary span{display:block;font-size:12px;color:#678091}.ov-summary strong{display:block;font-size:25px;margin:8px 0;overflow-wrap:anywhere}.ov-summary small{font-size:11px;color:#81939f}.ov-summary strong small{margin-left:6px;font-weight:400}.ov-main-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px;align-items:start}.ov-panel{min-width:0;border:1px solid #dde8ef;border-radius:13px;padding:24px;background:#fff}.ov-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ov-panel h2{margin:0;font-size:16px;letter-spacing:-.2px}.ov-panel header>span{font-size:11px;color:#81939f}.ov-panel table{font-size:12px}.ov-panel th{background:#f6f9fb;color:#748795;font-size:11px}.ov-panel td strong{color:#157f79}.ov-trend-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b8492;margin:10px 0 8px}.ov-trend-label strong{margin-left:auto;font-size:11px;font-weight:500;color:#8b9ca8}.ov-chart{width:100%;height:auto;min-height:180px;display:block}.ov-chart text{font-size:10px;fill:#8398a5}.ov-chart-empty{display:grid;place-items:center;min-height:225px;color:#8a9aa5;font-size:13px;background:linear-gradient(180deg,#f5fafc,#fff);border-radius:10px}.ov-ring{position:relative;width:180px;margin:0 auto 20px}.ov-ring svg{display:block;width:100%}.ov-ring>div{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:5px;pointer-events:none}.ov-ring strong{font-size:28px}.ov-ring small{font-size:11px;color:#81939f}.ov-status-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.ov-status-list li{display:flex;align-items:center;gap:9px;font-size:12px}.ov-status-list strong{margin-left:auto}.ov-status-list small{width:44px;text-align:right;color:#8b9da9}.ov-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aabba;flex-shrink:0}.ov-dot.ov-teal{background:#149e8b}.ov-dot.ov-blue{background:#508edb}.ov-dot.ov-amber{background:#e4ab55}.ov-dot.ov-red{background:#d97777}.ov-rank{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#eaf5f8;color:#287d91;margin-right:12px;font-size:11px}.ov-detail summary{cursor:pointer;font-size:13px;color:#62808d;font-weight:600}.ov-detail[open] summary{margin-bottom:20px}.ov-detail p{font-size:11px;line-height:1.7;margin-top:18px}
@media(max-width:1450px){.ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-card strong{font-size:30px}}
@media(max-width:1000px){.ov-main-grid{grid-template-columns:1fr}.ov-status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.ov-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-summary>div:nth-child(2n){border:0}}
@media(max-width:600px){.commerce-overview{gap:14px}.ov-filter,.ov-panel{padding:18px 14px}.ov-cards{gap:10px}.ov-card{padding:18px 12px;gap:10px;flex-direction:column}.ov-icon{width:34px;height:34px}.ov-icon svg{width:20px;height:20px}.ov-card strong{font-size:23px}.ov-card small{font-size:10px}.ov-summary>div{padding:0 14px}.ov-summary strong{font-size:22px}.ov-toolbar>div{gap:8px}.ov-status-list{grid-template-columns:1fr}.ov-panel header>span{font-size:10px}}
/* Homepage redesign: full canvas, readable columns, product-led sections. */
.site-home{--home-muted:#56727c;max-width:2160px;padding:24px clamp(20px,4vw,96px) 0;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}
.site-home [id]{scroll-margin-top:30px}.site-home .site-header{padding:14px 22px;border-radius:20px;background:#ffffffc9;box-shadow:0 8px 30px #20546205}
.site-home .site-nav{gap:26px}.site-home .site-nav a{font-size:14px;color:#496771}.site-home .site-nav a:hover{color:#07858d}
.site-home .button{font-size:14px;min-height:48px;border-radius:12px;transition:transform .2s,background .2s,box-shadow .2s}.site-home .primary{background:#087f8c}.site-home .primary:hover{background:#096c78;box-shadow:0 8px 24px #087f8c24;transform:translateY(-2px)}.site-home .button:active{transform:scale(.98);transition-duration:80ms}
.site-home .platform-stats{border-radius:18px;padding:22px 28px;box-shadow:none;background:linear-gradient(105deg,#e5f8f4e6,#f7fcff 55%,#eaf5ff)}
.site-home .stats-intro{min-width:205px}.site-home .stats-values{justify-content:space-evenly}.site-home .stats-value strong{font-size:clamp(26px,2.4vw,40px)}
.site-home .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,4vw,100px);padding:80px 12px 88px;position:relative}
.hero-badge{font-size:12px!important;background:#e3f3f6;border:1px solid #cce6ec;border-radius:30px;padding:7px 13px;color:#3e7180!important;letter-spacing:.02em!important}
.site-home .hero-copy h1{font-size:clamp(48px,4.3vw,84px);letter-spacing:-.055em;line-height:1.2;font-weight:760;margin:24px 0}.site-home .hero-copy h1 span{color:#058798}
.site-home .hero-description{font-size:clamp(15px,1.2vw,19px);color:var(--home-muted);line-height:1.9}.site-home .hero-actions{gap:14px;margin:30px 0 24px;flex-wrap:wrap}.site-home .hero-actions .button{min-width:156px;min-height:52px}.hero-secondary{border:1px solid #c4dce3;color:#305b67;background:#ffffff91}.hero-secondary:hover{background:#fff;transform:translateY(-2px)}.site-home .hero-notes{font-size:12px;gap:22px}.site-home .hero-notes span::before{color:#078a89}
.product-demo{position:relative;background:#ffffffdc;border:1px solid #c6e0e8;border-radius:22px;box-shadow:0 30px 80px -24px #25869d38,0 3px 10px #1a7b8b05;transform:rotate(-1deg);min-width:0;isolation:isolate}
.product-demo::before{content:'';position:absolute;inset:-24px -15px;z-index:-1;background:radial-gradient(ellipse,#b9e6f170,transparent 70%);pointer-events:none}
.demo-top{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #e2edf0;font-size:12px;font-weight:600;color:#577682}.demo-top small{margin-left:auto;font-size:10px;font-weight:400}.demo-dots{color:#b6cfd8;font-size:10px;letter-spacing:3px;white-space:nowrap}
.demo-tabs{display:flex;gap:6px;margin:20px 22px 0;background:#f0f6f8;padding:4px;border-radius:12px}.demo-tabs button{flex:1;border:0;background:transparent;color:#66808a;font-size:13px;min-height:38px;padding:7px 5px;border-radius:9px;transition:background .2s,color .2s,box-shadow .2s}.demo-tabs button[aria-selected=true]{background:white;color:#137985;box-shadow:0 2px 6px #31505d12}
.demo-stage{padding:22px;min-height:340px}.demo-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-pane-heading small{font-size:11px;color:#75909b}.demo-pane-heading h3{font-size:20px;letter-spacing:-.03em;margin-top:3px}.demo-status{font-size:11px;color:#148776;background:#e7f7f0;border-radius:20px;padding:4px 9px;white-space:nowrap}
.demo-account-row{display:flex;align-items:center;gap:10px;margin:24px 0 18px}.demo-avatar{width:38px;height:38px;border-radius:12px;background:#dceff5;color:#258ba1;display:grid;place-items:center;font-weight:750}.demo-account-row strong{font-size:13px}.demo-account-row small{display:block;font-size:10px}.demo-muted{font-size:10px;color:#77909b;margin-left:auto}
.demo-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-numbers small{font-size:11px;display:block}.demo-numbers strong{font-size:clamp(23px,2vw,32px);display:block;letter-spacing:-.035em;margin-top:3px}.demo-numbers .accent{color:#0b929c}
.demo-progress{height:8px;border-radius:8px;background:#e7f1f4;margin:17px 0 7px;overflow:hidden}.demo-progress>span{display:block;width:65.2%;height:100%;background:linear-gradient(90deg,#47bbac,#4dabd3);border-radius:inherit;transform-origin:left}
.demo-progress-label{display:flex;justify-content:space-between;font-size:11px;color:#68808a}.demo-progress-label strong{color:#167f8d}.demo-record{margin-top:22px;border-top:1px solid #e4edf1;padding-top:16px;display:flex;gap:12px;align-items:center;font-size:12px}.demo-record small{display:block;font-size:10px;margin-top:3px}.demo-record>span:last-child:not(:first-child){margin-left:auto;color:#16838e}.demo-check{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;color:#188c7d;background:#e4f5ee;border-radius:50%}
.demo-bottom{padding:12px 22px;background:#f4fafbe6;border-top:1px solid #e2edf0;border-radius:0 0 22px 22px;display:flex;align-items:center;gap:10px;font-size:10px;color:#62818a}.demo-bottom>span:last-child{margin-left:auto}.demo-connect{text-align:center;padding:16px 0 0}.demo-connect-icon{display:grid;place-items:center;margin:0 auto 10px;width:50px;height:50px;border-radius:18px;font-size:26px;color:#178d9c;background:#e4f4fa}.demo-connect strong{display:block;font-size:17px}.demo-connect p{font-size:12px;color:#6a8490;margin:9px 0}.demo-safe{font-size:10px;color:#188675}.demo-wallet-note{padding:16px 0 12px;font-size:11px;color:#64818b}.demo-wallet-note strong{display:block;font-size:25px;color:#16899a}.demo-wallet-note small{font-size:10px}.demo-ledger{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e4edf1;font-size:11px}.demo-ledger>span:first-child{background:#eaf6f8;padding:4px 9px;border-radius:9px;color:#198795}.demo-ledger small{display:block;font-size:10px}.demo-ledger>span:last-child{margin-left:auto;color:#72909a;font-size:10px}
.site-home .home-block{padding:64px 12px;border-top:1px solid #d5e7eb}.section-kicker{display:block;font-size:11px;letter-spacing:.16em;font-weight:700;color:#28828e;margin-bottom:14px}.site-home .home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:32px}.site-home .home-section-heading h2,.site-home .plans-heading h2,.faq-intro h2{font-size:clamp(28px,2.7vw,42px);letter-spacing:-.04em;line-height:1.35}.home-section-heading>p,.plans-heading>p,.faq-intro>p{font-size:14px;color:var(--home-muted);line-height:1.9}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-card{min-width:0;display:flex;flex-direction:column;border:1px solid #dae8ed;background:#ffffffa6;border-radius:20px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px -16px #34778433;border-color:#afd6df}.feature-blue{background:linear-gradient(150deg,#e7f4fe,#f6fbfd)}.feature-mint{background:linear-gradient(150deg,#e6f7f0,#f6fbfd)}.feature-icon{font-size:24px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7f2f7;color:#228096;margin-bottom:28px}.feature-card h3{font-size:18px;letter-spacing:-.035em;margin-bottom:10px}.feature-card>p{font-size:13px;line-height:1.9;color:var(--home-muted);margin-bottom:26px}
.feature-visual{display:flex;align-items:center;gap:10px;min-height:66px;margin-top:auto;border:1px solid #e0eaef;background:#ffffffb3;border-radius:13px;padding:12px;font-size:10px}.feature-visual strong{font-size:11px}.feature-visual small{display:block;font-size:10px}.mini-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#dff1f6;color:#228e9f;font-weight:700}.mini-tick{margin-left:auto;color:#149783}.feature-track{gap:5px;white-space:nowrap;font-size:10px}.feature-track i{height:1px;background:#b6d6df;flex:1}.feature-track span:nth-of-type(2){color:#168d9b}.feature-tags{gap:6px;flex-wrap:wrap}.feature-tags>span{padding:4px 7px;background:#edf4f7;border-radius:5px}.feature-tags strong{color:#1a887d;font-size:10px}.feature-ledger{flex-wrap:wrap;justify-content:space-between;color:#4f7580}.feature-ledger>span:not(:first-child){color:#188a7e}
.site-home .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.site-home .steps-grid article{border:0;padding:0;position:relative}.site-home .step-number{position:static;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:12px;background:#e0f0f7;color:#248997;margin-bottom:20px}.site-home .steps-grid article:not(:last-child)::after{content:'';position:absolute;height:1px;top:18px;left:52px;right:0;background:#cee2e9}.site-home .steps-grid h3{font-size:17px;margin-bottom:8px}.site-home .steps-grid p{font-size:13px;line-height:1.9;color:var(--home-muted);max-width:26em}
.site-home .plans-panel.home-block{padding:36px;border:1px solid #cee5ec;background:linear-gradient(120deg,#e6f5f8,#f4faff);border-radius:24px;box-shadow:none;overflow:visible;margin:10px 0 64px}.site-home .plans-heading{flex-direction:row;align-items:end;justify-content:space-between;gap:25px;border:0;padding:0 0 24px}.site-home .plans-panel::before{display:none}.site-home #public-packages{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.site-home #public-packages>.empty{grid-column:1/-1;text-align:left;border:1px dashed #bcd8e3;border-radius:12px;padding:18px 20px;font-size:14px;background:#ffffff80}.site-home .public-package,.site-home .public-package+.public-package{border:1px solid #d5e7ed;border-radius:16px;padding:24px;background:#fff}.site-home .public-count strong{font-size:40px}.site-home .plan-footnote{font-size:11px;margin-top:20px;color:#708a94}
.site-home .faq-section{display:grid;grid-template-columns:.7fr 1fr;gap:80px}.faq-intro p{margin:20px 0 10px}.site-home .home-faq{display:block;padding:0}.site-home .home-faq details{border:0;border-bottom:1px solid #d7e6eb;padding:0}.site-home .home-faq summary{position:relative;list-style:none;padding:20px 35px 20px 0;font-size:15px;font-weight:600;cursor:pointer;min-height:60px}.site-home .home-faq summary::-webkit-details-marker{display:none}.site-home .home-faq summary::after{content:'+';position:absolute;right:5px;top:17px;font-size:23px;font-weight:400;color:#5a8a96;transition:transform .2s}.site-home .home-faq details[open] summary::after{transform:rotate(45deg)}.site-home .home-faq p{padding:0 25px 20px 0;font-size:13px;color:var(--home-muted);line-height:1.9}
.home-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:48px;border:1px solid #b9dce5;border-radius:24px;margin:12px 0 40px;background:radial-gradient(ellipse at right,#cae8fb,transparent 65%),linear-gradient(110deg,#e1f5ef,#edf9fc)}.home-cta h2{font-size:clamp(26px,2.5vw,38px);letter-spacing:-.04em;line-height:1.4}.home-cta p{font-size:14px;color:#60808b;margin-top:12px}.home-cta .button{flex-shrink:0}.site-home .site-footer{padding:25px 4px 30px;gap:20px;font-size:12px;display:flex;justify-content:space-between;align-items:center}.site-home .site-footer>div{display:flex;gap:24px}.site-home .site-footer>span{color:#78909b}.site-home .site-footer .site-brand{font-size:16px}.site-footer .brand-mark{width:30px;height:30px;font-size:19px}
@media(min-width:1700px){.site-home .home-hero{padding-top:100px;padding-bottom:110px}.demo-stage{padding:32px;min-height:385px}.demo-numbers strong{font-size:36px}.demo-account-row{margin:26px 0}.demo-record{margin-top:30px}.feature-card{padding:30px}.feature-card>p{font-size:15px}.feature-visual{min-height:76px}.site-home .home-block{padding-top:80px;padding-bottom:80px}}
@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-home .home-hero{gap:30px;padding:55px 0}.site-home .hero-copy h1{font-size:46px}.hero-badge{font-size:10px!important}.site-home .hero-actions .button{font-size:12px;min-width:130px;padding:10px 14px}.demo-top,.demo-stage{padding:16px}.demo-tabs{margin:16px 16px 0}.demo-bottom{padding:12px 16px}.demo-bottom>span:last-child{display:none}.site-home .site-nav{gap:15px}.site-home .site-nav a{font-size:12px}.site-home .faq-section{gap:40px}}
@media(max-width:760px){.site-home{padding:12px 18px 0}.site-home .site-header{padding:10px 12px}.site-home .site-header .button{font-size:11px;min-height:40px;padding:8px 11px}.site-home .site-nav{display:none}.site-home .platform-stats{padding:18px;border-radius:16px}.site-home .stats-intro{min-width:0}.site-home .stats-value strong{font-size:clamp(22px,5.5vw,34px)}.site-home .home-hero{grid-template-columns:1fr;padding:42px 2px 46px;gap:36px}.site-home .hero-copy h1{font-size:clamp(40px,8vw,56px);margin:20px 0}.hero-badge{font-size:10px!important}.site-home .hero-description{font-size:14px}.site-home .hero-actions{margin:24px 0 18px;gap:10px}.site-home .hero-actions .button{min-height:48px;font-size:12px;min-width:0;padding:12px 16px}.site-home .hero-notes{font-size:10px;gap:14px}.product-demo{transform:none;border-radius:18px}.demo-top{gap:8px;padding:13px 15px}.demo-top small{font-size:9px}.demo-dots{font-size:8px;letter-spacing:1px}.demo-stage{min-height:334px;padding:18px 15px}.demo-tabs{margin:15px 15px 0}.demo-tabs button{font-size:12px}.demo-pane-heading h3{font-size:19px}.demo-numbers strong{font-size:26px}.demo-muted{display:none}.demo-bottom{font-size:9px}.site-home .home-block{padding:36px 2px}.site-home .home-section-heading{display:block;margin-bottom:24px}.site-home .home-section-heading h2,.site-home .plans-heading h2,.faq-intro h2{font-size:27px;margin:0}.home-section-heading>p{margin-top:16px;font-size:13px}.section-kicker{font-size:10px;margin-bottom:10px}.feature-grid{gap:12px}.feature-card{padding:20px 16px;border-radius:16px}.feature-icon{margin-bottom:20px}.feature-card h3{font-size:16px}.feature-card>p{font-size:12px;margin-bottom:20px}.feature-visual{padding:10px;gap:6px;flex-wrap:wrap}.feature-track{font-size:9px}.site-home .steps-grid{grid-template-columns:1fr 1fr;gap:26px 22px}.site-home .step-number{margin-bottom:12px}.site-home .steps-grid article:nth-child(2)::after{display:none}.site-home .steps-grid h3{font-size:16px}.site-home .steps-grid p{font-size:12px}.site-home .plans-panel.home-block{padding:24px 20px;margin:6px 0 36px;border-radius:18px}.site-home .plans-heading{display:block}.plans-heading>p{font-size:12px;margin-top:14px}.site-home #public-packages>.empty{font-size:12px;padding:14px}.site-home .faq-section{grid-template-columns:1fr;gap:12px}.faq-intro h2 br{display:none}.faq-intro p{font-size:13px;margin-top:14px}.faq-intro p br{display:none}.faq-intro .quiet-link{display:none}.site-home .home-faq summary{font-size:14px}.home-cta{display:block;padding:28px 22px;border-radius:18px;margin:10px 0 24px}.home-cta h2{font-size:25px}.home-cta p{font-size:13px}.home-cta .button{margin-top:24px}.site-home .site-footer{flex-wrap:wrap;padding:20px 0;gap:18px}.site-home .site-footer>span{order:3;width:100%;font-size:10px}.site-home .site-footer>div{gap:15px;font-size:11px}}
@media(max-width:440px){.feature-grid{grid-template-columns:1fr}.feature-card{padding:22px}.feature-icon{margin-bottom:16px}.feature-card>p{font-size:13px}.feature-visual{flex-wrap:nowrap}.site-home .site-footer>div{gap:12px}}
@media(max-width:360px){.site-home .stats-value strong{font-size:20px}.site-home .stats-value h3{font-size:11px}.site-home .hero-actions .button{font-size:11px;padding:10px 12px}.demo-top small{font-size:8px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.site-home [data-reveal]{animation:home-reveal .65s both;animation-play-state:paused}.site-home [data-reveal].is-visible{animation-play-state:running}.site-home:not(.motion-ready) [data-reveal]{animation:none}.site-home .home-hero{animation:home-reveal .7s both}.demo-pane.is-entering{animation:demo-enter .3s both}.demo-pane.is-entering .demo-progress>span{animation:progress-enter .5s both}.auth-dialog[open]{animation:auth-enter .22s both}.home-faq details[open] p{animation:demo-enter .22s both}}
@keyframes home-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes demo-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes progress-enter{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
@keyframes auth-enter{from{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-home *,.auth-dialog[open]{animation:none!important;transition:none!important}.site-home .product-demo,.site-home .feature-card:hover,.site-home .button:hover{transform:none}.site-home [data-reveal]{opacity:1;transform:none}}
@media(prefers-reduced-transparency:reduce){.site-home .site-header,.product-demo,.feature-card{background:#f8fcfe;backdrop-filter:none}}
/* Original transparent hand-and-flower artwork; crop display whitespace only. */
.brand-mark,.site-brand .brand-mark,.site-footer .brand-mark{position:relative;display:inline-block;flex:none;width:42px;height:42px;overflow:hidden;background:transparent;border-radius:0;box-shadow:none}
.brand-mark img{position:absolute;width:180%;height:120%;max-width:none;left:-40%;top:-10%;object-fit:fill}
.login-card>.brand-mark{width:64px;height:64px}

/* The product tour is independent of authentication and checkout dialogs. */
body.tour-open{overflow:hidden}
.product-tour-dialog{width:min(720px,calc(100% - 28px));background:linear-gradient(145deg,#f2fffc,#f7fbff 65%);border:1px solid #bfe5eb;max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}
.tour-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 28px 8px}.tour-header h2{font-size:24px;margin-top:4px}.tour-kicker{font-size:10px;letter-spacing:.15em;color:#07858e}.tour-header .icon-button{background:transparent;font-size:22px;border-color:transparent}.product-tour-dialog #tour-disclaimer{font-size:12px;color:#617c86;padding:0 28px 20px}
.tour-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:18px 28px;margin:0;border-block:1px solid #d7e9ee;gap:10px;background:#ffffff80}.tour-steps li{display:flex;align-items:center;gap:7px;font-size:12px;color:#708994}.tour-steps li>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e5eff3}.tour-steps li[aria-current]{color:#007f87;font-weight:650}.tour-steps li[aria-current]>span{background:#07858e;color:white}.tour-steps .is-done>span{background:#d6f3e8;color:#27816f}
.tour-stage{padding:24px 28px;min-height:320px;animation:tour-enter .22s ease-out}.tour-step-label{font-size:10px;color:#6d8b98;letter-spacing:.12em;margin-bottom:8px}.tour-stage h3{font-size:23px;letter-spacing:-.025em;margin-bottom:20px;outline:none}.tour-stage h4{margin:12px 0 6px;font-size:18px}.tour-connect{text-align:center;padding:6px 0}.tour-connect p,.tour-hint{font-size:12px;color:#738993}.tour-orbit{display:grid;place-items:center;width:66px;height:66px;border:1px solid #b8e8e5;border-radius:22px;margin:auto;background:linear-gradient(135deg,#d8f8ed,#e2f2ff);font-size:30px;color:#0b858e}.tour-account-preview{display:grid;gap:3px;margin:18px auto 0;padding:12px;max-width:300px;border:1px dashed #b7dce3;border-radius:14px;background:#ffffff90}
.tour-account{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#ffffffa6;border:1px solid #d9e9ed;border-radius:16px}.tour-account small{display:block;margin-top:2px}.tour-tag{margin-left:auto;padding:4px 9px;font-size:11px;border-radius:20px;color:#16806e;background:#e4f4ec;white-space:nowrap}.tour-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 12px}.tour-plans button{display:grid;gap:5px;text-align:left;padding:18px 14px;border:1px solid #d4e5eb;background:#fff;min-width:0}.tour-plans button strong{font-size:25px}.tour-plans button span{font-size:12px}.tour-plans button[aria-pressed=true]{border-color:#048a91;background:#e3f7f3;box-shadow:inset 0 0 0 1px #048a91}.tour-summary{margin:14px 0}.tour-summary>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #dce9ed}.tour-summary dt{color:#71848e}.tour-summary dd{margin:0;font-weight:650}.tour-note{padding:12px 14px;border-radius:12px;background:#eaf3f8;color:#526e7c;font-size:12px;line-height:1.7}.tour-order-heading{display:flex;align-items:center;gap:12px;font-size:12px;color:#6f8691}.tour-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0}.tour-metrics small{display:block}.tour-metrics strong{font-size:30px;display:block;margin-top:6px}.tour-metrics>div:nth-child(2) strong{color:#04868c}.tour-progress{height:9px;background:#e2edf2;border-radius:10px;overflow:hidden}.tour-progress>span{height:100%;display:block;background:linear-gradient(90deg,#63b7a6,#70b9da);border-radius:10px;animation:tour-enter .3s ease-out}.tour-progress-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:10px 0 22px;color:#0c8188}.tour-progress-label span{color:#718993}
.tour-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid #d7e9ee;background:#ffffff90}.tour-actions button{min-height:46px;padding:10px 20px}.tour-actions .primary{background:#07858e}.tour-actions .primary:hover{background:#006f79}@keyframes tour-enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:520px){.tour-header{padding:18px 18px 8px}.product-tour-dialog #tour-disclaimer{padding:0 18px 16px;font-size:11px}.tour-header h2{font-size:21px}.tour-steps{padding:14px 16px;gap:6px}.tour-steps li{display:grid;justify-items:center;font-size:10px;gap:6px}.tour-stage{padding:20px 18px;min-height:0}.tour-stage h3{font-size:21px}.tour-plans{gap:7px}.tour-plans button{padding:14px 9px}.tour-plans button strong{font-size:21px}.tour-metrics strong{font-size:25px}.tour-actions{padding:14px 18px}.tour-actions button{flex:1;padding:9px 10px;font-size:12px}.tour-account{gap:8px;padding:10px}.tour-order-heading{font-size:10px}}
@media(prefers-reduced-motion:reduce){.product-tour-dialog *{animation:none!important;transition:none!important}}

/* Management controls and bounded dialogs: fixed chrome, scrollable content. */
.app-shell main,#content,.panel,.section-heading>*,.form-grid>*{min-width:0}
#content>.filters{margin:0 0 20px;padding:4px;gap:12px;align-items:end}
.filters label{min-width:0;flex:1 1 180px;gap:7px}
.filters input,.filters select,.form-grid input,.form-grid select{width:100%;max-width:100%;min-width:0}
.filters button,.row-actions button,.section-heading button{flex-shrink:0;white-space:normal;line-height:1.4;min-height:40px}
.section-heading,.page-heading{flex-wrap:wrap;row-gap:12px}
.row-actions{min-width:0;gap:8px;align-items:center}
.table-wrap td:last-child{white-space:normal}
.table-wrap td .row-actions{min-width:144px;max-width:240px;margin-top:0}
.table-wrap th,.table-wrap td{vertical-align:top}
.table-wrap td small{overflow-wrap:anywhere}
.app-shell .table-wrap table:not(.customer-orders){min-width:820px}
@media(max-width:760px){.app-shell .table-wrap:has(table:not(.customer-orders))::before{content:'左右滑动查看完整表格';display:block;position:sticky;left:0;width:max-content;padding:6px 0 10px;font-size:11px;color:var(--muted)}}
#dialog{width:min(600px,calc(100% - 28px));max-height:min(740px,calc(100dvh - 32px));overflow:hidden}
#dialog[open]{display:flex;flex-direction:column}
#dialog .dialog-head{flex:none;gap:16px;background:#f8fcfd}
#dialog .dialog-head h2{min-width:0;overflow-wrap:anywhere}
#dialog .dialog-head button{flex:none}
#dialog-form{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden;padding:0}
#dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px 22px;align-content:start}
#dialog-body .table-wrap{overflow:visible;max-width:none}
#dialog-body table{min-width:0;width:100%}
#dialog-body thead th{position:sticky;top:-20px;z-index:1;background:#eef5fb}
#dialog-body td,#dialog-body th{white-space:normal;overflow-wrap:anywhere}
#dialog-body input,#dialog-body select{min-width:0;width:100%;max-width:100%}
#dialog-body .checkbox input{width:auto}
#dialog-body .summary-line{flex-wrap:wrap;gap:8px}
#dialog-body .summary-line strong{overflow-wrap:anywhere;min-width:0}
#dialog-error{margin:0 20px 12px;overflow-wrap:anywhere}
#dialog-actions{margin:0;padding:14px 20px;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);background:#f8fcfd}
#dialog-actions button{min-height:42px}
/* Native progress honors strict CSP without inline styles. */
progress.tour-progress{display:block;width:100%;appearance:none;-webkit-appearance:none;border:0;background:#e2edf2;color:#63b7a6}
progress.tour-progress::-webkit-progress-bar{background:#e2edf2;border-radius:10px}
progress.tour-progress::-webkit-progress-value{background:linear-gradient(90deg,#63b7a6,#70b9da);border-radius:10px}
progress.tour-progress::-moz-progress-bar{background:linear-gradient(90deg,#63b7a6,#70b9da);border-radius:10px}
.table-wrap .admin-customers td{vertical-align:middle}
.admin-customers th:last-child{width:410px}
.table-wrap td .customer-actions{min-width:390px;max-width:none;flex-wrap:nowrap;gap:6px}
.customer-actions .text-button{padding:7px 9px;min-height:36px;white-space:nowrap;border:1px solid #d9e9ed;border-radius:8px;background:#f7fcfd}
.customer-actions button[data-active]{color:#a75353}
@media(max-width:760px){
 .app-shell .table-wrap table.admin-customers{display:block;min-width:0}
 .table-wrap:has(.admin-customers)::before{display:none!important}
 .admin-customers thead{display:none}
 .admin-customers tbody{display:grid;gap:12px}
 .admin-customers tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fcfd;gap:12px}
 .table-wrap .admin-customers td{display:block;padding:0;border:0;min-width:0}
 .admin-customers td:first-child{grid-column:1/-1}
 .admin-customers td:first-child button{padding:0;font-weight:700;text-align:left}
 .admin-customers td:last-child{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}
 .table-wrap td .customer-actions{min-width:0;display:flex;flex-wrap:wrap;gap:8px}
 .customer-actions .text-button{min-height:40px;flex:1 1 auto}
}
@media(max-width:600px){.form-grid{grid-template-columns:minmax(0,1fr)}#content>.filters{gap:12px;margin-bottom:18px}.filters label{max-width:none;flex-basis:100%}.filters>button{flex:1}.row-actions{min-width:0}.page-heading h1{font-size:24px}#dialog{max-height:calc(100dvh - 24px)}#dialog-body{padding:16px}#dialog-body thead th{top:-16px}#dialog-body td,#dialog-body th{padding:12px 8px;font-size:12px}#dialog-actions{padding:12px 16px}}

.platform-stats{position:relative;display:flex;align-items:center;gap:32px;padding:28px 30px;border:1px solid #cceae9;border-radius:22px;background:linear-gradient(108deg,#e0f8f2 0%,#f9fdfc 53%,#eaf6ff 100%);box-shadow:0 8px 30px #234e5a05;overflow:hidden;margin:16px 0 0;color:#193c44}
.platform-stats[hidden]{display:none}.platform-stats:before{content:'';position:absolute;top:0;left:30px;right:30px;height:2px;background:linear-gradient(90deg,#2cb7a5,#88cfe5,transparent)}
.stats-intro{display:flex;align-items:center;gap:12px;min-width:190px}.stats-intro h2{font-size:17px;margin:0 0 6px;letter-spacing:0}.stats-intro span:not(.stats-symbol){font-size:12px;color:#64838b}.stats-symbol{width:36px;height:36px;border:1px solid #c6e9df;background:#f5fffc;border-radius:10px;display:grid;place-items:center;font-size:25px;color:#259c90}
.stats-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;flex:1;min-width:0}.stats-value{padding-left:28px;border-left:1px solid #cbe4e5;min-width:0}.stats-value h3{font-size:13px;font-weight:500;color:#66858c;margin:0 0 10px}.stats-value strong{font-size:clamp(27px,3vw,39px);line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap}.stats-value:first-child strong{color:#087f89}.stats-value small{font-size:11px;color:#6d8e92;margin-left:7px}.stats-meta{display:flex;flex-direction:column;gap:7px;font-size:12px;text-align:right;color:#428c88;min-width:137px}.stats-meta small{font-size:11px;color:#7a939b}.stats-meta.delayed{color:#947848}.stats-settings{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.stats-settings label{display:flex;gap:7px;align-items:center}.stats-settings input{width:auto}
@media(max-width:1100px){.platform-stats{flex-wrap:wrap;gap:24px}.stats-intro{width:100%}.stats-value:first-child{padding-left:0;border:0}.stats-value strong{font-size:34px}}
@media(max-width:600px){.platform-stats{padding:22px 18px;gap:22px;border-radius:18px;margin-top:12px}.stats-values{width:100%;flex:auto;gap:14px}.stats-value{padding-left:14px}.stats-value strong{font-size:clamp(20px,6vw,30px);letter-spacing:-.6px}.stats-value small{display:block;margin:6px 0 0}.stats-value h3{font-size:12px}.stats-meta{flex-direction:row;flex-wrap:wrap;gap:5px 12px;text-align:left;border-top:1px solid #d6e9ea;padding-top:13px;width:100%}.stats-intro h2{font-size:16px}}