*{box-sizing:border-box}body{margin:0;background:#edf4fa;color:#183659;font-family:Microsoft YaHei,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9ac4ff;outline-offset:2px}input,select{border:1px solid #dce5ef;border-radius:5px;background:#fff;padding:10px}h1,h2,h3,p{margin:0}small{display:block}.preview{padding:0 24px 12px;font-size:var(--ui-font)}.preview-bar{max-width:1600px;margin:auto;height:62px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.preview-bar>span,.preview-bar>div{display:flex;align-items:center;gap:12px}.preview-bar small{color:#8295ac}.preview-bar button{padding:9px 12px;border-radius:4px}.preview-bar .selected{background:#fff;color:var(--accent)}.login-shell{max-width:1440px;min-height:calc(100vh - 100px);margin:auto;background:#f7fbff;border:1px solid #dae6f2;border-radius:9px;display:grid;grid-template-columns:1.12fr 1fr;overflow:hidden}.story{padding:54px 0 16px 12%;display:flex;flex-direction:column;align-items:flex-start}.brand{color:#1456a3;font-size:42px;font-weight:800}.brand small{font-size:16px;font-weight:400;margin-top:5px}.story h1{font-size:clamp(32px,3.5vw,49px);line-height:1.45;margin-top:62px;color:#194e88}.story p{font-size:18px;color:#6f849e;margin-top:18px;line-height:1.8}.story img{width:110%;max-height:310px;object-fit:contain;object-position:left bottom;margin:18px 0 0 -35px;mix-blend-mode:multiply}.login-side{display:flex;align-items:center;justify-content:center;padding:30px}.login-card{width:426px;padding:35px 27px 22px;background:#fff;border:1px solid #edf2f8;border-radius:9px;text-align:center;box-shadow:0 8px 34px #163c6a0b}.login-card h2{font-size:26px;margin-bottom:22px}.qr-frame{width:244px;height:244px;position:relative;padding:9px;border:1px solid #e4eaf2;border-radius:7px;margin:auto}.qr-frame canvas{display:block;width:224px;height:224px}.qr-caption{font-size:12px;color:#8292a7;margin-top:12px}.login-card>p{font-size:14px;margin-top:23px;line-height:1.8}.login-rule{margin-top:27px;padding-top:23px;border-top:1px solid #e9eef5;font-size:13px}.login-rule small{font-size:12px;color:#8292a7;margin-top:10px}.demo-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.demo-actions button{border:1px solid #dae5f2;padding:6px 13px;border-radius:4px;font-size:12px;color:#54749a}.demo-hint{font-size:11px;color:#95a3b5;margin-top:12px}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--accent)}.qr-overlay span{font-size:13px;color:#627994}.qr-overlay .primary{font-size:12px;padding:9px}.workspace{display:flex;max-width:1600px;min-height:calc(100vh - 100px);margin:auto;background:#fff;border:1px solid #dbe5ef;border-radius:8px;overflow:hidden}.sidebar{width:var(--sidebar);flex-shrink:0;border-right:1px solid #e5ebf3;padding:28px 13px 18px;display:flex;flex-direction:column}.sidebar .brand{font-size:34px;padding-left:23px}.sidebar .brand small{font-size:13px}.sidebar nav{margin-top:38px;display:flex;flex-direction:column;gap:9px}.sidebar nav button,.account{justify-content:flex-start;padding:16px 20px;border-radius:5px;gap:14px;position:relative}.sidebar nav button.active{background:#edf5ff;color:var(--accent)}.sidebar nav button.active:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;background:var(--accent)}.account{margin-top:auto;padding-top:26px}.work-body{flex:1;min-width:0;display:flex;flex-direction:column}.work-header{min-height:82px;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eef4;gap:15px}.work-header strong{font-size:16px;white-space:nowrap}.work-header strong span{font-weight:400}.work-header>div{display:flex;align-items:center;gap:22px;font-size:12px}.role{padding:6px 11px;border:1px solid #e7edf5;border-radius:4px;color:#58708d;white-space:nowrap}.content{padding:34px 32px;flex:1}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.title-row h1{font-size:28px;font-weight:600}.primary{background:var(--accent);color:#fff;border-radius:5px;padding:12px 22px;min-height:43px}.tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px;flex-wrap:wrap}.tabs{display:flex;border:1px solid #dae4f0;border-radius:5px;overflow:hidden}.tabs button{height:42px;padding:0 19px;font-size:13px;border-right:1px solid #e5ecf5;white-space:nowrap}.tabs .active{color:var(--accent);background:#e9f2ff}.search{display:flex;align-items:center;border:1px solid #dfe7f1;border-radius:5px;padding:0 12px;gap:8px;width:257px;height:44px;color:#8291a5}.search input{border:0;padding:0;width:100%;font-size:12px;min-width:0}.search button{padding:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:var(--ui-font);white-space:nowrap}th{text-align:left;background:#f5f8fc;color:#768ba4;font-weight:400;padding:18px 16px;font-size:.92em}td{padding:15px 16px;height:var(--row-height);border-bottom:1px solid #edf1f6;color:#6d829a}.buyer,.amount{color:#243f60}.buyer{font-weight:500}.link{color:var(--accent);padding:0}.badge{display:inline-block;background:#eef4fc;color:#5481b5;border:1px solid #e3edf9;border-radius:4px;font-size:12px;padding:5px 11px}.b1{background:#eaf8f3;color:#29936c}.b2{background:#fff5e7;color:#c4862b}.b3{background:#fff0f3;color:#c76b84}.b4{background:#f1f3f5;color:#86919d}.table-foot{display:flex;justify-content:flex-end;gap:15px;align-items:center;font-size:12px;color:#91a0b2;margin-top:25px}.page-number{background:#eef5ff;color:var(--accent);padding:6px 10px}.work-footer{font-size:11px;color:#a5b1bf;text-align:right;padding:25px 32px}.preview-note{text-align:center;color:#8a9bad;font-size:11px;margin-top:12px}.adjust-panel{position:fixed;right:18px;top:68px;width:320px;max-height:calc(100vh - 86px);overflow:auto;z-index:30;padding:22px;background:#fff;border:1px solid #d9e5f2;border-radius:9px;box-shadow:0 14px 55px #15375425}.adjust-panel header,.dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.adjust-panel h2{font-size:18px}.adjust-panel p,.adjust-panel>small{font-size:12px;color:#8494a8;line-height:1.7}.adjust-panel label,.dialog label{display:block;margin-top:21px;font-size:13px}.adjust-panel label input,.adjust-panel select,.dialog label input,.dialog select{display:block;width:100%;margin-top:9px}.adjust-panel label>span{float:right;color:#8292a6}.adjust-panel input[type=range]{accent-color:var(--accent);padding:0}.swatches{display:flex;gap:12px;margin-top:12px}.swatches button{height:32px;width:38px;border-radius:4px;color:#fff}.reset{border:1px solid #d8e4f1;border-radius:4px;width:100%;padding:10px;margin-top:25px;color:var(--accent)}.empty{height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#9aabbd}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#15345355;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;width:510px;max-height:90vh;overflow:auto;border-radius:10px;padding:27px;box-shadow:0 15px 80px #102b5030}.dialog h2{font-size:21px}.dialog h3{margin:20px 0}.dialog dl{display:grid;grid-template-columns:100px 1fr;gap:22px;font-size:14px;margin:25px 0}.dialog dt{color:#8c9aab}.dialog dd{margin:0}.detail-amount{font-size:22px;color:var(--accent)}.subtle{color:#8a9bad;font-size:12px;line-height:1.8;margin:14px 0}.wide{width:100%;margin-top:18px}.bill-product{display:flex;gap:15px;background:#f5f8fc;padding:15px;margin-top:22px;align-items:center}.bill-product small{color:#889bb0;font-size:12px;margin-top:5px}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:#183659;color:#fff;border-radius:6px;padding:13px 22px;z-index:80;font-size:13px}.negative{color:#e14c61}.team-list{max-width:700px}.team-list>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #edf1f6;padding:20px 5px}.team-list small{color:#93a1b4;margin-top:5px}.team-list .badge{margin-left:auto}.account-card{text-align:center;padding:70px}.account-card h2{margin:15px}.overview{display:flex;gap:20px}.overview button{flex:1;border:1px solid #e0e8f2;border-radius:7px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.overview strong{font-size:40px;margin:15px 0}.overview small{color:#8396ad}@media(max-width:1150px){.content{padding:28px 23px}.work-header{padding:18px 23px}.tabs button{padding:0 14px}th,td{padding-left:12px;padding-right:12px}.story{padding-left:9%}.login-card{padding:30px 20px;width:390px}.story h1{font-size:36px}.story p{font-size:15px}}@media(max-width:850px){.preview{padding:0 10px 12px;overflow:auto}.preview-bar small{display:none}.login-shell{grid-template-columns:1fr}.story{padding:25px 35px}.story h1{margin-top:25px}.story img{display:none}.login-side{padding:20px}.sidebar{width:190px}.sidebar nav button{padding:15px 10px}.work-header{flex-wrap:wrap;padding:18px}.work-header>div{gap:10px}.content{padding:25px 18px}.preview-bar button{padding:9px}.workspace{min-width:720px}.story h1 br{display:none}}.story h1{font-size:clamp(40px,4.2vw,58px)}.story>.brand{font-size:50px}.story .brand small{font-size:19px}.story p{font-size:20px}.story img{max-height:350px}.login-card h2{font-size:29px}.login-card>p{font-size:16px}.login-rule{font-size:14px}.sidebar .brand{font-size:40px}.sidebar .brand small{font-size:15px}.sidebar nav button,.account{font-size:16px}.title-row h1{font-size:33px}.tabs{border:0;gap:8px;overflow:visible}.tabs button{border:0;border-radius:5px;background:#f3f7fc;font-size:14px;padding:0 20px}.tabs button.active{background:var(--accent);color:#fff}.search input{font-size:14px}.work-header strong{font-size:17px}.role{border-radius:20px;background:#f2f7fd}.badge{font-size:13px}.live-preview{padding-top:24px}.real-qr{display:block;width:224px;height:224px;object-fit:contain}.refresh-code{margin-top:24px;font-size:13px}.login-warning{font-size:12px!important;color:#b87d20}.shop-switch{display:flex;align-items:center;gap:12px;margin:16px 0}.live-preview .workspace{min-height:calc(100vh - 48px)}.live-preview .tabs{flex-wrap:wrap}.live-preview .login-card{min-height:560px}.live-preview .login-shell{min-height:calc(100vh - 48px)}.record-cell{display:flex;align-items:center;gap:14px;min-width:170px}.record-cell>span:last-child{white-space:normal;overflow-wrap:anywhere;max-width:34ch;line-height:1.6}.record-image{display:inline-flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;overflow:hidden;border:1px solid #dfe7f1;border-radius:6px;background:#f6f9fc;vertical-align:middle}.record-image img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.record-avatar{width:44px;height:44px;border-radius:50%;background:#eef4fa}.record-avatar img{object-fit:cover}.record-image-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;color:#59728d}.record-image-fallback small{font-size:10px;line-height:1.3}.record-image-large{width:88px;height:88px}.live-preview .account{gap:12px;padding-left:14px;overflow-wrap:anywhere}.live-preview .account-card>.record-image{margin:auto}.live-preview .dialog{width:min(720px,100%)}.live-preview .dialog table{white-space:normal}.live-preview .dialog td:not(:first-child){white-space:nowrap}.live-preview .dialog .record-cell{min-width:0}.live-preview td .record-cell{color:#243f60}.order-detail-status{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#edf5ff;border-radius:6px;margin:18px 0;color:#365c86}.order-detail-status strong{font-size:22px;color:#1456a3}.order-stages{list-style:none;display:flex;gap:6px;padding:0;margin:18px 0 24px;flex-wrap:wrap}.order-stages li{flex:1;min-width:65px;font-size:12px;color:#617790;background:#f3f6fa;padding:9px 5px;text-align:center;border-radius:4px}.order-stages li.current{background:var(--accent);color:#fff}.order-stages li.done{background:#e8f2ff;color:#195b9e}.order-number{overflow-wrap:anywhere}.order-dialog .detail-amount{margin:18px 0}.order-message,.order-note{margin:18px 0;font-size:14px;line-height:1.7}.order-message p,.order-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:#405a76;margin-top:8px}.order-note label{margin:0 0 8px;font-size:14px}.order-note textarea{width:100%;min-height:85px;resize:vertical;border:1px solid #cfdbeb;border-radius:5px;padding:10px;font:inherit;color:inherit}.order-note>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.order-note small{color:#617790}.secondary,.danger-outline{border:1px solid #bdcfe6;border-radius:5px;padding:10px 16px;min-height:42px;background:#fff;color:#205d9c}.danger-outline{color:#b13245;border-color:#e4b5bd}.order-detail-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px;padding:18px 0;position:sticky;bottom:-27px;z-index:2;background:#fff;border-top:1px solid #e3eaf3;box-shadow:0 -8px 16px #ffffffed}.order-confirm{padding:15px;background:#fff7e9;border:1px solid #ead4a8;border-radius:5px;margin-top:18px;color:#6e4d16;font-size:14px;line-height:1.7}.order-confirm p{margin-bottom:12px}.order-confirm button+button{margin-left:10px}.order-notice{margin:14px 0;color:#226344;background:#eff8f3;border-radius:5px;padding:10px 14px;font-size:14px;line-height:1.6}.order-batch{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 22px;padding:14px 16px;background:#f4f8fe;border:1px solid #dce7f5;border-radius:6px;font-size:14px}.order-batch label{display:flex;align-items:center;gap:9px}.order-batch small{width:100%;font-size:12px;color:#526a84}.order-batch input,.order-select input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}.order-select{width:48px}.live-preview textarea:focus-visible{outline:3px solid #9ac4ff;outline-offset:2px}.order-feed-status{display:flex;align-items:center;gap:8px;margin:14px 0;color:#526a84;font-size:12px}.order-feed-status:before{content:"";height:7px;width:7px;border-radius:50%;background:#af7b20}.order-feed-status.live{color:#226344}.order-feed-status.live:before{background:#258452}.order-feed-status.denied{color:#b13245}.order-feed-status.denied:before{background:#b13245}