/* v47 高级前端视觉系统：以采购任务分栏工作台为核心，统一桌面与移动端 */
:root{
  --ink:#17231f;
  --ink-2:#46534e;
  --paper:#f6f5f1;
  --card:#fff;
  --line:#e2e5e1;
  --line-strong:#cfd6d1;
  --muted:#75807a;
  --green:#075a43;
  --green-deep:#073d31;
  --green-ink:#062f27;
  --green-2:#e8f3ee;
  --green-3:#cfe5da;
  --orange:#d9732d;
  --orange-2:#fff4e8;
  --red:#c94b3f;
  --red-2:#fff0ee;
  --gold:#a7864b;
  --shadow:0 18px 55px rgba(14,43,34,.08);
  --shadow-soft:0 6px 22px rgba(14,43,34,.055);
  --radius:12px;
}

html{background:var(--paper);scrollbar-color:#9eaaa4 transparent;scrollbar-width:thin}
body{background:var(--paper);font-family:"Noto Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(7,90,67,.2);outline-offset:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.money,.stat-value,.order-no,.premium-task-table b,.inspector-datum b{font-variant-numeric:tabular-nums lining-nums}

/* 应用框架 */
.shell{grid-template-columns:96px minmax(0,1fr);background:var(--paper)}
.sidebar{width:96px;padding:0 7px 14px;background:var(--green-deep);border-right:1px solid rgba(255,255,255,.08);box-shadow:none;overflow:hidden}
.sidebar:before{content:"";position:absolute;inset:0 0 auto;height:74px;background:rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.1);pointer-events:none}
.sidebar .sidebar-brand{height:74px;padding:0;justify-content:center;position:relative;z-index:1}
.sidebar .sidebar-brand>span:last-child{display:none}
.sidebar .brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.nav{gap:5px;padding-top:18px}
.nav button{min-height:65px;padding:8px 4px;flex-direction:column;justify-content:center;gap:5px;border-radius:9px;color:#b9cbc4;text-align:center;font-size:12px;line-height:1.2;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.nav button:hover{background:rgba(255,255,255,.07);color:#fff}
.nav button.active{background:#0b664e;color:#fff;box-shadow:inset 3px 0 0 #72c7a5}
.nav-icon{width:26px;height:26px;border:0;border-radius:0;font-size:17px;color:inherit}
.nav button.active .nav-icon{background:transparent;color:#fff;border:0}
.user-card{margin-top:auto;padding:12px 3px 0;border-top:1px solid rgba(255,255,255,.14)}
.user-line{justify-content:center;margin-bottom:9px}
.user-line>div:last-child{display:none}
.avatar{width:34px;height:34px;background:#f1eee5;color:var(--green-deep);font-size:13px;border:1px solid rgba(255,255,255,.3)}
.logout{display:block;width:100%;color:#a9beb6;text-align:center;font-size:11px}

.main{min-width:0;background:var(--paper)}
.topbar{height:64px;padding:0 24px;background:var(--green-ink);border-bottom:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 2px 12px rgba(6,47,39,.12)}
.topbar-product{display:flex;align-items:center;gap:11px;min-width:0}
.topbar-product strong{font-size:17px;letter-spacing:.01em;white-space:nowrap}
.topbar-product>i{font-size:9px;color:#7eaa99}
.topbar-product span{font-size:13px;color:#b8cec6;white-space:nowrap}
.top-meta{color:#bfd0ca;gap:11px}
.top-meta #sessionCountdown{background:rgba(255,255,255,.1);color:#e9f2ee;border:1px solid rgba(255,255,255,.1)}
.top-date{font-size:12px;color:#a9c1b8}
.mobile-top-logout{border-color:rgba(255,255,255,.18)!important;color:#e8f2ee!important}
.content{max-width:none;padding:18px 20px 42px;margin:0}
.page-head{margin-bottom:14px;align-items:center}
.page-head h2{font-size:24px;line-height:1.25;letter-spacing:-.025em;color:#15221e;margin-bottom:2px}
.page-head p{font-size:13px;color:#78847e}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* 控件与通用页面 */
.btn{min-height:38px;border-radius:8px;padding:9px 15px;font-size:13px;font-weight:700;letter-spacing:.005em;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn-primary{background:var(--green);box-shadow:0 5px 14px rgba(7,90,67,.16)}
.btn-primary:hover{background:#064c39}
.btn-secondary{background:#edf6f2;color:#075a43;border:1px solid #c7ded4}
.btn-secondary:hover{background:#e2f0ea;border-color:#a9cdbd}
.btn-ghost{background:#fff;color:#35443e;border:1px solid var(--line-strong)}
.btn-ghost:hover{background:#fafbf9;border-color:#aebbb5}
.btn-danger{background:#fff6f3;color:#ad4b30;border:1px solid #efc1b2}
.btn-sm{min-height:32px;padding:6px 11px;font-size:12px}
.field{gap:7px;margin-bottom:15px}
.field label{color:#34433d;font-size:12px;font-weight:750}
.field input,.field select,.field textarea,.filter,.task-inline-select{min-height:40px;border-color:var(--line-strong);border-radius:8px;background:#fff;padding:9px 12px;color:#25332e;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.field input:hover,.field select:hover,.field textarea:hover,.filter:hover,.task-inline-select:hover{border-color:#aebbb5}
.field input:focus,.field select:focus,.field textarea:focus,.filter:focus,.task-inline-select:focus{border-color:#4a967b;box-shadow:0 0 0 3px rgba(7,90,67,.09)}
.panel{border-color:var(--line);border-radius:12px;box-shadow:none}
.panel-head{padding:17px 20px}
.panel-body{padding:18px 20px}
.stats{gap:12px;margin-bottom:18px}
.stat{padding:18px;border-radius:11px;border-color:var(--line);box-shadow:none}
.stat-value{font-size:28px;letter-spacing:-.03em}
.status,.sales-situation{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750;line-height:1.35}
.table-wrap{border-color:var(--line);border-radius:10px;background:#fff}
th{padding:11px 13px;background:#fafaf8;color:#68756f;font-weight:700;letter-spacing:.02em;border-bottom:1px solid var(--line)}
td{padding:12px 13px;border-top-color:#eceeeb;color:#2a3732}
tr.clickable:hover{background:#fbfcfa}

/* 采购任务：选定的左队列 + 右订单处理布局 */
.premium-task-workspace{display:grid;grid-template-columns:minmax(640px,1.38fr) minmax(430px,.86fr);height:calc(100vh - 156px);min-height:650px;margin:0 -20px -42px;border-top:1px solid var(--line);background:#fff}
.premium-task-list-pane{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff;overflow:hidden}
.premium-queue-tabs{display:flex;align-items:stretch;gap:24px;min-height:55px;padding:0 20px;border-bottom:1px solid var(--line);background:#fff;overflow-x:auto}
.premium-queue-tabs button{position:relative;display:flex;align-items:center;gap:7px;flex:0 0 auto;border:0;background:transparent;color:#48564f;padding:0 2px;font-size:13px;font-weight:700}
.premium-queue-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}
.premium-queue-tabs button b{min-width:18px;color:#78847e;font-size:12px;font-weight:800;text-align:center}
.premium-queue-tabs button.active{color:var(--green)}
.premium-queue-tabs button.active:after{background:var(--green)}
.premium-queue-tabs button.active b{color:var(--green)}
.premium-task-list-pane .task-filterbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:14px 16px 8px;background:#fff}
.premium-task-list-pane .task-filterbar .search{min-width:0}
.premium-task-list-pane .task-filterbar .search{grid-column:span 2}
.premium-task-list-pane .task-filterbar .search input{height:40px;border-radius:8px;background:#fbfcfa;border-color:var(--line-strong)}
.premium-task-list-pane .task-filterbar .search:before{top:7px;color:#809087}
.premium-task-list-pane .task-filterbar .filter{width:100%;min-width:0;height:40px;padding:8px 28px 8px 10px;font-size:12px}
.premium-task-list-pane .task-order-filter-bar{margin:0;padding:2px 16px 10px;border:0;background:#fff;display:flex;align-items:center;gap:8px}
.premium-task-list-pane .task-order-add{display:flex;align-items:center;gap:7px;min-width:0}
.premium-task-list-pane .task-order-add strong{display:none}
.premium-task-list-pane .task-order-add input{min-width:260px;height:36px;border-radius:8px;background:#fbfcfa;border:1px solid var(--line-strong);padding:7px 11px;font-size:12px}
.premium-task-list-pane .task-order-chips{display:flex;gap:5px;min-width:0;overflow-x:auto}
.premium-task-list-pane .task-order-chip{background:#edf5f1;border-color:#d2e4dc;border-radius:6px}
.premium-task-list-pane .task-batch-bar{min-height:48px;margin:0;padding:8px 16px;border-width:1px 0;border-color:#d6e7df;border-radius:0;background:#f0f7f4;box-shadow:none}
.premium-task-list-pane .task-batch-controls select{height:34px;border-radius:7px;background:#fff;border-color:#b9d2c7}
.premium-task-list-pane .premium-help{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:0 16px;color:#65716c;font-size:12px}
.premium-task-list-pane .premium-help summary{display:flex;align-items:center;gap:7px;width:max-content;padding:8px 0;cursor:pointer;color:#527064;font-weight:700}
.premium-task-list-pane .premium-help p{margin:0 0 10px;max-width:930px;line-height:1.65}
.premium-queue-wrap{flex:1;min-height:0;border:0;border-radius:0;overflow:auto;scrollbar-gutter:stable}
.premium-task-table{min-width:900px}
.premium-task-table thead{position:sticky;top:0;z-index:3}
.premium-task-table th{height:42px;padding:8px 10px;background:#f8f9f7;color:#6c7872;font-size:10px}
.premium-task-table td{height:68px;padding:8px 10px;vertical-align:middle;font-size:12px;background:#fff}
.premium-task-row{position:relative;cursor:default}
.premium-task-row:hover td{background:#fbfcfa}
.premium-task-row.selected td{background:#edf7f3}
.premium-task-row.selected td:first-child{box-shadow:inset 3px 0 0 var(--green)}
.premium-task-row.task-row-refund td{background:#fffaf8}
.premium-task-row.task-row-refund.selected td{background:#edf7f3}
.premium-order-button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;border:0;background:transparent;padding:0;color:inherit;text-align:left}
.premium-order-button .order-no{font-size:12px;font-weight:800;color:#20312a}
.premium-order-button small{font-size:10px;color:#7b8781;white-space:nowrap}
.premium-inline{min-height:22px;border-radius:5px;padding:2px 4px;margin:-2px -4px}
.premium-inline:hover{background:#fff;border:1px dashed #aac5b9;padding:1px 3px}
.premium-inline strong{display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.premium-store-select{margin-top:4px}
.premium-store-select .task-inline-select{width:135px;min-height:27px;height:27px;padding:3px 22px 3px 7px;border:0;background:transparent;color:#66736d;font-size:10px}
.premium-assignee-cell{min-width:112px}
.premium-assignee-cell .premium-person{display:block;margin-bottom:3px;font-weight:700;color:#34443d}
.premium-assignee-cell .task-inline-select{width:110px;min-height:27px;height:27px;padding:3px 22px 3px 7px;font-size:10px;background:#f8faf8}
.premium-task-table .excel-owned-cell b{display:block;color:#293831;font-size:12px}
.premium-task-table .excel-owned-cell small{display:block;margin-top:3px;color:#849089;font-size:9px;white-space:nowrap}
.premium-task-table .excel-owned-cell small.loss{color:var(--red)}
.premium-task-table .status,.premium-task-table .sales-situation{display:inline-flex;margin:1px 4px 2px 0;padding:3px 7px;font-size:9px}
.premium-missing,.premium-complete{display:block;margin-top:3px;max-width:170px;font-size:9px;line-height:1.35}
.premium-missing{color:#a76523}.premium-complete{color:#648173}
.premium-row-more{width:28px;height:30px;border:0;border-radius:7px;background:transparent;color:#6f7d76}
.premium-row-more:hover{background:#e3efe9;color:var(--green)}
.premium-task-table .duplicate-task-badge{margin-top:4px;font-size:9px}
.premium-task-table th.sales-situation-front,.premium-task-table td.sales-situation-front{width:128px;min-width:128px;background:#f8faf8;box-shadow:inset -1px 0 #e4ebe7}
.premium-task-row.selected td.sales-situation-front,.premium-task-row.task-row-refund.selected td.sales-situation-front{background:#edf7f3}
.premium-task-table td.sales-situation-front .premium-complete,.premium-task-table td.sales-situation-front .premium-missing{max-width:116px}

/* 常驻订单检查器 */
.task-inspector{min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fdfdfc}
.inspector-scroll{min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:73px;padding:14px 20px 11px;border-bottom:1px solid var(--line)}
.inspector-kicker{display:block;margin-bottom:2px;color:#78857f;font-size:10px;font-weight:700;letter-spacing:.08em}
.inspector-head h3{margin:0;color:#17251f;font-size:18px;letter-spacing:.005em}
.inspector-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 18px 14px;border-bottom:1px solid var(--line)}
.inspector-flow>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:#8a948f;text-align:center;font-size:10px}
.inspector-flow>div:before{content:"";position:absolute;left:-50%;right:50%;top:13px;height:1px;background:#dfe4e1}
.inspector-flow>div:first-child:before{display:none}
.inspector-flow b{position:relative;z-index:1;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d8dedb;border-radius:50%;background:#f1f3f2;color:#68756f;font-size:11px}
.inspector-flow .done{color:#2f443b}.inspector-flow .done:before{background:#80ad9a}.inspector-flow .done b{border-color:var(--green);background:var(--green);color:#fff}.inspector-flow .active{color:#815922;font-weight:700}.inspector-flow .active b{border-color:#d3a66c;background:#fff5e9;color:#9a6427}
.inspector-section{padding:17px 20px;border-bottom:1px solid var(--line)}
.inspector-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.inspector-section-head h4{margin:0;color:#203029;font-size:14px}
.inspector-section-head>span{display:inline-flex;align-items:center;gap:5px;color:#678376;font-size:10px}
.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.inspector-datum{min-width:0;min-height:60px;padding:9px 10px;border:1px solid #e4e7e4;border-radius:8px;background:#fafbf9}
.inspector-datum label{display:block;margin-bottom:3px;color:#7a8580;font-size:9px}
.inspector-datum>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#27362f;font-size:11px;font-weight:650;overflow-wrap:anywhere}
.inspector-datum>div>i{flex:0 0 auto;color:#9ca6a1;font-size:9px}
.inspector-datum .sales-situation{font-size:9px}
.inspector-admin{background:#fff}
.inspector-field{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:9px;color:#4d5a54;font-size:11px;font-weight:700}
.inspector-field .task-inline-select{width:100%;height:38px}
.inspector-money{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:8px 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#26362f}
.inspector-money>span{font-weight:800}.inspector-money small{color:#839089;font-size:9px;font-weight:500}
.inspector-note{margin-top:11px}
.inspector-note>span{display:block;margin-bottom:6px;color:#4d5a54;font-size:11px;font-weight:700}
.inspector-note p{min-height:80px;margin:0;padding:10px 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:#35433d;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.inspector-note small{display:block;margin-top:5px;color:#849089;font-size:9px}
.inspector-warning{display:flex;gap:9px;margin-top:12px;padding:11px 12px;border:1px solid #efd9ba;border-radius:8px;background:var(--orange-2);color:#8c5c21}
.inspector-warning>i{margin-top:2px}.inspector-warning strong,.inspector-warning span{display:block}.inspector-warning strong{font-size:11px}.inspector-warning span{margin-top:2px;font-size:9px;line-height:1.5}
.inspector-actions{position:relative;z-index:4;display:grid;grid-template-columns:auto auto minmax(150px,1fr);flex:0 0 auto;gap:8px;margin-top:0;padding:12px 16px;border-top:1px solid var(--line);background:#fdfdfc;box-shadow:0 -8px 25px rgba(15,45,35,.05)}
.inspector-actions .btn{padding-left:12px;padding-right:12px;white-space:nowrap}

/* 其他页面同步高级视觉 */
.dashboard-table,.grid-2>.panel,.store-layout>.panel,.account-card,.refund-summary,.ledger-summary{border-color:var(--line);box-shadow:none}
.dashboard-badges span,.route-badge,.network-route-badge{border-radius:999px}
.todo{padding:13px 0}.todo-num{border-radius:8px;background:#edf5f1}
.store-item{border-radius:9px}.store-item.active{border-color:#7eae99;box-shadow:inset 3px 0 0 var(--green)}
.tabs{border-radius:9px;background:#edece8}.tabs button{border-radius:7px}
.account-card{border-radius:10px;background:#fff}
.secret{background:#f3f2ee;border:1px solid #e4e3de}

/* 模态框与详情 */
.modal-backdrop{background:rgba(5,25,19,.62);backdrop-filter:blur(2px)}
.modal{border:1px solid rgba(255,255,255,.55);border-radius:14px;background:#fff;box-shadow:0 28px 90px rgba(2,24,17,.28)}
.modal-head{padding:17px 20px;background:#fff;border-bottom-color:var(--line)}
.modal-head h3{font-size:18px;letter-spacing:-.015em}
.modal-body{padding:20px}
.modal-foot{padding:13px 20px;background:#fbfbf9;border-top-color:var(--line)}
.close{border-radius:8px;background:#f1f2ef;color:#425149}
.task-detail{gap:14px}.info-block{border-color:var(--line);border-radius:10px;padding:16px;background:#fff}.info-block h4{font-size:14px}
.oa-flow{border-color:var(--line);border-radius:10px;background:#fafbf9}
.upload-box{border-radius:9px;background:#fbfcfa}.upload-box.done{background:#f0f7f3}
.admin-note-field,.admin-note-readonly{border-radius:9px!important;background:#f1f7f4!important}
.admin-purchase-note-input{border-radius:8px!important}
.toast{border-radius:9px;background:#13271f;box-shadow:0 14px 40px rgba(5,35,25,.25)}

/* v47.3 采购凭证连续图片 / 视频查看器 */
body.media-viewer-open{overflow:hidden}
.attachment-preview{width:100%;border:0;text-align:left;cursor:pointer;font:inherit}
.attachment-preview:hover{background:#e8f2ed;box-shadow:inset 0 0 0 1px #b7d3c6}
.media-viewer-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(3,13,10,.88);backdrop-filter:blur(5px)}
.media-viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;width:min(1280px,calc(100vw - 36px));height:min(900px,calc(100dvh - 36px));overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#101714;color:#fff;box-shadow:0 32px 110px rgba(0,0,0,.5)}
.media-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:12px 16px 12px 20px;border-bottom:1px solid rgba(255,255,255,.12);background:#17201c}
.media-viewer-head>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.media-viewer-head span{color:#8fd1b5;font-size:11px;font-weight:800}
.media-viewer-head strong{max-width:64vw;overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.media-viewer-head small{color:#98a7a0;font-size:10px}
.media-viewer-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.media-viewer-tools button,.media-viewer-tools a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.08);color:#f4f7f5;font-size:12px;font-weight:750;text-decoration:none}
.media-viewer-tools button:hover,.media-viewer-tools a:hover{border-color:#80bda4;background:rgba(84,155,124,.2)}
.media-viewer-tools .media-viewer-close{margin-left:4px;background:#fff;color:#1b2923;font-size:21px}
.media-viewer-head,.media-viewer-stage,.media-viewer-footer{min-width:0}
.media-viewer-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 46%,#24312b 0,#0b100e 72%);touch-action:none;user-select:none}
.media-viewer-content{position:absolute;inset:14px 64px 34px;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}
.media-viewer-content.zoomed{cursor:grab}.media-viewer-content.zoomed:active{cursor:grabbing}
.media-viewer-image,.media-viewer-video{display:block;object-fit:contain}
.media-viewer-image{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;transform-origin:center center;transition:transform .12s ease;will-change:transform}
.media-viewer-video{max-width:100%;max-height:100%}
.media-viewer-video{width:min(1080px,100%);background:#000}
.media-viewer-pdf{width:100%;height:100%;border:0;border-radius:8px;background:#fff}
.media-viewer-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:48px;height:68px;margin-top:-34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(7,15,12,.7);color:#fff;font-size:42px;font-weight:300;line-height:1;cursor:pointer}
.media-viewer-arrow.previous{left:12px}.media-viewer-arrow.next{right:12px}
.media-viewer-arrow:hover:not(:disabled){background:#075a43;border-color:#5ea98a}
.media-viewer-arrow:disabled{opacity:.22;cursor:default}
.media-viewer-count{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.55);color:#dfe8e4;font-size:10px}
.media-viewer-footer{min-height:114px;padding:10px 14px 8px;border-top:1px solid rgba(255,255,255,.12);background:#17201c}
.media-viewer-thumbs{display:flex;align-items:stretch;gap:8px;min-width:0;max-width:100%;overflow-x:auto;padding:0 2px 7px;scrollbar-width:thin;scrollbar-color:#52635c transparent;scroll-snap-type:x proximity}
.media-thumb{position:relative;flex:0 0 82px;height:66px;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#27332e;color:#fff;cursor:pointer;scroll-snap-align:center}
.media-thumb img{width:100%;height:100%;object-fit:cover;opacity:.76}
.media-thumb.active{border-color:#70d0a8;box-shadow:0 0 0 2px rgba(74,164,126,.2)}
.media-thumb.active img{opacity:1}
.media-thumb-type{display:grid;place-items:center;width:100%;height:100%;color:#b9d8cb;font-size:14px;font-weight:850}
.media-thumb>i{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#0b6b50;color:#fff;font-size:10px;font-style:normal;opacity:0}
.media-thumb.viewed>i{opacity:1}
.media-thumb>small{position:absolute;left:0;right:0;bottom:0;overflow:hidden;padding:3px 4px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.media-viewer-footer>p{margin:0;color:#84958d;font-size:9px;text-align:center}

/* 登录页保持宣传图，提升表单质感 */
.auth-panel{background:radial-gradient(circle at 88% 50%,rgba(251,247,237,.34) 0,rgba(251,247,237,.12) 25%,rgba(251,247,237,0) 48%)}
.auth-card{padding:6px 0}
.auth-card h2{font-size:34px;letter-spacing:-.035em;color:#14231d}
.auth-card>p{color:#748079}
.auth-card .field input{height:50px;border-radius:9px;background:#fff}
.auth-card .btn-block{min-height:48px;border-radius:9px}
.login-note{color:#849089}

@media (max-width:1280px) and (min-width:761px){
  .premium-task-workspace{grid-template-columns:minmax(570px,1.15fr) minmax(390px,.85fr)}
  .premium-task-list-pane .task-filterbar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .premium-queue-tabs{gap:15px}
  .top-date{display:none}
}

@media (max-width:760px){
  body{font-size:14px;background:#f4f4f1}
  .shell{grid-template-columns:1fr}
  .sidebar{width:min(318px,88vw);padding:0 14px 20px;border-right:0}
  .sidebar:before{height:67px}
  .sidebar .sidebar-brand{height:auto;padding:16px 8px 14px;justify-content:flex-start}
  .sidebar .sidebar-brand>span:last-child{display:block}
  .nav{padding-top:8px}
  .nav button{min-height:48px;padding:9px 11px;flex-direction:row;justify-content:flex-start;gap:12px;border-radius:8px;font-size:14px;text-align:left}
  .nav button.active{box-shadow:inset 3px 0 0 #72c7a5}
  .nav-icon{width:26px;height:26px;font-size:16px}
  .user-card{padding:15px 8px 0}
  .user-line{justify-content:flex-start}.user-line>div:last-child{display:block}
  .logout{text-align:left;font-size:13px}
  .topbar{height:58px;padding:0 12px;background:var(--green-ink)}
  .topbar-product{min-width:0;gap:7px}
  .topbar-product strong{display:none}
  .topbar-product>i{display:none}
  .topbar-product span{color:#fff;font-size:16px;font-weight:800}
  .top-meta{gap:7px}.top-date,.top-meta #sessionCountdown{display:none}
  .content{padding:14px 12px 94px}
  .page-head{align-items:flex-start;margin-bottom:13px}
  .page-head h2{font-size:22px}.page-head p{font-size:12px;line-height:1.6}
  .page-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px;justify-content:stretch;margin-top:10px;overflow:visible;padding-bottom:2px}
  .page-actions .btn{width:100%;min-width:0;white-space:normal;line-height:1.35}
  .premium-task-workspace{display:none}
  .mobile-task-tools,.mobile-task-list{display:block}
  .mobile-task-tools{border-radius:10px;border-color:var(--line);box-shadow:none;background:#fff}
  .mobile-task-card{border-radius:10px;border-color:var(--line);box-shadow:none;background:#fff}
  .mobile-task-card.priority-rejected{border-left:3px solid var(--orange)}
  .mobile-task-top .order-no{font-size:12px}
  .mobile-task-meta,.mobile-payment-time{border-color:#eceeea}
  .mobile-bottom{background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(12,42,32,.06)}
  .mobile-bottom button{color:#6b7771}.mobile-bottom button.active{color:var(--green)}
  .mobile-bottom button span{font-size:17px}
  .modal{border-radius:14px 14px 0 0!important}
  .modal-head{padding:15px 16px}.modal-body{padding:15px}.modal-foot{padding:11px 14px}
  .task-detail{gap:12px}.info-block{padding:14px}
  .field input,.field select,.field textarea,.filter,.task-inline-select{font-size:16px}
  .btn{min-height:42px}
  .auth{display:flex;min-height:100dvh;flex-direction:column;background:#fbfbf9}
  .auth-art{height:min(42dvh,370px);min-height:250px}
  .auth-panel{position:relative;z-index:3;display:block;margin-top:-12px;padding:22px 20px 30px;border-radius:18px 18px 0 0;background:#fbfbf9;box-shadow:0 -14px 35px rgba(8,40,30,.12)}
  .auth-card{width:100%;max-width:430px;margin:0 auto}
  .auth-card h2{font-size:28px}
  .media-viewer-backdrop{padding:0;background:#070b09}
  .media-viewer-shell{width:100vw;height:100dvh;border:0;border-radius:0}
  .media-viewer-head{min-height:64px;padding:8px 8px 8px 12px;gap:8px}
  .media-viewer-head strong{max-width:45vw;font-size:13px}
  .media-viewer-head small{display:none}
  .media-viewer-tools{gap:4px}
  .media-viewer-tools button,.media-viewer-tools a{min-width:34px;height:36px;padding:0 8px;font-size:11px}
  .media-viewer-tools a{display:none}
  .media-viewer-content{inset:8px 44px 31px}
  .media-viewer-arrow{width:38px;height:56px;margin-top:-28px;border:0;background:rgba(0,0,0,.42);font-size:34px}
  .media-viewer-arrow.previous{left:3px}.media-viewer-arrow.next{right:3px}
  .media-viewer-footer{min-height:103px;padding:8px 8px calc(7px + env(safe-area-inset-bottom))}
  .media-thumb{flex-basis:72px;height:58px}
  .media-viewer-footer>p{font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}