:root{color:#1d2433;background:#f4f6f8;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:240px 1fr;height:100vh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.shell:has(.sidebarToggle:checked){grid-template-columns:76px minmax(0,1fr)}.sidebar{color:#fff;background:#18202f;padding:24px 18px;position:relative;overflow:hidden}.sidebarToggle{display:none}.sidebarCollapseButton{color:#fff;cursor:pointer;background:#283449;border:1px solid #3b4960;border-radius:8px;justify-content:center;align-items:center;width:40px;height:34px;margin-bottom:18px;display:inline-flex}.brand{align-items:center;gap:12px;min-width:200px;margin-bottom:32px;display:flex}.brandMark{background:#00a884;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.brand small,.topbar p,td small{color:#8d98a8;display:block}nav{gap:8px;display:grid}nav a{color:#c8d0dc;text-overflow:clip;white-space:nowrap;border-radius:8px;padding:12px 14px;text-decoration:none;overflow:hidden}nav a.active,nav a:hover{color:#fff;background:#283449}.workspace{flex-direction:column;min-width:0;height:100vh;padding:20px;display:flex;overflow:auto}.shell:has(.sidebarToggle:checked) .brand div{font-size:0}.shell:has(.sidebarToggle:checked) .brand{justify-content:center;min-width:0}.shell:has(.sidebarToggle:checked) .brandMark{width:40px;height:40px}.shell:has(.sidebarToggle:checked) nav a{justify-content:center;align-items:center;height:44px;padding:0;display:flex}nav a{align-items:center;gap:10px;display:flex}nav a:before{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:8px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #2563eb38}nav a[href=\/]:before{content:"单";background:linear-gradient(135deg,#22c55e,#0f766e)}nav a[href=\/media]:before{content:"图";background:linear-gradient(135deg,#f97316,#dc2626)}nav a[href=\/reports]:before{content:"报";background:linear-gradient(135deg,#8b5cf6,#2563eb)}nav a[href=\/users]:before{content:"员";background:linear-gradient(135deg,#06b6d4,#0891b2)}nav a[href=\/logs]:before{content:"志";background:linear-gradient(135deg,#f59e0b,#d97706)}nav a[href=\/account]:before{content:"密";background:linear-gradient(135deg,#64748b,#334155)}.shell:has(.sidebarToggle:checked) nav a{font-size:0}.shell:has(.sidebarToggle:checked) nav a:before{font-size:17px}.topbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.topbar:not(.mediaTopbar){background:linear-gradient(135deg,#0f766e1a,#0000 42%),linear-gradient(#fff,#f8fafc);border:1px solid #dce2e8;border-radius:8px;flex:none;padding:12px 14px;box-shadow:0 14px 34px #0f172a12}.topbar:not(.mediaTopbar) p{color:#657084;margin-bottom:4px;font-size:13px}h1,h2,p{margin:0}h1{font-size:26px}h2{font-size:18px}.userBadge{text-align:right;background:#fff;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.userBadge span{color:#657084;font-size:13px;display:block}.userBadge button{color:#00a884;background:0 0;border:0;margin-top:6px;padding:0}.userBadge a{color:#00a884;margin-top:6px;font-size:13px;text-decoration:none;display:block}.loginShell{background:#18202f;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginPanel{background:#fff;border-radius:8px;width:100%;max-width:420px;padding:28px;box-shadow:0 24px 80px #0000003d}.loginBrand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.loginBrand small{color:#657084;display:block}.loginPanel h1{margin-bottom:18px;font-size:26px}.loginPanel form{gap:12px;display:grid}.loginPanel button{color:#fff;background:#00a884;border:0;border-radius:8px;padding:12px 14px;font-weight:700}.loginPanel button:disabled{cursor:wait;background:#8ccdbd}.loginMessage{color:#b42318;background:#fff1f1;border:1px solid #ffd4d4;border-radius:8px;padding:10px 12px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.metrics div,.panel{background:#fff;border:1px solid #dce2e8;border-radius:8px}.metrics div{padding:10px 14px}.metrics span{color:#657084;font-size:12px}.metrics strong{margin-top:3px;font-size:20px;display:block}.panel{margin-bottom:0;overflow:hidden}.panel:has(.tableWrap){flex-direction:column;flex:auto;min-height:0;max-height:none;display:flex}.notice{color:#76520b;background:#fff8e5;border:1px solid #f3d07c;border-radius:8px;margin-bottom:18px;padding:12px 16px}.pageBusyOverlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#f4f6f8b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pageBusyOverlay>div{color:#fff;background:#18202f;border-radius:8px;align-items:center;gap:12px;padding:16px 18px;display:flex;box-shadow:0 20px 60px #0f172a3d}.panelHeader{border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panelHeader button,.actions button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.orderForm form{gap:16px;padding:0;display:grid}.userForm form{grid-template-columns:1.1fr 1.4fr 1fr 1.2fr auto;gap:12px;padding:16px;display:grid}.productForm form,.customerForm form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.productForm button[type=submit],.customerForm button[type=submit]{color:#fff;background:#00a884;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.accountPanel form{gap:12px;max-width:460px;padding:16px;display:grid}.accountPanel form button{color:#fff;background:#00a884;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.accountInfo{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;display:grid}.accountInfo span{color:#657084;margin-bottom:6px;display:block}input,select,textarea{border:1px solid #cfd7df;border-radius:8px;min-width:0;padding:10px 12px}textarea{resize:vertical;min-height:84px}input:disabled,select:disabled,textarea:disabled{color:#667085;background:#f2f4f7}.checkLine{border:1px solid #cfd7df;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.checkLine input{width:auto}.thumb{aspect-ratio:1;object-fit:cover;z-index:1;border-radius:8px;width:54px;height:54px;transition:transform .16s,box-shadow .16s;position:relative}.ordersTable .thumb:hover{transform-origin:0 0;z-index:40;outline:4px solid #fff;position:relative;transform:scale(4);box-shadow:0 18px 45px #0f172a47}.orderForm button[type=submit]{color:#fff;background:#00a884;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.orderForm button[type=submit]:disabled{cursor:wait;background:#8ccdbd}.orderEditor{background:#f6f8fb;gap:0;max-width:1200px;padding:0}.orderEditorHeader{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-bottom:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.orderEditorHeader p{color:#ffffffc7;margin-bottom:4px;font-size:13px}.orderEditorHeader h2{font-size:24px}.orderEditorHeader button,.orderEditorActions button,.mediaSelectHeader button,.selectedMediaItem button,.selectedVideo button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.orderEditorHeader button{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.orderEditorNotice{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fed7aa;padding:12px 24px;font-weight:700}.orderFormSection{background:#fff;border:1px solid #e4eaf0;border-radius:8px;margin:16px 20px 0;padding:18px 20px 20px;position:relative}.orderFormSection:before{content:"";background:#00a884;border-radius:8px 0 0 8px;width:5px;position:absolute;inset:0 auto 0 0}.orderFormSection h3{color:#18202f;margin:0 0 16px;padding-left:4px;font-size:17px}.orderFormGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.formField{color:#344054;gap:6px;min-width:0;display:grid}.formField>span{color:#657084;font-size:13px;font-weight:700}.formField input,.formField select,.formField textarea,.addressParser textarea{background:#fff;transition:border-color .16s,box-shadow .16s}.formField input:focus,.formField select:focus,.formField textarea:focus,.addressParser textarea:focus{border-color:#00a884;outline:0;box-shadow:0 0 0 3px #00a88424}.formField b{color:#b42318;margin-left:3px}.formField em,.addressParser em{color:#b42318;font-size:12px;font-style:normal;font-weight:700}.formField.hasError input,.formField.hasError select,.formField.hasError textarea,.addressParser.hasError textarea,.formField.hasError .mediaSelectBox{border-color:#f04438;box-shadow:0 0 0 3px #f044381a}.addressParser{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:10px;padding:14px;display:grid}.addressParserHeader{justify-content:space-between;align-items:center;display:flex}.addressParserHeader small{color:#0369a1;margin-top:4px;display:block}.addressParserHeader button{color:#fff;background:#0284c7;border:0;border-radius:8px;padding:9px 12px;font-weight:700}.spanTwo{grid-column:span 2}.spanAll{grid-column:1/-1}.mediaSelectBox{background:#fff;border:1px solid #cfd7df;border-radius:8px;overflow:hidden}.mediaSelectHeader{background:#f8fafc;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;padding:12px;display:flex}.mediaSelectHeader button{color:#067647;background:#ecfdf3;border-color:#abefc6;font-weight:700}.mediaSelectHeader small{color:#657084;margin-top:4px;display:block}.selectedMediaGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;min-height:118px;padding:12px;display:grid}.selectedMediaItem{background:#fff;border:1px solid #dce2e8;border-radius:8px;gap:8px;padding:8px;display:grid;overflow:hidden}.selectedMediaItem img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.selectedMediaItem small{color:#657084;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selectedMediaItem button,.selectedVideo button{color:#b42318}.selectedVideo{gap:10px;padding:12px;display:grid}.selectedVideo video{aspect-ratio:16/9;background:#101828;border-radius:8px;width:100%;max-height:320px}.mediaPlaceholder{color:#657084;background:#f8fafc;border:1px dashed #cfd7df;border-radius:8px;justify-content:center;align-items:center;min-height:90px;padding:14px;display:flex}.orderEditorActions{z-index:1;background:#fff;border-top:1px solid #e8edf2;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex;position:sticky;bottom:0}.orderEditorActions button[type=submit]{color:#fff;background:#0f766e;border-color:#0f766e;min-width:120px;font-weight:700}.orderActionModal{background:#f8fafc;max-width:620px;padding:0}.orderActionModal h2{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border-radius:8px 8px 0 0;padding:18px 20px}.orderActionModal>p{color:#657084;background:#fff;border-bottom:1px solid #e8edf2;padding:12px 20px}.orderActionModal>.formField,.orderActionModal>.mediaSelectBox,.orderActionModal>.modalActions,.orderActionModal>.shipAddressBox{margin:0 20px}.orderActionModal>.modalActions{margin-bottom:20px}.shipAddressBox{background:#f0fdf9;border:1px solid #b8e4d7;border-radius:8px;gap:8px;padding:12px;display:grid}.shipAddressBox span{color:#06745d;font-size:13px;font-weight:700}.shipAddressBox p{line-height:1.5}.shipAddressBox button{color:#fff;background:#00a884;border:1px solid #00a884;border-radius:8px;justify-self:start;padding:8px 12px}.tools>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tools button{white-space:nowrap;background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.tools button.danger{color:#b42318;background:#fff1f1;border-color:#ffd4d4}.orderSearchBar{background:#f8fafc;border-bottom:1px solid #e8edf2;grid-template-columns:minmax(220px,1.4fr) 130px 120px repeat(2,150px) repeat(2,120px) 120px 140px auto auto;align-items:center;gap:8px;padding:10px 14px;display:grid}.orderSearchBar input,.orderSearchBar select{border:1px solid #cfd7df;border-radius:8px;min-width:0;padding:7px 9px}.orderSearchBar button{white-space:nowrap;background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:7px 11px}.orderSearchBar button:first-of-type{color:#fff;background:#00a884;border-color:#00a884}.hiddenFile{display:none}.tableWrap{scrollbar-color:#94a3b8 #edf1f5;scrollbar-width:thin;flex:auto;min-height:0;overflow:auto}.tableWrap::-webkit-scrollbar{height:12px}.tableWrap::-webkit-scrollbar-track{background:#edf1f5}.tableWrap::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:2180px}th,td{text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:9px 14px;overflow:hidden}td strong,td small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}th{color:#657084;white-space:nowrap;z-index:2;background:#fafbfc;padding:9px 14px;font-size:13px;position:sticky;top:0}tbody tr:nth-child(odd) td{background:#fff}tbody tr:nth-child(2n) td{background:#f8fbff}tbody tr:hover td{background:#f0f8ff}.statusPill{color:#06745d;white-space:nowrap;background:#e8f7f3;border:1px solid #b8e4d7;border-radius:999px;padding:5px 10px;font-size:13px;display:inline-flex}.statusPill.muted{color:#667085;background:#f2f4f7;border-color:#d0d5dd}.statusPending{color:#ad6800;background:#fff7e6;border-color:#ffd591}.statusPaid{color:#0958d9;background:#e6f4ff;border-color:#91caff}.statusShipped{color:#1d39c4;background:#f0f5ff;border-color:#adc6ff}.statusDelivered{color:#237804;background:#f6ffed;border-color:#b7eb8f}.statusCompleted{color:#06745d;background:#e8f7f3;border-color:#99dac9}.statusCanceled{color:#667085;background:#f2f4f7;border-color:#d0d5dd}.notesCell{text-overflow:ellipsis;overflow:hidden}.ordersTable th:first-child,.ordersTable td:first-child{text-align:center;z-index:3;width:56px;position:sticky;left:0}.ordersTable th:nth-child(2),.ordersTable td:nth-child(2){z-index:3;width:92px;position:sticky;left:56px;overflow:visible}.ordersTable td:nth-child(2):hover{z-index:30}.ordersTable th:nth-child(3),.ordersTable td:nth-child(3){z-index:3;width:190px;position:sticky;left:148px;box-shadow:12px 0 18px #0f172a1a}.ordersTable th:first-child,.ordersTable th:nth-child(2),.ordersTable th:nth-child(3){z-index:5;background:#fafbfc}.ordersTable td:first-child,.ordersTable td:nth-child(2),.ordersTable td:nth-child(3){background-clip:padding-box}.ordersTable th:nth-child(3):after,.ordersTable td:nth-child(3):after{content:"";pointer-events:none;background:linear-gradient(90deg,#0f172a1a,#0000);width:14px;height:100%;position:absolute;top:0;right:-14px}.ordersTable th:nth-child(4),.ordersTable td:nth-child(4){width:110px}.ordersTable th:nth-child(5),.ordersTable td:nth-child(5){width:190px}.ordersTable th:nth-child(6),.ordersTable td:nth-child(6){width:120px}.ordersTable th:nth-child(7),.ordersTable td:nth-child(7),.ordersTable th:nth-child(8),.ordersTable td:nth-child(8){width:80px}.ordersTable th:nth-child(9),.ordersTable td:nth-child(9){width:180px}.ordersTable th:nth-child(10),.ordersTable td:nth-child(10){width:260px}.ordersTable th:nth-child(11),.ordersTable td:nth-child(11),.ordersTable th:nth-child(12),.ordersTable td:nth-child(12),.ordersTable th:nth-child(13),.ordersTable td:nth-child(13){width:120px}.ordersTable th:nth-child(14),.ordersTable td:nth-child(14),.ordersTable th:nth-child(15),.ordersTable td:nth-child(15),.ordersTable th:nth-child(16),.ordersTable td:nth-child(16){width:110px}.ordersTable th:nth-child(17),.ordersTable td:nth-child(17){width:170px}.ordersTable th:nth-child(18),.ordersTable td:nth-child(18){z-index:3;width:330px;position:sticky;right:0;box-shadow:-10px 0 18px #0f172a12}.ordersTable th:nth-child(18){z-index:4;background:#fafbfc}.ordersTable td:nth-child(18){overflow:visible}.ordersTable td:nth-child(18).wideActions{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0}.ordersTable td:nth-child(18) button{white-space:nowrap;border-radius:7px;flex:none;min-height:28px;padding:6px 8px;font-size:12px;line-height:1}.inlineInput{border-color:#0000;padding-left:0}.inlineInput:focus{border-color:#cfd7df;padding-left:12px}.actions{gap:8px;display:flex}.actions .danger{color:#b42318;background:#fff1f1;border-color:#ffd4d4}.wideActions{flex-wrap:wrap;min-width:340px}.afterSalePill{white-space:nowrap;border-radius:999px;margin-bottom:4px;padding:4px 9px;font-size:12px;display:inline-flex}.afterSale处理中{color:#8a5a00;background:#fff5d6;border:1px solid #f1c24b}.afterSale已完成{color:#06745d;background:#e8f7f3;border:1px solid #99dac9}.afterSale已取消{color:#667085;background:#f2f4f7;border:1px solid #d0d5dd}.paginationBar{color:#657084;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.paginationBar div{gap:8px;display:flex}.paginationBar button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.paginationBar button:disabled{color:#a7b0bf;cursor:not-allowed;opacity:.65}.modalBackdrop{z-index:10;background:#18202f70;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;gap:14px;width:100%;max-width:420px;padding:22px;display:grid;box-shadow:0 24px 80px #0000003d}.wideModal{max-width:1180px;max-height:calc(100vh - 48px);overflow:auto}.orderMediaModal{gap:0;padding:0}.orderMediaModal .panelHeader{border-radius:8px 8px 0 0}.orderMediaModal .panelHeader p{color:#657084;margin-top:4px}.orderMediaSections{gap:18px;padding:20px;display:grid}.orderMediaSections section{border:1px solid #e3e9ef;border-radius:8px;padding:16px}.orderMediaSections h3{margin:0 0 12px}.orderMediaSections video{background:#111827;border-radius:8px;width:100%;max-width:100%;max-height:420px}.orderMediaGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.orderMediaGrid a{color:#1d2433;border:1px solid #e3e9ef;border-radius:8px;text-decoration:none;overflow:hidden}.orderMediaGrid img{aspect-ratio:1;object-fit:cover;background:#f4f6f8;width:100%;display:block}.orderMediaGrid small{padding:8px;display:block}.modalActions{justify-content:flex-end;gap:10px;display:flex}.modalActions button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.modalActions button:first-child{color:#fff;background:#00a884;border-color:#00a884}.reportToolbar{justify-content:space-between;align-items:center;padding:16px;display:flex}.segmented{gap:8px;display:flex}.segmented button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.segmented button.active{color:#fff;background:#00a884;border-color:#00a884}.reportGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.reportPanel{min-height:320px}.rankingList{gap:14px;padding:16px;display:grid}.rankingRow{gap:8px;display:grid}.rankingRow strong{display:block}.rankingRow small,.emptyState{color:#657084}.rankingRow>span{background:#00a884;border-radius:999px;height:8px;display:block}.mediaToolbar{justify-content:space-between;align-items:center;padding:16px;display:flex}.mediaToolbar span{color:#657084;margin-top:4px;display:block}.mediaToolbar>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.mediaToolbar button,.mediaCreate button{background:#eef3f7;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.mediaToolbar button.active{color:#fff;background:#00a884;border-color:#00a884}.mediaCreate form{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;display:grid}.mediaGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:16px;display:grid}.mediaItem{text-align:left;background:#fff;border:1px solid #dce2e8;border-radius:8px;gap:8px;padding:12px;display:grid}.folderItem{min-height:140px}.mediaPreview{aspect-ratio:16/10;color:#657084;background:#f2f4f7;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.mediaPreview img{object-fit:cover;width:100%;height:100%}.mediaBrowser{background:#fff;border:1px solid #d7e1ea;border-radius:8px;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.mediaWorkspace{background:linear-gradient(#f0f9ffcc,#0000 260px),#f4f6f8;min-height:0;overflow:hidden}.mediaTopbar{flex:none;align-items:stretch;gap:12px;margin-bottom:10px}.mediaHero{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb 58%,#7c3aed);border-radius:8px;flex:1;padding:12px 16px}.mediaHero p,.mediaHero span{color:#ffffffc7}.mediaHero h1{margin:2px 0 4px;font-size:22px}.mediaStats{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:10px;display:grid}.mediaStats div{background:#fff;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.mediaStats strong{color:#18202f;font-size:15px;display:block}.mediaStats span{color:#657084;margin-top:2px;font-size:12px;display:block}.mediaBrowser.dragging{border-color:#00a884;box-shadow:inset 0 0 0 2px #00a884}.mediaBrowserHeader,.mediaControls,.mediaPathbar,.mediaFolderForm,.mediaPreviewFooter{border-bottom:1px solid #e8edf2;flex:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.mediaBrowserHeader{background:linear-gradient(#fff,#f8fafc);justify-content:space-between}.mediaBrowserHeader p{color:#657084;margin-bottom:2px;font-size:13px}.mediaBrowserActions,.mediaNodeActions{flex-wrap:wrap;gap:8px;display:flex}.mediaBrowser button,.mediaField button,.dangerButton,.primaryButton{background:#f8fafc;border:1px solid #dce2e8;border-radius:8px;padding:8px 12px}.mediaBrowser button:disabled{cursor:not-allowed;opacity:.55}.mediaBrowser .primaryButton,.primaryButton{color:#fff;background:#0f766e;border-color:#0f766e;font-weight:700}.dangerButton{color:#b42318;background:#fff1f1;border-color:#ffd4d4}.dangerText{color:#b42318}.compactNotice{flex:none;margin:8px 12px 0}.mediaPathbar{background:#f8fafc;flex-wrap:wrap}.mediaPathbar button{background:0 0}.mediaControls{background:#fff;flex-wrap:wrap}.mediaControls input{min-width:220px}.compactSegmented button{padding:8px 12px}.mediaFolderForm{background:#f0fdf4;border-bottom:1px solid #e8edf2;grid-template-columns:minmax(0,1fr) auto;display:grid}.mediaFolderForm button{color:#fff;background:#16a34a;border:0;border-radius:8px;font-weight:700}.mediaFileArea{scrollbar-color:#94a3b8 #edf1f5;scrollbar-width:thin;background:radial-gradient(circle at 0 0,#0ea5e914,#0000 260px),#f8fafc;flex:auto;gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.mediaFileArea::-webkit-scrollbar{width:12px;height:12px}.mediaFileArea::-webkit-scrollbar-track{background:#edf1f5}.mediaFileArea::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.mediaFileArea.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.mediaFileArea.list{grid-template-columns:1fr}.mediaNode{background:#fff;border:1px solid #dce2e8;border-radius:8px;gap:10px;min-width:0;padding:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 8px 22px #0f172a0d}.mediaNode:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 14px 28px #2563eb1f}.mediaNode.selected{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24,0 16px 32px #0f766e1f}.mediaNode.alreadyChosen{border-color:#f59e0b}.mediaNode.alreadyChosen:after{color:#b45309;content:"已在订单中";background:#fffbeb;border:1px solid #fed7aa;border-radius:999px;justify-self:start;padding:3px 8px;font-size:12px}.mediaNode label{color:#657084;align-items:center;gap:8px;font-size:13px;display:flex}.mediaNode label input{width:auto}.folderOpen,.mediaThumbButton{padding:0}.folderOpen{text-align:left;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #dce2e8;align-items:center;min-height:110px;padding:14px;display:flex}.folderOpen strong:before{content:"DIR";margin-bottom:10px;font-size:13px;font-weight:800;display:block}.mediaThumbButton{aspect-ratio:16/10;background:linear-gradient(135deg,#eef2ff,#f8fafc);justify-content:center;align-items:center;display:flex;overflow:hidden}.mediaThumbButton img,.mediaThumbButton video{object-fit:cover;width:100%;height:100%}.mediaMeta{gap:4px;min-width:0;display:grid}.mediaMeta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mediaMeta small{color:#657084}.mediaFileArea.list .mediaNode{grid-template-columns:110px 120px minmax(0,1fr) auto;align-items:center}.mediaFileArea.list .folderNode{grid-template-columns:110px minmax(0,1fr) auto}.mediaFileArea.list .mediaThumbButton,.mediaFileArea.list .folderOpen{aspect-ratio:auto;min-height:64px}.mediaDropHint{color:#657084;text-align:center;background:#fff;border-top:1px dashed #cfd7df;flex:none;padding:12px 16px}.mediaPickerConfirmBar{z-index:3;background:#fff;border-top:1px solid #e8edf2;flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;bottom:0}.mediaPickerConfirmBar span{color:#657084;font-weight:700}.mediaBusyOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#ffffffc2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mediaBusyOverlay>div{color:#fff;background:#18202f;border-radius:8px;align-items:center;gap:12px;padding:16px 18px;display:flex;box-shadow:0 20px 60px #0f172a3d}.mediaSpinner{border:3px solid #ffffff47;border-top-color:#fff;border-radius:999px;width:24px;height:24px;animation:.8s linear infinite mediaSpin;display:inline-block}@keyframes mediaSpin{to{transform:rotate(360deg)}}.mediaField{gap:8px;display:grid}.mediaField button{justify-self:start}.mediaPickerBackdrop{z-index:20}.mediaPickerModal{gap:0;max-width:1180px;max-height:calc(100vh - 40px);padding:0;overflow:auto}.mediaPickerModal .mediaBrowser{border:0;border-radius:0}.mediaPreviewModal{gap:0;max-width:920px;max-height:calc(100vh - 40px);padding:0;overflow:hidden}.mediaLargePreview{background:#101828;justify-content:center;align-items:center;min-height:420px;padding:16px;display:flex}.mediaLargePreview img,.mediaLargePreview video{max-width:100%;max-height:70vh}.mediaPreviewFooter{border-bottom:0;grid-template-columns:minmax(0,1fr) auto auto;display:grid}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(3,1fr)}.workspace{padding:18px}.topbar{align-items:flex-start;gap:12px}.metrics,.mediaStats,.userForm form,.productForm form,.customerForm form,.accountInfo{grid-template-columns:1fr}.tools{align-items:stretch;gap:12px;display:grid}.tools>div{display:grid}.reportToolbar,.segmented{align-items:stretch;display:grid}.reportGrid{grid-template-columns:1fr}.mediaToolbar,.mediaCreate form{align-items:stretch;display:grid}.orderFormGrid,.selectedMediaGrid{grid-template-columns:1fr}.spanTwo,.spanAll{grid-column:auto}.orderEditorHeader,.mediaSelectHeader,.orderEditorActions{align-items:stretch;display:grid}.mediaPreviewFooter{grid-template-columns:1fr}}