
:root{--bg:#f5f5f7;--paper:#fff;--ink:#1c1c1e;--muted:#777780;--line:#e9e9ed;--blue:#007aff;--blue-soft:#edf5ff;--green:#248657;--orange:#aa6c16;--red:#c84545;--radius:20px;--shadow:0 6px 22px rgba(32,36,48,.035)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8dc1ff;outline-offset:3px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-.8px;line-height:1.25;font-weight:650}h2{font-size:20px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px;font-weight:650}small{font-size:12px}.muted{color:var(--muted)}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.nowrap{white-space:nowrap}.break{overflow-wrap:anywhere}.preline{white-space:pre-line}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.start{align-items:flex-start}.wrap{flex-wrap:wrap}.gap6{gap:6px}.stack{display:flex;flex-direction:column;gap:16px}.spacer{flex:1}.hidden{display:none!important}.w-full{width:100%}.divider{height:1px;background:var(--line);margin:22px 0}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600;color:#86868b;text-transform:uppercase}.icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}.icon.sm{width:16px;height:16px}.demo-banner{text-align:center;background:#eeeff2;color:#707078;padding:7px 16px;font-size:11px;line-height:1.5}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{max-width:1160px;margin:auto;padding:0 30px;min-height:76px;display:flex;align-items:center;gap:34px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);border:0;background:none;padding:0;font-size:20px;font-weight:650;letter-spacing:-.8px}.brand-mark{height:34px;width:34px;display:block;flex-shrink:0;object-fit:contain}.brand em{align-self:flex-start;font-size:9px;font-weight:500;letter-spacing:.7px;color:#9b9ba1;font-style:normal;margin-left:-4px;margin-top:4px}.nav{display:flex;gap:26px;height:76px}.nav button{background:none;border:0;position:relative;color:#85858b;padding:0 2px;font-size:13px}.nav button.active{color:var(--ink);font-weight:600}.nav button.active:after{content:"";position:absolute;height:3px;background:var(--ink);border-radius:3px;bottom:0;left:0;right:0}.header-actions{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:var(--blue);color:white;border-radius:11px;min-height:44px;padding:10px 18px;font-size:13px;font-weight:550;line-height:1.4;transition:background .15s,transform .15s}.btn:hover{background:#006fe6}.btn:active{transform:scale(.985)}.btn.secondary{background:#f3f3f6;color:#3d3d43}.btn.secondary:hover{background:#e9e9ee}.btn.outline{background:white;border-color:#dedee5;color:#4e4e56}.btn.outline:hover{background:#f8f8fa}.btn.dark{background:#25262c}.btn.danger{background:#fff0ef;color:var(--red)}.btn.small{min-height:34px;padding:6px 11px;font-size:12px;border-radius:9px}.text-btn{border:0;background:none;color:var(--blue);font-size:12px;padding:5px 0;display:inline-flex;align-items:center;gap:5px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#f2f2f5;border-radius:50%;height:32px;width:32px;color:#6c6c74}.container{max-width:1160px;margin:auto;padding:42px 30px 28px}.page-title{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.page-title p{color:var(--muted);margin-top:9px;font-size:13px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:550;line-height:1.5;background:#f3f3f6;color:#73737c;white-space:nowrap}.pill.blue{background:var(--blue-soft);color:#176bc8}.pill.green{background:#edf7f0;color:var(--green)}.pill.orange{background:#fff4e4;color:var(--orange)}.pill.red{background:#ffeded;color:var(--red)}.dot{width:5px;height:5px;background:currentColor;border-radius:50%;display:inline-block}.notice{border:1px solid #e6edf6;border-radius:12px;background:#f7faff;padding:12px 15px;color:#607591;font-size:12px;display:flex;gap:10px;align-items:center}.notice .icon{color:#7394bb}.notice.warn{background:#fffbf4;border-color:#f0e7d7;color:#977b50}.notice.subtle{background:#f6f6f8;border-color:var(--line);color:#83838c}.home-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:20px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:27px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.product-top{display:flex;gap:15px;align-items:center;margin-bottom:24px}.apple-tile{width:64px;height:64px;border-radius:17px;background:#f3f3f6;display:grid;place-items:center}.apple-tile svg{width:30px;height:36px}.product-top h2{font-size:25px;line-height:1.2}.product-sub{margin-top:7px;font-size:12px;color:var(--muted)}.country{display:flex;align-items:center;gap:8px;color:#777780;font-size:12px}.flag{width:21px;height:15px;display:inline-block;border-radius:3px;background:repeating-linear-gradient(#cc6370 0 1.15px,#fff 1.15px 2.3px);position:relative;border:1px solid #eee;overflow:hidden}.flag:before{content:"";position:absolute;top:0;left:0;background:#54729f;width:9px;height:8px}.product-art{background:#f6f6f8;border-radius:15px;min-height:155px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;margin:22px 0}.gift-card{width:207px;height:122px;border-radius:12px;background:#fff;border:1px solid #e4e4eb;box-shadow:0 11px 17px #2020300c;transform:rotate(-5deg);padding:17px 19px;position:relative;color:#313138}.gift-card:after{content:"DEMO · NOT REDEEMABLE";position:absolute;bottom:16px;left:19px;font-size:6px;letter-spacing:1.1px;color:#a9a9b0}.gift-card .apple-small{width:20px;height:25px}.gift-card span{position:absolute;right:17px;bottom:17px;font-size:12px;color:#9898a2}.gift-card b{display:block;font-size:14px;letter-spacing:-.3px;margin-top:8px}.art-caption{position:absolute;bottom:13px;right:15px;color:#b2b2b9;letter-spacing:1.8px;font-size:8px}.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:19px}.spec-row>div{border-right:1px solid var(--line)}.spec-row>div:last-child{border:0}.spec-row small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.spec-row b{font-weight:550;font-size:13px}.rules{color:#81818b;font-size:12px;line-height:1.9;white-space:pre-line}.rules-heading{margin-bottom:10px}.rate-box{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:23px}.rate-label{font-size:11px;color:var(--muted)}.rate{font-size:35px;line-height:1.25;letter-spacing:-1px;font-weight:650;color:var(--blue);margin-top:5px}.rate small{font-size:14px;letter-spacing:0;font-weight:500;margin-left:6px;color:#91a2bb}.rate-note{color:#a0a0a7;font-size:10px;margin-top:6px}.form-heading{font-size:16px;margin-bottom:5px}.form-intro{font-size:11px;color:#8c8c94;margin-bottom:17px}.dropzone{border:1px dashed #d3d6de;background:#fafafd;border-radius:12px;min-height:116px;padding:20px 14px;text-align:center;color:#71717a;cursor:pointer;width:100%;transition:background .15s}.dropzone:hover{background:#f2f7ff;border-color:#91baf0}.upload-icon{display:grid;place-items:center;color:var(--blue);margin:0 auto 8px;width:28px;height:28px}.dropzone strong{font-weight:550;font-size:12px;display:block}.dropzone small{display:block;color:#a2a2ab;font-size:10px;margin-top:4px}.or-label{display:flex;align-items:center;gap:12px;font-size:10px;color:#a2a2ac;margin:16px 0}.or-label:before,.or-label:after{content:"";height:1px;flex:1;background:var(--line)}label.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#5c5c66;margin-bottom:15px}input,textarea,select{width:100%;border:1px solid #dedee5;border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;font-size:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:#7cb3f7;box-shadow:0 0 0 3px #007aff0a}textarea{resize:vertical;min-height:84px;line-height:1.6}::placeholder{color:#b0b0b9;font-size:12px}.field-hint{font-size:10px;color:#9c9ca5;margin-top:-3px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check-row{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#9999a1;margin:17px 0}.check-row input{width:14px;height:14px;flex-shrink:0;accent-color:var(--blue);margin:2px 0}.under-button{text-align:center;font-size:10px;color:#a2a2aa;margin-top:10px}.flow-section{margin-top:28px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:19px}.flow-step{display:flex;gap:11px;align-items:flex-start}.flow-number{border:1px solid #dddde4;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:10px;color:#84848e;flex-shrink:0}.flow-step b{font-size:11px;font-weight:550;display:block}.flow-step p{font-size:10px;color:#9999a1;margin-top:3px}.footnote{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#aaaab2;border-top:1px solid #e6e6eb;padding:18px 0;margin-top:35px}.identity-button{display:flex;gap:7px;align-items:center;font-size:11px;color:#71717a;border:1px solid #dedee6;background:white;min-height:32px;padding:6px 12px;border-radius:8px}.avatar{width:28px;height:28px;border-radius:50%;background:#eef3fb;color:#58769e;font-size:10px;font-weight:600;display:grid;place-items:center}.thumb-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.thumb{position:relative;width:74px}.thumb img{display:block;width:74px;height:62px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#f3f3f5}.thumb .remove{position:absolute;right:-5px;top:-5px;width:19px;height:19px;border:1px solid white;border-radius:50%;background:#575762;color:white;font-size:11px;line-height:1;padding:0}.thumb small{font-size:8px;display:block;color:#96969e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between}.stat small{font-size:11px;color:#92929b}.stat strong{font-size:25px;font-weight:600}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:19px}.filter{padding:7px 14px;min-height:34px;border:1px solid #e3e3ea;border-radius:9px;background:transparent;font-size:11px;color:#82828c}.filter.active{background:#fff;color:#34343b;border-color:#d7d7df;box-shadow:0 2px 6px #20203005}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.order-card{border:1px solid var(--line);border-radius:15px;background:white;padding:21px;text-align:left;cursor:pointer;width:100%;color:inherit;box-shadow:var(--shadow)}.order-card:hover{border-color:#cdd9e8}.order-card h3{margin:17px 0 4px}.order-card .order-meta{font-size:11px;color:#a0a0a7}.order-bottom{border-top:1px solid #f0f0f3;padding-top:13px;margin-top:16px;color:#8f8f98;font-size:11px}.order-amount{font-size:19px;color:#33333a;letter-spacing:-.5px}.empty{text-align:center;padding:58px 20px;background:white;border:1px solid var(--line);border-radius:18px}.empty .icon{height:32px;width:32px;color:#b5bdc8;margin-bottom:15px}.empty h3{font-size:15px}.empty p{font-size:12px;color:#93939d;margin:7px 0 19px}.back{margin-bottom:17px;color:#8e8e97}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}.detail-header{padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:21px}.detail-header .mono{font-size:11px;color:#9b9ba5;margin-top:5px}.progress{display:flex;margin:23px 0 7px}.progress-step{flex:1;position:relative;text-align:center;font-size:10px;color:#aaaab2}.progress-step:before{content:"";height:1px;background:#e6e6eb;position:absolute;left:-50%;right:50%;top:10px}.progress-step:first-child:before{display:none}.progress-step i{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;margin:0 auto 7px;border-radius:50%;font-size:9px;font-style:normal;background:#f1f1f5;color:#a6a6ae}.progress-step.done{color:#6c88aa}.progress-step.done i{background:var(--blue);color:#fff}.progress-step.done:before{background:#bed9fa}.detail-section{margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-heading h3{font-size:13px}.material-code{padding:13px 14px;background:#f7f7fa;border-radius:10px;font-size:12px;color:#777781;overflow-wrap:anywhere;white-space:pre-wrap}.material-images{display:flex;gap:11px;flex-wrap:wrap}.material-item{width:calc(50% - 6px);max-width:180px}.material-item img{display:block;border:1px solid var(--line);border-radius:10px;width:100%;height:100px;object-fit:cover;background:#f7f7fa;cursor:zoom-in}.material-item small{font-size:10px;color:#9696a0;display:block;margin-top:5px;overflow-wrap:anywhere}.quote-panel{background:#f5f9ff;border:1px solid #e3edfb;border-radius:13px;padding:18px;margin-top:19px}.quote-panel .rate{font-size:29px;margin:6px 0}.quote-panel .note{font-size:11px;color:#8794a6;margin:7px 0 15px}.quote-panel.accepted{background:#f6faf7;border-color:#e3eee6}.quote-panel.accepted .rate{color:#478664}.kv{display:grid;grid-template-columns:93px 1fr;gap:9px;font-size:12px;margin-top:13px}.kv dt{color:#9999a2}.kv dd{margin:0;overflow-wrap:anywhere;color:#61616d}.timeline{padding-left:5px}.timeline-item{position:relative;padding:0 0 18px 21px;border-left:1px solid #e8e8ed;font-size:11px;color:#757580}.timeline-item:last-child{border-color:transparent;padding-bottom:0}.timeline-item:before{content:"";position:absolute;width:6px;height:6px;left:-4px;top:5px;background:#c8c8d1;border-radius:50%;box-shadow:0 0 0 4px white}.timeline-item:first-child:before{background:var(--blue)}.timeline-item time{display:block;color:#adaeb5;font-size:9px;margin-top:3px}.chat-stream{display:flex;flex-direction:column;gap:18px;max-height:360px;overflow:auto;padding:0 2px 15px;overscroll-behavior:contain}.message{max-width:92%;align-self:flex-start}.message.own{align-self:flex-end}.message-meta{font-size:9px;color:#a5a5ae;margin-bottom:5px}.message.own .message-meta{text-align:right}.bubble{padding:11px 13px;border-radius:12px 12px 12px 3px;background:#f2f3f7;font-size:12px;color:#6c6c78;white-space:pre-wrap;overflow-wrap:anywhere}.message.own .bubble{background:#edf5ff;color:#52759d;border-radius:12px 12px 3px 12px}.bubble img{max-width:100%;max-height:150px;display:block;border-radius:7px;margin:8px 0 2px;cursor:zoom-in}.chat-form{border-top:1px solid var(--line);padding-top:16px;margin-top:9px}.chat-form textarea{min-height:70px;font-size:12px}.chat-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.admin-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.admin-list{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.admin-list-head{padding:17px;border-bottom:1px solid var(--line)}.admin-list-head input{font-size:12px;padding:9px 10px}.admin-list-head select{margin-top:9px;font-size:11px;padding:8px}.admin-order{padding:18px;border:0;border-bottom:1px solid #eeeeF3;background:white;text-align:left;width:100%;color:inherit}.admin-order:last-child{border-bottom:0}.admin-order.selected{background:#f5f9ff;box-shadow:inset 3px 0 var(--blue)}.admin-order:hover{background:#f8faff}.admin-order h3{font-size:12px;margin:11px 0 3px}.admin-order .mono{font-size:9px;color:#9696a0}.admin-order small{font-size:10px;color:#a0a0a8}.admin-detail .card{padding:23px}.admin-detail .detail-grid{grid-template-columns:1fr}.review-actions{display:flex;gap:8px;flex-wrap:wrap}.action-box{background:#fafafb;border:1px solid var(--line);border-radius:13px;padding:18px;margin-top:20px}.action-box .notice{margin-bottom:15px}.receipt-card{padding:18px;border:1px solid #e4ece6;background:#f8fbf8;border-radius:13px}.receipt-card img{max-height:180px;max-width:100%;border-radius:8px;border:1px solid #e5e9e5;cursor:zoom-in;display:block;margin-top:13px}.receipt-card h3{color:#44875e}.settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}.settings-preview .rate{font-size:31px}.settings-preview{position:sticky;top:98px}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#171b2459;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{background:white;border-radius:22px;padding:29px;width:440px;max-width:100%;box-shadow:0 25px 90px #13182725;max-height:calc(100dvh - 48px);overflow:auto}.modal h2{font-size:24px;line-height:1.3;margin-top:5px}.modal-intro{font-size:12px;color:#96969f;margin:12px 0 22px}.modal-top{display:flex;align-items:center;justify-content:space-between}.persona-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}.persona-item{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:white;text-align:left;color:inherit;width:100%}.persona-item:hover{border-color:#a7c9f5;background:#fbfdff}.persona-item strong{font-size:12px;font-weight:550;display:block}.persona-item small{font-size:10px;color:#9999a2;display:block;margin-top:2px}.persona-item .icon{margin-left:auto;color:#b3b3be}.modal.image-modal{width:860px}.image-modal img{display:block;max-width:100%;max-height:72dvh;margin:15px auto 0;object-fit:contain}.toast{position:fixed;z-index:200;left:50%;bottom:30px;transform:translateX(-50%);background:#262830;color:white;border-radius:12px;padding:12px 19px;box-shadow:0 7px 25px #0002;font-size:12px;max-width:90vw;line-height:1.6}.toast.error{background:#9c4242}.storage-warning{display:none;background:#fff3e5;color:#966528;padding:10px 20px;text-align:center;font-size:12px}.error-fallback{margin:30px auto;max-width:650px;border:1px solid #efd6d6;background:#fff8f8;padding:22px;border-radius:14px;font-size:13px}.lock-block{text-align:center;padding:28px 16px;background:#f8f9fb;border-radius:12px;font-size:12px;color:#92929d}.lock-block p{margin:9px 0 17px}.section-label{font-size:10px;color:#b2b2bb;letter-spacing:.5px;margin-bottom:15px}.admin-mobile-heading{display:none}.no-mb{margin-bottom:0!important}.mt12{margin-top:12px}.mt20{margin-top:20px}.mt8{margin-top:8px}
.five-stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.container{padding:30px 22px}.header-inner{padding:0 22px;gap:25px}.home-grid{gap:16px}.card{padding:22px}.admin-layout{grid-template-columns:265px minmax(0,1fr);gap:15px}.detail-grid{grid-template-columns:1fr 1fr;gap:15px}.settings-grid{gap:15px}.nav{gap:20px}.header-actions .account-name{display:none}}
@media(max-width:700px){.management-header .header-inner{gap:0;justify-content:space-between;padding-top:14px}.management-header .header-actions{margin-left:10px}.management-header .nav{order:3;width:100%;height:49px;gap:25px}.management-header .brand{margin-bottom:8px}.management-header .header-actions{margin-bottom:8px}.five-stats{grid-template-columns:repeat(3,1fr)}input,textarea,select,.chat-form textarea,.admin-list-head input,.admin-list-head select{font-size:16px}.brand em{display:none}.btn.small,.filter{min-height:40px}.icon-btn{width:40px;height:40px}body{font-size:13px}.demo-banner{font-size:9px;padding:6px 12px}.header-inner{padding:0 18px;min-height:64px;gap:18px;flex-wrap:wrap}.brand{font-size:18px;gap:8px}.brand-mark{width:30px;height:30px;border-radius:9px}.nav{height:64px;gap:18px}.nav button{font-size:12px}.header-actions .btn{padding:8px 12px;min-height:36px;font-size:11px}.header-actions{gap:7px}.identity-button{padding:6px 8px;font-size:10px;min-height:30px}.identity-button .icon{width:14px;height:14px}.container{padding:28px 18px 15px}h1{font-size:27px}.page-title{margin-bottom:22px}.page-title p{font-size:12px;margin-top:8px}.page-title>.pill{display:none}.notice{font-size:11px;padding:11px 12px}.home-grid{grid-template-columns:1fr;gap:16px;margin-top:16px}.card{padding:22px;border-radius:17px}.product-top{margin-bottom:18px}.product-top h2{font-size:24px}.product-art{min-height:145px;margin:18px 0}.spec-row{margin-top:15px}.product-card .divider{margin:18px 0}.rate-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;margin-bottom:20px}.rate{font-size:30px}.rate-box .rate-note{max-width:130px;text-align:right}.flow{grid-template-columns:1fr 1fr;gap:20px 15px}.flow-step b{font-size:11px}.footnote{flex-direction:column;gap:10px;margin-top:27px;padding-bottom:25px}.footnote .identity-button{width:max-content}.order-grid{grid-template-columns:1fr}.stats{gap:8px;margin-bottom:18px}.stat{display:block;padding:13px 11px;border-radius:11px}.stat strong{display:block;font-size:23px;margin-top:3px}.stat small{font-size:10px}.detail-grid{grid-template-columns:1fr}.detail-header h2{font-size:19px}.progress-step{font-size:9px}.admin-layout{grid-template-columns:1fr}.admin-list{max-height:310px;overflow:auto}.admin-list-head{position:sticky;top:0;background:white;z-index:1;padding:12px;display:flex;gap:8px}.admin-list-head input{flex:1;min-width:0}.admin-list-head select{margin:0;width:110px}.admin-order{padding:14px 16px}.admin-order h3{margin:7px 0 1px}.admin-detail .card{padding:20px}.settings-grid{grid-template-columns:1fr}.settings-preview{position:static}.settings-preview .rate-box{display:block}.settings-preview .rate-note{text-align:left;max-width:none}.modal-backdrop{padding:15px;align-items:center}.modal{padding:24px;border-radius:19px;max-height:calc(100dvh - 30px)}.modal h2{font-size:23px}.toast{bottom:20px;font-size:11px}.input-row{gap:10px}.admin-mobile-heading{display:block;font-size:11px;color:#9999a4;margin:5px 0 12px}.product-sub{font-size:11px}.product-card .rules{font-size:11px}}
@media(max-width:375px){.nav button{font-size:11px}.header-inner{gap:14px;padding:0 13px}.brand{font-size:16px}.brand em{display:none}.nav{gap:12px}.header-actions .btn{padding:7px 9px}.container{padding-left:13px;padding-right:13px}.card{padding:18px}.btn{padding:10px 14px}.rate{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.demo-banner,.footnote,.modal-backdrop,.toast{display:none}.container{max-width:none;padding:0}.card{break-inside:avoid;box-shadow:none}.btn{display:none}}

.order-list-card{padding:24px;overflow:hidden}.order-query{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(130px,1fr) minmax(160px,1fr) auto;gap:14px;align-items:end;margin-bottom:22px}.order-query .field{margin:0}.order-query button{margin-bottom:2px;min-height:42px}.order-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.order-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1100px}.order-table th{background:#f7f7f9;color:#878790;text-align:left;font-size:11px;font-weight:500;white-space:nowrap}.order-table th,.order-table td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:top}.order-table tr:last-child td{border-bottom:0}.order-table tr.selected td{background:#f5f9ff}.order-table small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:3px}.order-table strong{font-size:12px;font-weight:550}.order-id{font-size:10px;overflow-wrap:anywhere}.order-table .btn{white-space:nowrap}.owner-label{font-size:11px;white-space:nowrap}.assignment-summary{background:#f7f8fa;border:1px solid var(--line);border-radius:13px;padding:18px;margin:20px 0}.assignment-summary summary{cursor:pointer}.mt28{margin-top:28px}#workspaceDetail{scroll-margin-top:100px}.detail-heading{padding:5px 0}.order-table td[data-label="时间"]{min-width:125px}.order-table td[data-label="客户"]{max-width:180px;overflow-wrap:anywhere}@media(max-width:760px){.order-query{grid-template-columns:1fr 1fr}.order-query>label:first-child{grid-column:1/-1}.order-list-card{padding:20px 16px}.order-list-card .card-title{align-items:start}.order-table-wrap{border:0;overflow:visible}.order-table{min-width:0;display:block}.order-table thead{display:none}.order-table tbody{display:grid;gap:14px}.order-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.order-table tr.selected{border-color:#a8cffe}.order-table th,.order-table td{display:block;padding:10px 12px;border:0;min-width:0!important;max-width:none!important}.order-table td:before{content:attr(data-label);display:block;font-size:10px;color:#9999a2;margin-bottom:5px}.order-table td:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);background:#f8f8fa}.order-table td:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.order-table td:last-child:before{display:none}.order-table td:last-child button{width:100%}.order-id{font-size:12px}.order-table td[data-label="时间"] small{font-size:10px}.owner-label{white-space:normal}.order-table td:nth-child(2){grid-column:1/-1}.detail-heading h2{font-size:16px}.detail-heading .mono{display:block;font-size:13px;margin-top:4px}.order-query .field{font-size:11px}}

/* Management workspace: a real full-width list, with details on demand. */
.management-workspace{max-width:none;padding:30px 32px 20px}.management-header .header-inner{max-width:none;padding:0 32px}.management-workspace .page-title{margin-bottom:22px}.management-workspace .stats{gap:12px;margin-bottom:20px}.management-workspace .stat{padding:14px 18px}.management-workspace .order-list-card{border-radius:16px;padding:24px}.management-workspace .order-table-wrap{max-height:calc(100dvh - 375px);min-height:280px;overflow:auto;overscroll-behavior:contain}.management-workspace .order-table{min-width:1330px;table-layout:fixed}.management-workspace .order-table th{position:sticky;top:0;z-index:2;background:#f6f7f9;box-shadow:0 1px 0 var(--line)}.management-workspace .order-table td{padding:16px 14px;overflow-wrap:anywhere}.management-workspace .order-table tr[data-action]{cursor:pointer}.management-workspace .order-table tr[data-action]:hover td{background:#f8faff}.management-workspace .order-table tr:focus-visible{outline:2px solid #91bfff;outline-offset:-2px}.management-workspace .order-table th:nth-child(1){width:160px}.management-workspace .order-table th:nth-child(2){width:174px}.management-workspace .order-table th:nth-child(3){width:155px}.management-workspace .order-table th:nth-child(4){width:156px}.management-workspace .order-table th:nth-child(5){width:116px}.management-workspace .order-table th:nth-child(6){width:138px}.management-workspace .order-table th:nth-child(7){width:126px}.management-workspace .order-table th:nth-child(8){width:170px}.management-workspace .order-table th:nth-child(9){width:132px}.list-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.pagination-meta{font-size:12px;color:#82828d}.pagination-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.page-size{display:flex;align-items:center;gap:7px;font-size:11px;color:#888892;white-space:nowrap}.page-size select{width:80px;padding:7px 10px;font-size:12px;min-height:36px}.page-button{min-width:36px;min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#6d6d77;font-size:12px}.page-button[aria-current="page"]{background:#edf5ff;border-color:#d9eaff;color:#007aff;font-weight:650}.page-ellipsis{color:#b0b0b8;padding:0 2px}.drawer-backdrop{position:fixed;inset:0;z-index:70;background:#1f24334d;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.order-drawer{height:100dvh;width:min(850px,88vw);background:#f5f5f7;display:flex;flex-direction:column;box-shadow:-16px 0 70px #17203220;animation:drawer-in .18s ease-out;outline:none}.drawer-header{padding:22px 28px;background:white;border-bottom:1px solid var(--line);flex-shrink:0;display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.drawer-header>div:first-child{min-width:0}.drawer-header h2,.drawer-header .drawer-id{overflow-wrap:anywhere}.drawer-header h2{font-size:21px;margin-top:7px}.drawer-header .drawer-id{font-size:11px;color:#8d8d98;margin-top:5px}.drawer-subline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#8a8a95;margin-top:10px}.drawer-body{padding:24px 28px 36px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}.drawer-body .card{padding:23px;border-radius:16px}.drawer-body .detail-grid{display:block}.drawer-body .chat-stream{max-height:390px}.drawer-section-label{font-size:11px;color:#90909b;letter-spacing:.5px;margin-bottom:14px}.drawer-header-actions{display:flex;gap:12px;align-items:center}.drawer-dirty-note{font-size:10px;color:#a17e47;white-space:nowrap}.drawer-footer-hint{font-size:10px;color:#a4a4ad;text-align:center;margin-top:21px}.drawer-body .assignment-summary{margin-top:0}.drawer-backdrop~.modal-backdrop{z-index:100}@keyframes drawer-in{from{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}
@media(max-width:900px){.management-workspace{padding:26px 22px}.management-header .header-inner{padding-left:22px;padding-right:22px}.management-workspace .order-query{grid-template-columns:1.4fr 1fr 1fr}.management-workspace .order-query>button{grid-column:3}.order-drawer{width:min(800px,94vw)}}
@media(max-width:760px){.management-workspace{padding:24px 16px}.management-workspace .order-list-card{padding:19px 15px}.management-workspace .order-table-wrap{max-height:none;min-height:0;overflow:visible}.management-workspace .order-table{min-width:0;table-layout:auto}.management-workspace .order-table td{padding:10px 12px}.management-workspace .order-query{grid-template-columns:1fr 1fr}.management-workspace .order-query>button{grid-column:auto}.order-drawer{width:100vw;max-width:none}.drawer-header{padding:18px 18px 16px;padding-top:max(18px,env(safe-area-inset-top));}.drawer-header h2{font-size:19px}.drawer-header-actions{gap:8px}.drawer-dirty-note{display:none}.drawer-body{padding:18px 15px 30px}.drawer-body .card{padding:20px 17px}.table-pagination{align-items:flex-start;gap:13px}.pagination-controls{gap:5px}.page-button{min-height:40px;min-width:36px}.page-size select{font-size:16px;min-height:40px}.list-heading-actions{justify-content:flex-start}.order-list-card .card-title{flex-wrap:wrap}.drawer-subline{gap:8px}.management-workspace .order-table tr:focus-visible{outline-offset:2px}}
@media(prefers-reduced-motion:reduce){.order-drawer{animation:none}}@media print{.drawer-backdrop{position:static;background:none}.order-drawer{width:100%;height:auto;box-shadow:none}.drawer-body{overflow:visible}}

/* Compact headings correspond to the two marked regions in the supplied screenshot. */
.management-workspace .workspace-heading{display:flex;align-items:center;gap:16px;min-height:36px;margin-bottom:16px}
.workspace-heading h1{font-size:24px;line-height:1.35;white-space:nowrap;flex-shrink:0;letter-spacing:-.5px}
.workspace-heading p,.order-list-heading p{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:var(--muted);font-size:12px}
.workspace-heading>.pill{flex-shrink:0}
.order-list-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-width:0}
.order-list-heading h2{font-size:18px;line-height:1.4;white-space:nowrap;flex-shrink:0}
.order-list-heading .list-heading-actions{flex-shrink:0;flex-wrap:nowrap}
.order-list-heading .list-heading-actions .btn{white-space:nowrap}
@media(min-width:761px){.management-workspace{padding-top:22px}.management-workspace .order-table-wrap{max-height:calc(100dvh - 315px)}}
@media(max-width:760px){.management-workspace .workspace-heading{gap:7px 12px;flex-wrap:wrap;margin-bottom:14px}.workspace-heading h1{font-size:22px;flex:1}.workspace-heading p,.order-list-heading p{flex:0 0 100%;order:3;white-space:normal;overflow:visible;overflow-wrap:anywhere;font-size:11px}.workspace-heading>.pill{order:2}.order-list-heading{flex-wrap:wrap;gap:6px 10px;margin-bottom:15px}.order-list-heading h2{font-size:17px;flex:1}.order-list-heading .list-heading-actions{max-width:100%;flex-wrap:wrap;gap:7px}.order-list-heading .list-heading-actions .btn{white-space:normal}}

/* API-driven application refinements; shared visual baseline above is preserved. */
.mb10{margin-bottom:10px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mt16{margin-top:16px}.green-text{color:var(--green)}.user-name{font-size:12px;max-width:180px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name small{display:block;font-size:9px;color:var(--muted)}.form-error{font-size:12px;color:var(--red);margin-top:14px}.modal{position:relative;max-height:90dvh;overflow:auto}.modal-close{position:absolute;top:14px;right:14px;font-size:23px}.modal h2{padding-right:32px}.form-intro{line-height:1.8}.attachment-list{display:grid;gap:8px;margin-top:16px}.attachment{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfbfd;min-width:0;color:var(--ink)}.attachment>span:nth-child(2){min-width:0;flex:1}.attachment strong{display:block;font-size:12px;overflow-wrap:anywhere}.attachment small{display:block;color:var(--muted);font-size:10px}.attachment-icon{font-size:24px;color:var(--blue)}.private-preview{display:block;width:100%;max-height:60dvh;object-fit:contain;border-radius:12px;background:#f5f5f7}.sensitive-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:#f7f8fa;border-radius:12px}.sensitive-line>.mono{flex:1;min-width:140px}.detail-list{margin-bottom:0}.detail-list>div{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.quote-amount{font-size:30px;line-height:1.4;font-weight:650;letter-spacing:-.6px}.quote-amount small{font-size:15px;color:var(--muted);font-weight:500}.check-line{display:flex;align-items:flex-start;gap:9px;line-height:1.8;font-size:12px}.check-line input{width:auto;min-height:0;margin-top:5px}.check-line small{font-size:12px}.message{margin-bottom:18px;max-width:93%}.message.mine{margin-left:auto}.message-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-bottom:5px}.message-meta strong{font-size:11px;color:#666}.message-bubble{padding:12px 14px;background:#f2f3f6;border-radius:12px;font-size:12px;line-height:1.8}.message.mine .message-bubble{background:#edf5ff}.message.mine .message-meta{justify-content:flex-end}.message .attachment{background:#ffffff9c}.chat-stream{max-height:390px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.file-button input{max-width:190px;font-size:10px;margin:0;padding:0;min-height:0;width:auto}.file-button{font-size:11px;flex-direction:column;align-items:flex-start}.toast{max-width:min(650px,calc(100vw - 32px));white-space:normal}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-grid small{display:block;color:var(--muted);font-size:10px}.info-grid strong{font-size:12px;overflow-wrap:anywhere}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;padding:20px 10px}.steps-grid span{font-size:12px;color:var(--blue)}.steps-grid h3{margin:8px 0}.steps-grid p{font-size:11px;color:var(--muted)}.site-header .header-inner{gap:32px}.notice .text-btn{margin-left:8px}.order-drawer .card h3{font-size:15px}.timeline-item p{font-size:12px}.timeline-item strong{font-size:12px}.timeline-item time{font-size:10px}.management-workspace .order-query{margin-bottom:18px}.order-table tbody tr:focus-visible{outline:2px solid #007aff;outline-offset:-2px}.order-table small small{display:inline;font-size:10px}summary{cursor:pointer;font-size:12px;color:#686873}summary:focus-visible{outline:3px solid #8dc1ff;outline-offset:3px}.brand{white-space:nowrap}.demo-banner{font-size:10px}
@media(min-width:761px){body[data-realm="customer"] .workspace-heading{display:flex;gap:16px;align-items:center;margin-bottom:20px}.workspace-heading h1{font-size:24px}.order-query{grid-template-columns:1.5fr 1fr 1fr auto}}
@media(max-width:760px){.site-header .header-inner{gap:14px;padding:0 16px;min-height:66px}.brand{font-size:17px;gap:7px}.brand-mark{width:29px;height:29px;border-radius:8px}.brand em{display:none}.nav{gap:15px;height:66px}.nav button{font-size:11px}.header-actions{gap:6px}.header-actions .btn{padding:8px 10px;font-size:11px;min-height:36px}.user-name{max-width:75px;font-size:10px}.header-actions .text-btn{font-size:11px}.demo-banner{font-size:9px;padding:6px 16px}.steps-grid{gap:14px;padding:12px 0}.steps-grid h3{font-size:13px}.steps-grid p{font-size:10px}.attachment{padding:10px}.info-grid{gap:12px}.sensitive-line{gap:8px}.quote-amount{font-size:27px}.modal{max-height:92dvh}.container:not(.management-workspace){padding-bottom:30px}.workspace-heading{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:18px}.workspace-heading h1{flex:1;font-size:22px}.workspace-heading p{order:3;flex-basis:100%}.workspace-heading>.pill{order:2}.steps-grid{grid-template-columns:1fr}.steps-grid>div{display:grid;grid-template-columns:30px 90px 1fr;gap:8px;align-items:center}.steps-grid h3{margin:0}.info-grid strong{font-size:11px}.header-inner>.nav{order:3;width:100%;height:42px;justify-content:center}.header-inner{flex-wrap:wrap;padding-top:12px!important;row-gap:0!important}.header-inner>.header-actions{margin-left:auto}.site-header .nav button.active:after{height:2px}.detail-list>div{grid-template-columns:65px 1fr}.order-table tbody{width:100%}.order-list-card{min-width:0}.table-pagination{max-width:100%}.page-size select{max-width:80px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.notice{display:block}.selected-file-previews{display:flex;gap:10px;flex-wrap:wrap}.selected-file-previews button{display:flex;flex-direction:column;gap:6px;max-width:120px;align-items:start;text-align:left;border:1px solid var(--line);border-radius:10px;padding:7px;background:#fafafd}.selected-file-previews img{width:104px;height:76px;object-fit:contain;border-radius:5px;background:white}.selected-file-previews span{max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted)}

/* Product identity and sample card share one compact hero. */
.product-hero{display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:center;gap:16px;min-width:0}.product-identity{min-width:0}.product-hero .product-top{gap:12px;margin-bottom:15px}.product-hero .product-top>div:last-child{min-width:0}.product-hero .product-top h2{font-size:23px;overflow-wrap:anywhere}.product-hero .apple-tile{flex-shrink:0;width:52px;height:52px;border-radius:14px}.product-hero .apple-tile svg{width:26px;height:31px}.product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px}.product-meta .country{font-size:11px}.product-meta .pill{font-size:10px}.product-art-compact{width:156px;min-height:114px;margin:0;background:transparent;overflow:visible}.product-art-compact .gift-card{width:138px;height:88px;border-radius:10px;padding:10px 13px;box-shadow:0 7px 16px #2020300b}.product-art-compact .gift-card .apple-small{width:15px;height:16px;font-size:14px}.product-art-compact .gift-card b{font-size:11px;margin-top:4px}.product-art-compact .gift-card span{right:10px;bottom:11px;font-size:7px}.product-art-compact .gift-card:after{left:13px;bottom:9px;font-size:3.8px;letter-spacing:.6px}.product-art-compact .art-caption{right:6px;bottom:0;font-size:5px;letter-spacing:.9px}.product-card .spec-row{margin-top:22px}
@media(max-width:760px){.product-hero{grid-template-columns:minmax(0,1fr) 94px;gap:10px}.product-hero .product-top{gap:9px;margin-bottom:12px}.product-hero .product-top h2{font-size:18px;line-height:1.25}.product-hero .product-sub{font-size:10px;line-height:1.5;margin-top:4px}.product-hero .apple-tile{width:40px;height:40px;border-radius:11px}.product-hero .apple-tile svg{width:21px;height:25px}.product-meta{gap:5px 8px}.product-meta .country{font-size:10px}.product-meta .pill{font-size:9px;padding:3px 7px}.product-art-compact{width:94px;min-height:96px}.product-art-compact .gift-card{width:88px;height:67px;border-radius:8px;padding:8px}.product-art-compact .gift-card .apple-small{width:12px;height:13px;font-size:12px}.product-art-compact .gift-card b{font-size:9px;margin-top:3px}.product-art-compact .gift-card span{right:7px;bottom:8px;font-size:5px}.product-art-compact .gift-card:after{left:8px;bottom:6px;font-size:2.7px;letter-spacing:.25px}.product-art-compact .art-caption{right:0;bottom:4px;font-size:4px;letter-spacing:.4px}}
