:root{color:#1f2937;background:#f3f5f8;font-family:HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#f3f5f8}button,input,select,textarea{font:inherit}button{min-height:32px;padding:0 14px;color:#334155;cursor:pointer;background:#fff;border:1px solid #d9e1ea;border-radius:6px;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}button:hover{color:#0f172a;border-color:#9fb3c8;box-shadow:0 2px 8px #0f172a14}button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}input,select,textarea{width:100%;min-height:34px;padding:0 10px;color:#1f2937;background:#fff;border:1px solid #d9e1ea;border-radius:6px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed1f}textarea{min-height:96px;padding-top:8px;resize:vertical}h1,h2,h3,p{margin:0}label{display:grid;gap:6px;color:#526173;font-size:13px}.app-shell{min-height:100vh}.login-shell,.login-page{display:grid;place-items:center;min-height:100vh;padding:32px;background:#101828}.login-card{width:min(420px,100%);padding:36px;color:#fff;background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 24px 80px #00000052}.login-logo{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 18px}.eyebrow,.login-sub{color:#ffffff9e;text-align:center}.login-card h1{margin-top:8px;font-size:28px;text-align:center}.login-sub{margin-top:10px;font-size:13px}.login-form{display:grid;gap:14px;margin-top:26px}.login-form label{color:#ffffffb8}.login-submit{width:100%;margin-top:4px}.admin-layout{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.admin-sider{position:sticky;top:0;height:100vh;padding:16px 12px;background:#111827;border-right:1px solid #0b1220}.sider-brand{display:flex;align-items:center;gap:10px;height:56px;padding:0 10px 14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.sider-logo{width:34px;height:34px;object-fit:contain}.sider-brand strong,.sider-brand span{display:block}.sider-brand strong{font-size:15px}.sider-brand span{margin-top:2px;color:#ffffff7a;font-size:12px}.side-nav{display:grid;gap:4px;margin-top:14px}.side-nav button{justify-content:flex-start;width:100%;height:38px;color:#ffffffb8;text-align:left;background:transparent;border:0;border-radius:6px;box-shadow:none}.side-nav button:hover{color:#fff;background:#ffffff14}.side-nav .active{color:#fff;background:#2f6fed}.admin-main{min-width:0;background:#f3f5f8}.admin-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:#fffffff5;border-bottom:1px solid #e5eaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.breadcrumb{color:#8793a3;font-size:12px}.admin-header h1{margin-top:2px;color:#111827;font-size:20px;line-height:1.1}.admin-header span{display:none;color:#64748b;font-size:12px}.session-panel{display:flex;align-items:center;gap:12px;color:#475569}.session-panel>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-grid,.workspace,.error-line{margin-right:24px;margin-left:24px}.error-line{margin-top:16px;padding:10px 12px;color:#9f2f2f;background:#fff3f1;border:1px solid #ffd6d1;border-radius:6px}.stats-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:18px}.stat-card{min-height:78px;padding:14px;background:#fff;border:1px solid #e5eaf0;border-radius:8px}.stat-card span{display:block;color:#64748b;font-size:12px}.stat-card strong{display:block;margin-top:8px;color:#0f172a;font-size:22px;font-weight:700}.workspace{margin-top:16px;margin-bottom:24px}.panel{min-height:calc(100vh - 182px);padding:0;overflow:hidden;background:#fff;border:1px solid #e5eaf0;border-radius:8px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:18px 20px;border-bottom:1px solid #edf1f5}.panel-head.compact{min-height:62px;padding:16px 20px}.panel-head h2,.panel-head h3{color:#111827;font-size:18px;font-weight:700}.panel-head p{display:none;margin-top:4px;color:#64748b;font-size:13px}.panel-actions,.row-actions,.order-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.toolbar{display:grid;grid-template-columns:160px minmax(240px,1fr) auto;gap:10px;padding:14px 20px;background:#fbfcfd;border-bottom:1px solid #edf1f5}.data-section{margin-top:18px;border-top:1px solid #edf1f5}.data-table,.order-list,.vip-list{display:grid}.data-row,.order-card,.vip-row{display:grid;gap:14px;align-items:center;min-height:64px;padding:14px 20px;background:#fff;border-bottom:1px solid #edf1f5}.data-row{grid-template-columns:minmax(0,1fr) 92px 150px}.order-card{grid-template-columns:minmax(0,1fr) 180px}.vip-row{grid-template-columns:120px 140px 120px minmax(0,1fr)}.data-row:hover,.order-card:hover,.vip-row:hover{background:#f8fafc}.data-row div:first-child,.order-main{display:grid;min-width:0;gap:5px}.data-row strong,.order-title strong,.vip-row strong{color:#111827;font-weight:650}.data-row span,.order-main p,.vip-row span{overflow:hidden;color:#64748b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.data-row em{justify-self:start;min-width:64px;padding:3px 8px;color:#1d4ed8;font-size:12px;font-style:normal;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px}.data-row.muted{opacity:.62}.order-title{display:flex;align-items:center;gap:10px}.order-title span{padding:3px 8px;color:#1d4ed8;font-size:12px;background:#eff6ff;border-radius:999px}.order-main .refund-request{color:#b42318;font-weight:600}.order-side{display:grid;justify-items:end;gap:10px}.order-side strong{color:#111827;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-bottom:18px}.form-grid.single{grid-template-columns:1fr}.span-2{grid-column:span 2}.checkbox-line{display:flex;align-items:center;gap:8px;min-height:34px;color:#475569}.checkbox-line input{width:16px;min-height:16px}.primary{color:#fff;font-weight:650;background:#2f6fed;border-color:#2f6fed}.primary:hover{color:#fff;background:#245bd1;border-color:#245bd1}.danger{color:#fff;font-weight:650;background:#d92d20;border-color:#d92d20}.danger:hover{color:#fff;background:#b42318;border-color:#b42318}.text-danger{color:#b42318;background:#fff;border-color:#f5b8b1}.empty{padding:46px 0;color:#94a3b8;text-align:center}.product-row{grid-template-columns:64px minmax(0,1fr) 92px 150px}.product-thumb{width:48px;height:48px;overflow:hidden;background:#f1f5f9;border:1px solid #e5eaf0;border-radius:6px}.product-thumb img{display:block;width:100%;height:100%;object-fit:cover}.coupon-row{grid-template-columns:minmax(0,1fr) 92px 150px}.banner-row{grid-template-columns:220px minmax(0,1fr) 110px 100px}.banner-mini{display:grid;gap:6px;min-height:82px;padding:14px;color:#fff;border-radius:8px}.banner-mini strong,.banner-mini span{color:#fff;white-space:normal}.banner-mini span{opacity:.76}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:28px;background:#0f172a75}.modal{width:min(460px,100%);max-height:calc(100vh - 56px);padding:0;overflow:auto;background:#fff;border-radius:8px;box-shadow:0 24px 80px #0f172a47}.modal h3{padding:18px 22px;color:#111827;font-size:18px;border-bottom:1px solid #edf1f5}.modal>.form-grid,.modal>label,.modal>p,.modal>.vip-edit-list,.modal>.editor-preview-layout{margin:18px 22px}.modal p{color:#64748b}.modal .warn-text{color:#b42318}.modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;background:#fff;border-top:1px solid #edf1f5}.wide-modal{width:min(900px,100%)}.preview-modal{width:min(1120px,100%)}.editor-preview-layout{display:grid;grid-template-columns:minmax(0,1.3fr) 340px;gap:18px;align-items:start}.editor-preview-layout .form-grid{margin:0}.color-field span{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}.color-field input[type=color]{min-height:34px;padding:3px}.preview-panel{position:sticky;top:0;display:grid;gap:12px;padding:14px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:8px}.preview-panel>p{color:#64748b;font-size:12px}.campaign-banner-preview{display:grid;gap:8px;min-height:140px;padding:20px;color:#fff;border-radius:10px}.campaign-banner-preview span,.campaign-banner-preview em{color:#ffffffb8;font-size:13px;font-style:normal}.campaign-banner-preview strong{color:#fff;font-size:25px;line-height:1.15}.campaign-popup-preview{display:grid;gap:9px;padding:16px;background:#fff;border:1px solid #e5eaf0;border-radius:8px}.campaign-popup-preview span,.campaign-popup-preview p{color:#64748b;font-size:13px}.campaign-popup-preview strong{color:#111827;font-size:18px}.coupon-preview-list{display:grid;gap:8px}.coupon-preview-list i{padding:9px 10px;color:#9a3412;font-size:13px;font-style:normal;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px}.template-picker{display:grid;gap:8px}.template-picker>span{color:#526173;font-size:13px}.template-option{display:grid;grid-template-columns:18px minmax(0,160px) minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:9px 10px;background:#fff;border:1px solid #d9e1ea;border-radius:6px}.template-option.active{border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed1a}.template-option input{width:16px;min-height:16px}.template-option strong{overflow:hidden;color:#111827;text-overflow:ellipsis;white-space:nowrap}.template-option em{overflow:hidden;color:#64748b;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.vip-edit-list{display:grid;gap:10px}.vip-edit-row{display:grid;grid-template-columns:.8fr repeat(4,minmax(110px,1fr));gap:10px}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:920px){.admin-layout{grid-template-columns:1fr}.admin-sider{position:static;height:auto}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-header,.panel-head,.toolbar,.form-grid,.editor-preview-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-row,.order-card,.vip-row,.product-row,.banner-row,.vip-edit-row{grid-template-columns:1fr}.span-2{grid-column:auto}.row-actions,.order-actions{justify-content:flex-start}}.upload-field{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}.upload-field img{width:88px;height:58px;object-fit:cover;background:#f1f5f9;border:1px solid #e5eaf0;border-radius:6px}.campaign-banner-preview{position:relative;overflow:hidden}.campaign-banner-preview>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.42}.campaign-banner-preview>span,.campaign-banner-preview>strong,.campaign-banner-preview>em{position:relative;z-index:1}