:root{--bg:#f4f6fa;--card:#fff;--text:#20242d;--muted:#8b92a0;--line:#e8ebf1;--primary:#6f5ce7;--primary2:#8654ee;--blue:#4ea2f5;--green:#42bf8a;--danger:#d85f6c;--shadow:0 8px 28px rgba(24,31,49,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:40}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;width:285px;padding:0;text-align:left}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy b{font-size:19px}.brand-copy small,.auth-brand small{color:#9da3ad;margin-top:4px}.topnav{display:flex;align-items:center;gap:7px;flex:1;justify-content:center}.topnav button{border:0;background:transparent;padding:10px 12px;border-radius:8px;color:#595f6b;font-size:14px}.topnav button:hover,.topnav button.active{background:#f5f3ff;color:#6a55dc}.nav-icon{margin-right:5px;color:#7b808a}.top-actions{width:400px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.edit-toggle{border:1px solid #d9d4fb;background:#f5f2ff;color:#6956d8;border-radius:8px;padding:7px 10px}.edit-toggle.active{background:#6f5ce7;color:#fff}.user-menu{position:relative}.user-trigger{border:0;background:#fff;display:flex;align-items:center;gap:9px;color:#555d69;font-weight:600;padding:4px}.mini-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7b6ae9,#9850e9);color:#fff;display:grid;place-items:center}.chevron{font-size:12px;color:#a1a6af}.user-dropdown{display:none;position:absolute;right:0;top:48px;width:150px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 12px 35px rgba(29,34,50,.13)}.user-menu.open .user-dropdown{display:block}.user-dropdown button{width:100%;border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:7px;color:#505762}.user-dropdown button:hover{background:#f5f6f9}
.workspace{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:294px;background:#fff;border-right:1px solid var(--line);padding:22px 18px;flex:0 0 auto}.identity-card{border-radius:17px;padding:20px;color:#fff;background:linear-gradient(145deg,#6659d8 0%,#a24df0 100%);box-shadow:0 10px 25px rgba(102,81,220,.2)}.identity-head{display:flex;gap:12px;align-items:center;margin-bottom:16px}.identity-avatar{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;font-weight:700;background:rgba(255,255,255,.08);overflow:hidden}.identity-avatar img{width:100%;height:100%;object-fit:cover}.identity-name h3{margin:0 0 7px;font-size:17px}.verify-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:4px 9px;background:#46c98d;font-size:11px}.identity-row{border-top:1px solid rgba(255,255,255,.16);padding:12px 0 0;margin-top:11px}.identity-row span{display:block;color:rgba(255,255,255,.68);font-size:11px;margin-bottom:4px}.identity-row b{font-size:12px;letter-spacing:.3px}.identity-edit{margin-top:15px;width:100%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:8px}.side-title{font-size:12px;color:#a0a6b1;margin:24px 8px 10px}.side-item{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;color:#525965;margin:3px 0;text-align:left;position:relative}.side-item:hover{background:#f7f7fb}.side-item.active{color:#6e5add;background:linear-gradient(90deg,#f0edff,#f7f5ff);font-weight:600}.side-item.active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:3px;background:#7260e7;border-radius:3px}.side-item em{font-style:normal;margin-left:auto;background:#ee666d;color:#fff;border-radius:99px;font-size:10px;min-width:19px;text-align:center;padding:3px 5px}
.main{flex:1;min-width:0;padding:28px 30px 42px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.page-head h1{margin:0;font-size:27px;letter-spacing:-.5px}.page-head p{margin:7px 0 0;color:#8b92a0;font-size:13px}.page-actions{display:flex;gap:9px}.card{background:#fff;border:1px solid #eef0f4;border-radius:12px;box-shadow:var(--shadow)}.primary-btn,.secondary-btn,.danger-btn{border-radius:8px;padding:9px 14px;border:1px solid transparent}.primary-btn{background:linear-gradient(135deg,#5aa7f7,#536fec);color:#fff;box-shadow:0 4px 12px rgba(76,122,234,.18)}.secondary-btn{background:#fff;border-color:#dfe4eb;color:#596170}.danger-btn{background:#fff;border-color:#efcbd0;color:#c55260}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.link-btn{border:0;background:transparent;color:#4b9be7;padding:4px 6px}.filter-card{padding:18px 20px;display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:7px;min-width:150px}.field.grow{min-width:280px;flex:1}.field span{font-size:12px;color:#68707e}.field input,.field select,.modal-form input,.modal-form select,.modal-form textarea,.drawer-form input,.drawer-form select,.drawer-form textarea,.account-form input,.composer select,.composer input,.conversation-title input{border:1px solid #dde2e9;border-radius:7px;padding:9px 10px;background:#fff;color:#454b55;outline:none}.field input:focus,.field select:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#8d83e8;box-shadow:0 0 0 3px rgba(110,91,222,.08)}.date-field{flex-direction:row;align-items:center}.date-field span{position:absolute;transform:translateY(-30px)}.date-field input{width:132px}.date-field i{font-style:normal;color:#6d7480}.orders-card{overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#404753;font-weight:700;background:#fbfcfe;padding:13px 12px;border-bottom:1px solid var(--line)}.data-table td{padding:12px;border-bottom:1px solid #eff1f5;color:#626976;vertical-align:middle}.data-table tbody tr:hover{background:#fcfcff}.poster{width:48px;height:48px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:9px;overflow:hidden;flex:0 0 auto}.poster img{width:100%;height:100%;object-fit:cover}.poster.rose{background:linear-gradient(145deg,#e28b9f,#ad496c)}.poster.blue{background:linear-gradient(145deg,#7cc5df,#4773b0)}.poster.dark{background:linear-gradient(145deg,#5f6670,#222833)}.poster.violet{background:linear-gradient(145deg,#9f7ce9,#6743b1)}.poster.large{width:72px;height:72px}.event-cell{display:flex;align-items:center;gap:9px;min-width:250px}.event-cell>div{display:flex;flex-direction:column;gap:5px}.event-cell strong{font-size:13px;color:#343a44;line-height:1.35}.event-cell small{color:#9aa0aa}.city-tag,.type-tag{display:inline-block;background:#f7f4eb;color:#a58a48;border:1px solid #eee6cc;border-radius:5px;padding:3px 7px;font-size:10px;width:max-content}.location{color:#737a85}.order-no{color:#7d838e;font-size:11px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 18px;color:#757c88}.pager button,.pager input{height:32px;border:1px solid #e1e5eb;background:#fff;border-radius:6px;padding:0 10px}.pager button.current{background:#4b9ef1;color:#fff;border-color:#4b9ef1}.pager input{width:48px;text-align:center}
.messages-shell{display:grid;grid-template-columns:355px minmax(0,1fr);min-height:720px;overflow:hidden}.conversation-pane{border-right:1px solid var(--line);background:#fff}.conversation-title{padding:19px 18px 13px;border-bottom:1px solid var(--line)}.conversation-title h2{font-size:17px;margin:0 0 12px}.conversation-title input{width:100%;background:#fafbfc}.conversation-list{max-height:660px;overflow:auto}.conversation-item{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 58px;align-items:start;gap:11px;border:0;border-bottom:1px solid #f0f1f4;background:#fff;padding:13px 15px;text-align:left}.conversation-item:hover,.conversation-item.active{background:#f7f5ff}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8b72e9,#e07191);color:#fff;font-weight:700;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:48px;height:48px}.conv-main{min-width:0}.conv-main b{display:block;color:#333943;font-size:14px;margin-bottom:5px}.conv-main small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#9aa0aa;font-size:10px;margin-bottom:6px}.conv-main em{font-style:normal;color:#8574da;background:#f0edff;border-radius:99px;padding:2px 6px;font-size:9px}.conversation-item time{font-size:9px;color:#a2a7b0;text-align:right}.chat-pane{display:flex;flex-direction:column;min-width:0;background:#fafbfc}.empty-chat{display:grid;place-items:center;color:#a3a8b1}.chat-head{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.chat-person{display:flex;align-items:center;gap:11px}.chat-person h3{margin:0 0 5px;font-size:16px}.chat-person p{margin:0;color:#8f96a1;font-size:11px}.chat-meta{display:flex;align-items:center;gap:8px}.chat-meta>span{font-size:10px;color:#a1a6ae;margin-right:8px}.message-stream{flex:1;min-height:470px;max-height:545px;overflow:auto;padding:26px 24px}.loading-msg{text-align:center;color:#a2a8b1;padding:50px}.message-row{display:flex;gap:9px;align-items:flex-start;margin-bottom:20px}.message-row.mine{justify-content:flex-end}.bubble{max-width:66%;position:relative;background:#fff;border:1px solid #eef0f4;border-radius:7px;padding:12px 14px;color:#404650;line-height:1.6;box-shadow:0 2px 7px rgba(30,36,50,.04)}.message-row.mine .bubble{background:linear-gradient(135deg,#6b69e9,#9051e6);border-color:transparent;color:#fff}.bubble-time{display:block;font-size:9px;color:#9ba1ab;margin-top:6px;text-align:right}.message-row.mine .bubble-time{color:rgba(255,255,255,.72)}.message-edit{position:absolute;right:-7px;top:-8px;border:0;width:23px;height:23px;border-radius:50%;background:#252a34;color:#fff;display:grid;place-items:center}.message-image,.message-video{max-width:280px;max-height:300px;border-radius:7px;display:block}.composer{border-top:1px solid var(--line);background:#fff;padding:12px 17px}.composer-tools{display:flex;gap:10px;align-items:center;margin-bottom:9px}.composer-tools label{font-size:10px;color:#808793;display:flex;align-items:center;gap:5px}.composer-tools select,.composer-tools input{padding:6px 7px;font-size:10px}.media-btn{border:1px solid #dfe4ea;border-radius:6px;padding:6px 9px!important;cursor:pointer}.media-btn input{display:none}.composer-box{display:flex;gap:8px}.composer-box textarea{flex:1;resize:none;min-height:70px;border:0;outline:none;padding:9px;font-size:13px}.composer-box button{align-self:flex-end}.readonly-composer{height:92px;border-top:1px solid var(--line);background:#fff;color:#a0a6af;padding:17px;font-size:12px}
.blank-page{height:620px}.placeholder-card{height:350px;display:grid;place-content:center;justify-items:center;gap:13px;opacity:.72}.placeholder-icon{width:62px;height:62px;border-radius:16px;background:#f3f1ff;color:#7865df;display:grid;place-items:center;font-size:26px;font-weight:800}.placeholder-line{width:170px;height:8px;border-radius:99px;background:#eceef3}.placeholder-line.short{width:115px}.account-card{max-width:760px;padding:24px}.account-card h3{margin-top:0}.account-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-form label{display:flex;flex-direction:column;gap:6px;color:#707783;font-size:12px}.account-form button{grid-column:1/-1;width:max-content}.permission-card{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.permission-card span{color:#7f8590}.permission-card b{margin-left:12px;color:#c65f6a}.permission-card b.green{color:#299b72}.permission-card p{color:#9ca2ab;font-size:11px}
.modal-backdrop,.drawer-mask{position:fixed;inset:0;background:rgba(28,32,42,.48);z-index:100}.modal-backdrop{display:grid;place-items:center;padding:18px}.auth-card,.dialog-card{background:#fff;border-radius:15px;box-shadow:0 24px 80px rgba(20,25,38,.22)}.auth-card{width:min(430px,94vw);padding:25px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-brand>div{display:flex;flex-direction:column}.auth-brand b{font-size:19px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.auth-tabs button{flex:1;border:0;background:#fff;padding:10px;color:#9096a0}.auth-tabs button.active{color:#6f5ce7;border-bottom:2px solid #6f5ce7}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:6px;color:#69717e;font-size:12px}.auth-form input{padding:10px;border:1px solid #dfe3ea;border-radius:8px}.auth-hint{font-size:11px;color:#9ca2ab;text-align:center;line-height:1.6}.dialog-card{width:min(680px,95vw);max-height:90vh;overflow:auto;padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.dialog-head h2{margin:0;font-size:19px}.icon-btn{border:0;background:#fff;font-size:25px;color:#888f99}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-form label,.drawer-form label{display:flex;flex-direction:column;gap:6px;color:#6d7480;font-size:11px}.modal-form label.full,.drawer-form label.full{grid-column:1/-1}.modal-form textarea,.drawer-form textarea{min-height:88px;resize:vertical}.dialog-actions,.drawer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.participant-editor{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.subhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.participant-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px;border-top:1px solid #f0f2f5}.participant-row small{display:block;color:#a0a5ae;margin-top:3px}.ai-notice{margin-top:14px;border-radius:8px;background:#eff7ff;color:#4e7190;padding:10px;font-size:11px;line-height:1.6}.ai-notice.warn{background:#fff7e6;color:#8b6b24}.ai-draft{margin-top:15px;border:1px solid #e5e8ee;border-radius:10px;padding:11px}.draft-title{display:flex;justify-content:space-between;margin-bottom:9px}.draft-title span{font-size:10px;color:#9aa0aa}.draft-row{display:grid;grid-template-columns:105px 1fr 158px;gap:7px;margin:7px 0}.draft-row input,.draft-row select{border:1px solid #dfe3e9;border-radius:6px;padding:7px;font-size:11px}.draft-actions{text-align:right;margin-top:10px}
.drawer-mask{display:flex;justify-content:flex-end}.detail-drawer{width:min(485px,94vw);height:100%;background:#fff;box-shadow:-12px 0 45px rgba(20,25,38,.14);padding:20px 24px;overflow:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{margin:0;font-size:20px}.drawer-head button{border:0;background:#fff;font-size:26px;color:#777e89}.drawer-event{padding:22px 0 16px;border-bottom:1px solid var(--line)}.drawer-event h3{font-size:17px;line-height:1.5;margin:0 0 10px}.detail-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eff1f4}.detail-list span{color:#8b919b;font-size:12px}.detail-list b{font-size:13px;text-align:right}.status-done{color:#43ad80}.amount{font-size:17px!important}.remark-box{margin-top:20px;background:#fafbfc;border-radius:8px;padding:14px}.remark-box span{color:#8b919b;font-size:11px}.remark-box p{margin:7px 0 0}.safe-note{margin-top:22px;padding:10px;border-radius:8px;background:#fff8dd;color:#8a701e;font-size:10px}.drawer-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.toast-root{position:fixed;right:20px;top:84px;z-index:300;display:flex;flex-direction:column;gap:8px}.toast{background:#282e38;color:#fff;padding:11px 14px;border-radius:9px;box-shadow:0 10px 35px rgba(0,0,0,.18);animation:toastIn .18s ease}.toast.error{background:#be5360}@keyframes toastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.topnav button{font-size:0}.topnav .nav-icon{font-size:16px;margin:0}.top-actions{width:330px}.sidebar{width:260px}.messages-shell{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:800px){.topbar{padding:0 12px}.brand{width:auto;flex:1}.brand-copy small,.topnav{display:none}.top-actions{width:auto}.user-trigger #userGreeting{display:none}.workspace{display:block}.sidebar{width:100%;padding:12px}.identity-card{padding:14px}.identity-row{display:none}.side-title{display:none}.side-item{display:none}.main{padding:15px}.page-head h1{font-size:22px}.filter-card{display:grid;grid-template-columns:1fr}.field,.field.grow{min-width:0;width:100%}.date-field{display:grid;grid-template-columns:1fr auto 1fr}.date-field span{display:none}.date-field input{width:100%}.orders-card{overflow-x:auto}.data-table{min-width:980px}.messages-shell{display:block;min-height:auto}.conversation-pane{border-right:0}.conversation-list{max-height:280px}.chat-pane{margin-top:12px;min-height:600px}.chat-head{height:auto;align-items:flex-start;gap:10px}.chat-meta{flex-wrap:wrap;justify-content:flex-end}.message-stream{max-height:420px}.bubble{max-width:78%}.composer-tools{flex-wrap:wrap}.modal-form,.drawer-form,.account-form{grid-template-columns:1fr}.modal-form label.full,.drawer-form label.full,.account-form button{grid-column:auto}.draft-row{grid-template-columns:1fr}.detail-drawer{width:100%}}

.longpress-actions{display:flex;flex-direction:column;gap:8px}.longpress-action{width:100%;border:1px solid #e7e9ef;background:#fff;border-radius:10px;padding:13px 14px;text-align:left;color:#3f4652}.longpress-action:hover{background:#f7f6ff;border-color:#dcd7fb}.longpress-action span{display:block;font-size:13px;font-weight:600}.longpress-action small{display:block;margin-top:4px;color:#9aa0aa;font-size:10px}.longpress-action.danger{color:#ca4d55}.order-row,.conversation-item,[data-message-id],[data-chat-head],.identity-card{-webkit-touch-callout:none}.order-row,[data-message-id],[data-chat-head],.identity-card{touch-action:pan-y}


.main{padding:27px 30px 42px;background:#f5f7fb}.page-head{margin-bottom:18px}.page-head h1{font-size:26px;line-height:1.2;color:#1f2630}.page-head p{margin-top:6px;font-size:13px;color:#7f8792}.page-actions{gap:12px}.reference-refresh,.reference-export{height:38px;padding:0 16px;border-radius:5px;border:1px solid #e0e4ea;background:#fff;color:#5e6672;font-size:13px}.reference-refresh:hover{border-color:#bfc8d5}.reference-export{background:#4d9ff4;border-color:#4d9ff4;color:#fff;box-shadow:0 3px 9px rgba(75,157,240,.18)}
.order-filter-card{padding:20px 22px 19px;margin-bottom:17px;border-radius:11px;box-shadow:0 5px 18px rgba(29,38,54,.045)}.order-filter-row{display:flex;align-items:center;gap:28px}.order-filter-row+.order-filter-row{margin-top:16px}.filter-inline{display:flex;align-items:center;gap:11px;min-width:0}.filter-caption{font-size:13px;color:#4d5662;white-space:nowrap}.keyword-filter{width:360px}.search-control{height:37px;border:1px solid #dfe3e8;border-radius:5px;background:#fff;display:flex;align-items:center;flex:1;min-width:0}.search-control:focus-within{border-color:#85baf1;box-shadow:0 0 0 2px rgba(78,160,245,.08)}.search-mark{font-size:16px;color:#a3aab3;margin-left:12px}.search-control input{width:100%;height:100%;border:0;outline:0;padding:0 11px 0 8px;color:#4f5763;background:transparent}.search-control input::placeholder{color:#a7adb6}.filter-inline select{height:37px;min-width:150px;border:1px solid #dfe3e8;border-radius:5px;background:#fff;color:#6d7580;padding:0 36px 0 12px;outline:none}.date-inline{min-width:410px}.date-range-control{height:37px;width:302px;border:1px solid #dfe3e8;border-radius:5px;display:flex;align-items:center;position:relative;background:#fff}.date-display{height:35px;flex:1;border:0;background:transparent;color:#9aa1ab;padding:0 10px;display:flex;align-items:center;gap:8px;text-align:left}.date-display:hover{background:#fafcff}.calendar-mark{font-size:15px;color:#9ca5af}.date-separator{color:#4f5762;font-size:13px;padding:0 3px}.native-date-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.reference-search,.reference-reset{height:37px;border-radius:5px;padding:0 18px;border:1px solid transparent;font-size:13px}.reference-search{background:#4d9ff4;color:#fff;box-shadow:0 3px 9px rgba(75,157,240,.18)}.reference-reset{background:#fff;border-color:#dfe3e8;color:#626a75}.reference-search span,.reference-reset span{margin-right:4px}.reference-orders-card{border-radius:10px;box-shadow:0 5px 18px rgba(29,38,54,.045);overflow:hidden}.reference-order-table{table-layout:fixed}.reference-order-table th{height:48px;padding:0 13px;background:#fbfcfe;color:#343c48;font-size:13px;font-weight:700}.reference-order-table td{height:69px;padding:8px 13px;color:#636b76;font-size:12px}.reference-order-table .poster-col{width:75px}.reference-order-table .artist-col{width:335px}.reference-order-table .venue-col{width:245px}.reference-order-table .number-col{width:245px}.reference-order-table .time-col{width:170px}.reference-order-table .type-col{width:100px}.reference-order-table .operate-col{width:120px}.reference-order-table .poster{width:50px;height:50px;border-radius:5px}.reference-event-cell{display:flex;align-items:center;gap:9px;min-width:0}.reference-city-tag{display:inline-flex;align-items:center;height:24px;padding:0 7px;border-radius:4px;background:#f2f2f2;color:#9b9b9b;white-space:nowrap;flex:0 0 auto}.reference-event-copy{min-width:0}.reference-event-copy strong{display:block;color:#262d37;font-size:13px;line-height:1.35;font-weight:700;max-height:36px;overflow:hidden}.reference-event-copy small{display:block;margin-top:3px;color:#a0a6af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-location{display:flex;align-items:center;gap:6px;color:#6c7480;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pin-mark{color:#9ca3ad}.reference-order-no,.reference-trade-time{color:#7a828d;white-space:nowrap}.reference-type-tag{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:25px;padding:0 8px;border-radius:12px;background:#fff8df;color:#c6a95b;border:1px solid #f3ead0}.reference-order-table .link-btn{font-size:12px;padding:4px 6px;color:#4b9bea}.reference-pager{height:72px;padding:0 18px;border-top:1px solid #eff1f4;font-size:12px}.reference-pager .page-size{min-width:116px;text-align:left}.reference-pager .page-nav{width:34px;padding:0}.reference-pager .current{width:36px;padding:0}.reference-pager .goto-label{margin-left:7px}.empty-orders{height:180px;display:grid;place-items:center;color:#a0a6af;font-size:13px}


.brand-copy b{font-size:20px;letter-spacing:.2px}.brand-copy small{font-size:11px;color:#a0a5ad}

@media(max-width:1350px){.order-filter-row{gap:16px}.keyword-filter{width:320px}.reference-order-table{min-width:1120px}.reference-orders-card{overflow-x:auto}}
@media(max-width:900px){.order-filter-row{align-items:stretch;flex-direction:column;gap:10px}.order-filter-row+.order-filter-row{margin-top:10px}.filter-inline,.keyword-filter,.date-inline{width:100%;min-width:0}.filter-caption{width:66px}.search-control,.filter-inline select,.date-range-control{flex:1;width:auto}.reference-search,.reference-reset{width:100%}.reference-orders-card{overflow-x:auto}.reference-order-table{min-width:1110px}}


.brand{width:clamp(205px,19vw,285px);min-width:0;gap:10px}.brand-logo-img{width:46px;height:46px;object-fit:contain;border-radius:11px;flex:0 0 auto}.brand-copy{min-width:0}.brand-copy b{font-size:clamp(16px,1.35vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy small{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;flex:0 0 auto}.topnav{min-width:0;overflow:visible}.topnav button{font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-width:0}.nav-icon-img{width:17px;height:17px;object-fit:contain;opacity:.78;flex:0 0 auto}.topnav button.active .nav-icon-img,.topnav button:hover .nav-icon-img{opacity:1}.side-item{min-width:0}.side-icon-img{width:18px;height:18px;object-fit:contain;opacity:.78;flex:0 0 auto}.side-item>span{min-width:0;white-space:nowrap}.side-item.active .side-icon-img{opacity:1}.reference-refresh,.reference-export,.reference-search,.reference-reset{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.reference-refresh img,.reference-export img,.reference-search img,.reference-reset img{width:15px;height:15px;object-fit:contain}.reference-export img,.reference-search img{filter:brightness(0) invert(1)}.search-mark-img{width:15px;height:15px;margin-left:11px;opacity:.48;flex:0 0 auto}.calendar-mark-img{width:15px;height:15px;opacity:.52;flex:0 0 auto}.pin-mark-img{width:14px;height:14px;opacity:.52;flex:0 0 auto}


.workspace{min-width:0}.sidebar{position:relative;z-index:2}.main{min-width:0;max-width:100%;overflow:hidden}.order-filter-card,.reference-orders-card{max-width:100%;min-width:0}.reference-orders-card{overflow-x:auto;overflow-y:hidden}.reference-order-table{min-width:1120px}.reference-pager{min-width:760px}


.order-filter-row{display:grid;align-items:center;gap:16px;width:100%;min-width:0}.order-filter-row-top{grid-template-columns:minmax(260px,1.6fr) minmax(150px,.72fr) minmax(150px,.72fr)}.order-filter-row-bottom{grid-template-columns:minmax(330px,1fr) auto auto;justify-content:start}.filter-inline,.keyword-filter,.date-inline{width:100%;min-width:0}.filter-inline{display:flex;align-items:center;gap:10px}.filter-caption{flex:0 0 auto}.search-control{width:100%;min-width:0}.filter-inline select{width:100%;min-width:0}.date-range-control{width:100%;max-width:390px;min-width:0}.date-display{min-width:0}.date-display span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-search,.reference-reset{min-width:82px}


.page-head h1{font-size:clamp(23px,2.1vw,28px)}.page-head p{font-size:clamp(11px,1vw,13px)}

@media(max-width:1350px){
  .topbar{padding:0 14px}.brand{width:220px}.top-actions{width:205px}.topnav{gap:2px}.topnav button{font-size:13px!important;padding:9px 7px}.topnav .nav-icon-img{width:16px;height:16px}.sidebar{width:238px;padding:20px 15px}.main{padding:24px 20px 38px}.identity-card{padding:17px}.order-filter-card{padding:18px}.order-filter-row{gap:12px}.reference-order-table{min-width:1080px}
}

@media(max-width:1120px){
  .topbar{height:auto;min-height:68px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:68px 44px;padding:0 14px}.brand{grid-column:1;grid-row:1;width:auto;max-width:280px}.top-actions{grid-column:2;grid-row:1;width:auto}.topnav{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;border-top:1px solid #f0f1f4;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav button{font-size:13px!important;padding:8px 11px;flex:0 0 auto}.workspace{min-height:calc(100vh - 112px)}.sidebar{width:224px}.main{padding:22px 18px 36px}.identity-avatar{width:52px;height:52px}.identity-name h3{font-size:16px}.order-filter-row-top{grid-template-columns:minmax(240px,1.45fr) minmax(135px,.75fr) minmax(135px,.75fr)}.order-filter-row-bottom{grid-template-columns:minmax(300px,1fr) auto auto}.filter-caption{font-size:12px}.reference-order-table{min-width:1040px}
}

@media(max-width:960px){
  .sidebar{width:210px;padding:15px 12px}.main{padding:18px 14px 32px}.identity-card{padding:14px}.identity-row{padding-top:10px;margin-top:9px}.side-item{padding:12px 10px;gap:9px}.order-filter-row-top{grid-template-columns:1fr 1fr}.order-filter-row-top .keyword-filter{grid-column:1/-1}.order-filter-row-bottom{grid-template-columns:1fr auto auto}.date-range-control{max-width:none}.page-head{gap:10px}.page-actions{flex:0 0 auto}.reference-refresh,.reference-export{padding:0 12px}.reference-order-table{min-width:1020px}
}

@media(max-width:800px){
  .topbar{padding:0 10px;grid-template-rows:62px 44px}.brand{max-width:230px}.brand-logo-img{width:40px;height:40px}.brand-copy{display:flex!important}.brand-copy b{font-size:17px}.brand-copy small{display:block!important;font-size:9.5px}.topnav{display:flex!important;justify-content:flex-start}.topnav button{font-size:12px!important;padding:8px 10px}.top-actions{display:flex!important}.user-trigger #userGreeting{display:none}.workspace{display:block;min-height:calc(100vh - 106px)}.sidebar{width:100%;padding:10px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-right:0;border-bottom:1px solid var(--line)}.identity-card{width:100%;padding:13px 14px}.identity-head{margin-bottom:0}.identity-row{display:none}.side-title{display:none}.side-item{display:flex!important;width:auto;flex:0 0 auto;margin:0;padding:9px 11px;border:1px solid #edf0f4;border-radius:8px;background:#fff}.side-item.active:before{display:none}.side-item.active{background:#f1efff;border-color:#e1dcff}.main{padding:14px 12px 28px}.page-head{align-items:center;margin-bottom:14px}.page-head h1{font-size:22px}.page-head p{font-size:11px}.order-filter-card{padding:14px}.order-filter-row-top,.order-filter-row-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.order-filter-row-top .keyword-filter,.order-filter-row-bottom .date-inline{grid-column:1/-1}.filter-inline{width:100%!important;min-width:0!important}.filter-caption{width:62px!important;flex:0 0 62px}.reference-search,.reference-reset{width:100%!important;min-width:0}.reference-orders-card{overflow-x:auto!important}.reference-order-table{min-width:980px!important}.reference-pager{min-width:720px}.detail-drawer{width:100%}
}

@media(max-width:560px){
  .topbar{grid-template-columns:minmax(0,1fr) auto}.brand{max-width:185px;gap:7px}.brand-logo-img{width:36px;height:36px;border-radius:8px}.brand-copy b{font-size:15px}.brand-copy small{font-size:8.8px}.mini-avatar{width:34px;height:34px}.topnav button{font-size:11.5px!important;padding:8px 9px;gap:4px}.nav-icon-img{width:15px;height:15px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-actions{width:100%;justify-content:flex-end}.reference-refresh,.reference-export{height:34px;font-size:12px}.order-filter-row-top,.order-filter-row-bottom{grid-template-columns:1fr!important}.order-filter-row-top .keyword-filter,.order-filter-row-bottom .date-inline{grid-column:auto}.filter-inline{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px}.date-inline{display:grid}.date-range-control{max-width:100%}.reference-search,.reference-reset{grid-column:auto}.side-item{font-size:12px}.identity-name h3{font-size:15px}.verify-pill{font-size:10px}
}


.brand-logo-img,.auth-brand-logo{object-fit:contain!important;object-position:center!important;background:#fff}
#messageCount.hidden-count{display:none}
.messages-shell{grid-template-columns:310px minmax(0,1fr)}
.conversation-pane{min-width:0}
.conversation-title{padding:18px 18px 12px}
.conversation-title h2{margin-bottom:10px}
.conversation-search-wrap{height:38px;border:1px solid #dde2e9;border-radius:7px;background:#fafbfc;display:flex;align-items:center;gap:7px;padding:0 10px}
.conversation-search-wrap img{width:15px;height:15px;opacity:.42;flex:0 0 auto}
.conversation-title .conversation-search-wrap input{border:0!important;background:transparent!important;padding:0!important;width:100%;min-width:0;box-shadow:none!important}
.conversation-list{max-height:660px;overflow:auto;background:#fff}
.conversation-item{width:100%;min-height:88px;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:11px;border:0;border-bottom:1px solid #f0f1f4;background:#fff;padding:12px 14px;text-align:left}
.conversation-item:hover{background:#faf9ff}
.conversation-item.active{background:#f1efff}
.conversation-item .avatar{width:50px;height:50px;border:2px solid #7465df;box-shadow:0 0 0 2px #ece9ff;background:linear-gradient(135deg,#8b72e9,#e07191)}
.conv-main{display:block;min-width:0;overflow:hidden}
.conv-name-line{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:5px}
.conv-name-line b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#22252b;font-size:15px;font-weight:700;line-height:1.2;flex:1}
.conv-name-line time{font-size:10px;color:#a9acb3;white-space:nowrap;flex:0 0 auto}
.conv-message-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaaeb5;font-size:11px;line-height:1.45;margin:0 0 4px}
.conv-sender-prefix{color:#9fa3aa}
.conv-order-ref{display:flex;align-items:center;gap:5px;min-width:0;color:#8179a7;font-size:10.5px;line-height:1.35}
.conv-order-ref img{width:13px;height:13px;opacity:.72;flex:0 0 auto;filter:none}
.conv-order-ref span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.chat-head{min-height:82px;height:auto}

@media(max-width:1250px){
  .messages-shell{grid-template-columns:300px minmax(0,1fr)}
}
@media(max-width:960px){
  .messages-shell{grid-template-columns:286px minmax(0,1fr)}
}
@media(max-width:800px){
  .messages-shell{display:block}
  .conversation-pane{border-right:0}
  .conversation-list{max-height:310px}
  .conversation-item{min-height:82px;grid-template-columns:50px minmax(0,1fr);padding:10px 12px}
  .conversation-item .avatar{width:46px;height:46px}
  .chat-pane{margin-top:10px}
}




.simple-order-filter{padding:25px 28px;margin-bottom:18px;border-radius:4px;box-shadow:0 2px 12px rgba(30,42,60,.035)}
.simple-date-filter{display:flex;align-items:center;gap:18px;min-width:0}
.simple-date-filter label{display:flex;align-items:center;gap:12px;font-size:14px;color:#2f343a;white-space:nowrap}
.simple-date-filter input[type=date]{width:220px;height:42px;padding:0 14px;border:1px solid #dfe3e8;border-radius:3px;background:#fff;color:#353a40;outline:none}
.simple-date-filter input[type=date]:focus{border-color:#377fed;box-shadow:0 0 0 2px rgba(55,127,237,.08)}
.simple-search-btn,.simple-reset-btn{height:42px;min-width:84px;padding:0 23px;border:0;border-radius:4px;color:#fff;font-size:14px}
.simple-search-btn{background:#3479ee;box-shadow:0 2px 7px rgba(52,121,238,.2)}
.simple-reset-btn{background:#555}
.simple-orders-card{border-radius:4px;overflow:hidden;box-shadow:0 2px 12px rgba(30,42,60,.035)}
.simple-order-table-wrap{width:100%;overflow-x:auto}
.simple-order-table{width:100%;min-width:1120px;table-layout:auto}
.simple-order-table th{height:58px;padding:0 18px;background:#fafafa;color:#292d33;font-size:13px;font-weight:700;white-space:nowrap;text-align:left;border-bottom:1px solid #e6e8ec}
.simple-order-table td{height:64px;padding:10px 18px;color:#646b74;font-size:13px;white-space:nowrap;border-bottom:1px solid #e6e8ec}
.simple-order-table tbody tr{cursor:pointer}
.simple-order-table tbody tr:hover{background:#fafcff}
.simple-order-table .adaptive-poster-col,.simple-order-table .adaptive-poster-cell{width:70px;text-align:center}
.simple-order-table .adaptive-poster-cell{padding-left:14px;padding-right:6px}
.simple-order-table .poster{width:44px;height:44px;border-radius:4px;object-fit:cover}
.simple-artist-cell{min-width:215px;white-space:normal!important}
.simple-artist-cell strong{display:block;color:#565c64;font-size:13px;font-weight:500;line-height:1.35}
.simple-artist-cell small{display:block;margin-top:3px;max-width:250px;color:#9da3ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simple-order-no,.simple-trade-time{font-variant-numeric:tabular-nums}
.simple-amount{color:#62676e}
.simple-order-pager{min-width:900px;height:82px;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;color:#656c75;font-size:13px;background:#fff}
.simple-order-pager label{display:flex;align-items:center;gap:7px}
.simple-order-pager select{height:34px;min-width:82px;padding:0 8px;border:1px solid #cfd4da;border-radius:2px;background:#fff}
.simple-order-pager button{height:36px;padding:0 16px;border:0;background:#fff;color:#777}
.simple-order-pager button:disabled{color:#c7cbd0;cursor:not-allowed}
.simple-current-page{width:40px;height:40px;border-radius:3px;background:#2f7ce8;color:#fff;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1500px){
  .simple-order-table .adaptive-poster-col,.simple-order-table .adaptive-poster-cell{display:none}
  .simple-order-table{min-width:1040px}
}
@media(max-width:1120px){
  .simple-date-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:12px}
  .simple-date-filter label{min-width:0}
  .simple-date-filter input[type=date]{width:100%;min-width:0}
}
@media(max-width:760px){
  .simple-order-filter{padding:16px}
  .simple-date-filter{grid-template-columns:1fr 1fr}
  .simple-date-filter label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
  .simple-search-btn,.simple-reset-btn{width:100%}
  .simple-order-table{min-width:1010px}
  .simple-order-pager{justify-content:flex-start;min-width:760px}
}

.order-no-input{display:flex;align-items:center;gap:8px}
.order-no-input input{flex:1;min-width:0}
.order-no-input button{height:38px;padding:0 12px;border:1px solid #d8deea;border-radius:6px;background:#f7f9fc;color:#596579;font-size:13px;white-space:nowrap}
.order-no-input button:hover{border-color:#8daef5;color:#4d74d8;background:#f3f6ff}

.customer-service-card{max-width:620px;min-height:430px;margin:0 auto;padding:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.customer-service-card h2{margin:0 0 22px;font-size:20px;color:#252b35}.customer-service-qr{width:min(300px,75vw);height:auto;max-height:300px;object-fit:contain;border-radius:10px;border:1px solid #eceef3;background:#fff;padding:10px}.customer-service-card p{margin:18px 0 0;color:#7b828d;font-size:13px}.customer-service-empty{width:280px;height:280px;border:1px dashed #d8dce4;border-radius:10px;display:grid;place-items:center;color:#a0a6af;background:#fafbfc}