:root{color-scheme:light;font-family:Inter,Microsoft YaHei,PingFang SC,Segoe UI,Arial,sans-serif;color:#1f2937;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{min-height:100vh}.topbar{align-items:center;background:#fffffff5;border-bottom:1px solid #dfe4ea;display:flex;gap:20px;justify-content:space-between;min-height:72px;padding:12px clamp(16px,4vw,48px);position:sticky;top:0;z-index:10}.brand{align-items:center;color:inherit;display:inline-flex;gap:12px;text-decoration:none}.brand-mark{align-items:center;background:#111827;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.brand strong,.brand small{display:block}.brand small{color:#6b7280;margin-top:2px}.mode-tabs,.segmented,.admin-lang{background:#eef1f5;border:1px solid #dce2e8;border-radius:8px;display:flex;gap:4px;padding:4px}.mode-tabs button,.segmented button,.admin-lang button,.hero-actions select,.cart-button,.checkout-form button,.order-result button,.queue-panel button,.product-card button,.quiet-button,.ghost-light,.secondary-button,.back-button,.account-panel button,.admin-header-actions button,.admin-login button,.record-form button,.text-button,.outline-button,.danger-button{align-items:center;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 14px}.mode-tabs button,.segmented button,.admin-lang button{background:transparent;color:#4b5563}.mode-tabs button.active,.segmented button.active,.admin-lang button.active,.cart-button,.checkout-form button,.order-result button,.queue-panel button:not(.secondary-button),.product-card button,.admin-header-actions button:not(.outline-button),.admin-login button:not(.text-button),.record-form button:not(.danger-button){background:#1677ff;color:#fff}.store{min-height:calc(100vh - 72px)}.hero{align-items:end;background-position:center;background-size:cover;color:#fff;display:flex;min-height:min(620px,calc(100vh - 120px));padding:clamp(28px,7vw,88px) clamp(16px,4vw,56px)}.hero>div{max-width:760px}.eyebrow{color:#a7f3d0;font-size:.82rem;font-weight:700;text-transform:uppercase}.hero h1{font-size:clamp(2.4rem,6vw,5.8rem);line-height:1;margin:10px 0 16px}.hero p{font-size:clamp(1rem,2vw,1.25rem);max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions select,.checkout-form input,.checkout-form select,.admin-login input,.record-form input,.record-form select,.record-form textarea,.cart-line input,td select{background:#fff;border:1px solid #cfd8e3;border-radius:8px;color:#111827;min-height:40px;outline:none;padding:0 12px}.record-form textarea{min-height:120px;padding-top:10px;resize:vertical}.hero-actions select:focus,.checkout-form input:focus,.checkout-form select:focus,.admin-login input:focus,.record-form input:focus,.record-form select:focus,.record-form textarea:focus,td select:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.toolbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px clamp(16px,4vw,48px)}.toolbar span,.product-body span,.product-body p,.product-meta small,.cart-line span,.order-result span,.account-panel span{color:#667085}.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.quiet-button,.secondary-button,.back-button,.product-card .secondary-button,.outline-button{background:#eef2f7;color:#111827}.ghost-light{background:#ffffff2e;border:1px solid rgba(255,255,255,.42);color:#fff}.catalog{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:24px clamp(16px,4vw,48px) 48px}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.product-card img{aspect-ratio:4 / 3;display:block;object-fit:cover;width:100%}.product-body{display:grid;gap:10px;padding:16px}.product-body h2{font-size:1.05rem;line-height:1.3;margin:0}.product-body p{margin:0}.product-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.image-button{background:transparent;border-radius:0;display:block;padding:0;width:100%}.product-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr}.drawer{background:#fff;border-left:1px solid #d9e1ea;box-shadow:-14px 0 34px #0f172a29;display:grid;gap:16px;grid-template-rows:auto auto auto auto;height:calc(100vh - 72px);max-width:440px;overflow:auto;padding:18px;position:fixed;right:0;top:72px;width:min(100vw,440px);z-index:9}.drawer header{align-items:center;display:flex;justify-content:space-between}.drawer h2{margin:0}.icon-button{align-items:center;background:#eef2f7;border-radius:8px;display:inline-flex;height:40px;justify-content:center;width:40px}.cart-lines,.checkout-form,.record-form{display:grid;gap:10px}.cart-line{align-items:center;display:grid;gap:10px;grid-template-columns:56px 1fr 72px}.cart-line img{aspect-ratio:1;border-radius:8px;object-fit:cover;width:56px}.order-result,.empty{background:#eefdf8;border:1px solid #bdebdc;border-radius:8px;display:grid;gap:10px;padding:12px}.queue-panel{background:#f0f7ff;border:1px solid #b9dcff;border-radius:8px;display:grid;gap:10px;padding:12px}.queue-head{align-items:center;display:flex;gap:8px}.queue-dot{background:#1677ff;border-radius:999px;box-shadow:0 0 0 5px #1677ff1f;height:10px;width:10px}.queue-panel p{color:#475569;margin:0}.queue-panel small{color:#667085}.queue-progress{background:#1677ff24;border-radius:999px;height:8px;overflow:hidden}.queue-progress span{background:#1677ff;border-radius:inherit;display:block;height:100%;transition:width .3s ease}.queue-locked{background:#f6ffed;border-color:#b7eb8f}.queue-locked .queue-dot,.queue-locked .queue-progress span{background:#52c41a}.queue-sold-out,.queue-limited,.queue-rejected,.queue-failed{background:#fff7f6;border-color:#ffccc7}.queue-sold-out .queue-dot,.queue-limited .queue-dot,.queue-rejected .queue-dot,.queue-failed .queue-dot,.queue-sold-out .queue-progress span,.queue-limited .queue-progress span,.queue-rejected .queue-progress span,.queue-failed .queue-progress span{background:#ff4d4f}.product-detail{padding:24px clamp(16px,4vw,48px) 48px}.detail-grid{display:grid;gap:28px;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);margin-top:18px}.detail-media>img{aspect-ratio:4 / 3;border-radius:8px;display:block;object-fit:cover;width:100%}.thumb-row{display:flex;gap:10px;margin-top:10px}.thumb-row img{aspect-ratio:1;border-radius:8px;object-fit:cover;width:72px}.detail-copy{align-content:start;display:grid;gap:14px}.detail-copy h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05;margin:0}.detail-copy>span,.detail-copy>p,.detail-copy dd{color:#667085}.detail-price{color:#1677ff;font-size:2rem;font-weight:800}.detail-copy dl{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.detail-copy dl div,.detail-html,.account-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.detail-copy dt{color:#475569;font-weight:700}.detail-copy dd{margin:4px 0 0}.detail-html{padding:14px}.detail-copy>button{justify-content:center;max-width:220px}.compact-drawer{max-width:380px}.account-panel{display:grid;gap:10px}.checkout-form label{display:grid;gap:6px}.checkout-form label span,.check-row span{color:#475569;font-size:.9rem}.check-row{align-items:center;display:flex!important;gap:8px}.check-row input{min-height:auto;padding:0;width:auto}.admin-shell{background:#f2f4f7;display:grid;grid-template-columns:232px 1fr;min-height:100vh}.admin-login{align-items:center;background:linear-gradient(135deg,#1f2937,#334155 50%,#0f766e);display:flex;grid-column:1 / -1;justify-content:center;min-height:100vh;padding:24px}.admin-login-card{background:#fff;border-radius:8px;box-shadow:0 24px 80px #0f172a3d;display:grid;gap:14px;max-width:420px;padding:28px;width:100%}.admin-login-card h1,.admin-login-card p{margin:0}.admin-login-card p{color:#667085;line-height:1.7}.admin-login-card form{display:grid;gap:10px}.captcha-line{display:grid;gap:10px;grid-template-columns:1fr 132px}.captcha-image{background:#f8fafc;border:1px solid #cfd8e3;border-radius:8px;height:40px;overflow:hidden;padding:0}.captcha-image img{display:block;height:40px;width:132px}.admin-login-mark{align-items:center;background:#1677ff;border-radius:8px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:800;height:44px;justify-content:center;width:44px}.admin-sidebar{background:#1f2937;color:#fff;display:grid;grid-template-rows:auto auto 1fr auto;min-height:100vh;padding:18px 14px;position:sticky;top:0}.admin-logo{align-items:center;display:flex;gap:12px;padding:4px 8px 16px}.admin-logo>span{align-items:center;background:#1677ff;border-radius:8px;display:inline-flex;font-weight:800;height:40px;justify-content:center;width:40px}.admin-logo strong,.admin-logo small{display:block}.admin-logo small{color:#cbd5e1;margin-top:2px}.admin-env{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#dbeafe;display:flex;gap:8px;margin:0 4px 14px;min-height:38px;padding:0 10px}.admin-menu{display:grid;gap:4px;grid-auto-rows:min-content}.admin-menu button,.admin-sidebar-actions button{align-items:center;background:transparent;border-radius:8px;color:#d1d5db;display:flex;gap:10px;justify-content:flex-start;min-height:40px;padding:0 12px}.admin-menu button.active,.admin-menu button:hover,.admin-sidebar-actions button:hover{background:#1677ff;color:#fff}.admin-sidebar-actions{border-top:1px solid rgba(255,255,255,.1);display:grid;gap:4px;padding-top:12px}.admin-main{display:grid;gap:16px;grid-template-rows:auto 1fr;min-width:0;padding:20px}.admin-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.admin-header h1{font-size:1.35rem;margin:4px 0 6px}.admin-header p{color:#667085;line-height:1.6;margin:0}.breadcrumb{color:#8a94a6;font-size:.85rem}.admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.admin-lang{background:#f3f5f8}.admin-lang button{min-height:32px;padding:0 10px}.outline-button{border:1px solid #d7dee8}.text-button{background:transparent;color:#1677ff;min-height:34px;padding:0}.admin-content{display:grid;gap:16px}.metrics{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:8px;padding:18px}.metric span{color:#667085}.metric strong{font-size:1.7rem;line-height:1}.metric small{color:#8a94a6}.admin-panels{display:grid;gap:16px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.admin-card,.admin-table-card,.maintain-list,.record-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px}.admin-card{display:grid;gap:14px;padding:18px}.admin-card header,.record-form header,.list-head,.table-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-card h2,.record-form h2,.list-head h2,.table-title h2{font-size:1rem;margin:0}.mini-list{display:grid;gap:8px}.mini-list>div:not(.empty-inline){align-items:center;border:1px solid #edf0f4;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.mini-list span,.list-head span,.table-title span,.record-form p,.empty-state span{color:#667085}.checklist{display:grid;gap:10px}.checklist span{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;color:#237804;padding:10px 12px}.admin-table-card{display:grid;gap:14px;min-width:0;padding:16px}.table-wrap{border:1px solid #edf0f4;border-radius:8px;overflow:auto}table{border-collapse:collapse;min-width:820px;width:100%}th,td{border-bottom:1px solid #edf0f4;padding:12px;text-align:left;vertical-align:middle}th{background:#fafafa;color:#475569;font-size:.86rem;font-weight:700}tbody tr:hover{background:#f8fbff}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:.88rem}.status-badge{background:#f3f4f6;border:1px solid #d1d5db;border-radius:999px;color:#4b5563;display:inline-flex;font-size:.82rem;font-weight:700;min-height:26px;padding:4px 10px}.status-paid,.status-completed{background:#f6ffed;border-color:#b7eb8f;color:#237804}.status-pending-payment,.status-fulfilling{background:#fff7e6;border-color:#ffd591;color:#ad6800}.status-shipped{background:#e6f4ff;border-color:#91caff;color:#0958d9}.status-refunding,.status-cancelled{background:#fff1f0;border-color:#ffa39e;color:#a8071a}.maintain-layout{display:grid;gap:16px;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:0}.maintain-list{align-content:start;display:grid;gap:12px;min-height:0;padding:16px}.dict-filter{display:flex;flex-wrap:wrap;gap:8px}.dict-filter button{background:#f3f5f8;border-radius:999px;color:#475569;min-height:30px;padding:0 10px}.dict-filter button.active{background:#e6f4ff;color:#0958d9;font-weight:700}.settings-filter{border-bottom:1px solid #edf0f4;padding-bottom:12px}.record-list{display:grid;gap:8px;max-height:calc(100vh - 245px);overflow:auto;padding-right:2px}.record-list button{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#111827;display:grid;gap:4px;padding:12px;text-align:left}.record-list button.active,.record-list button:hover{background:#f0f7ff;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff14}.record-list span{color:#667085}.record-form{align-content:start;display:grid;gap:14px;padding:18px}.record-form header{border-bottom:1px solid #edf0f4;padding-bottom:12px}.record-form label{display:grid;gap:6px}.record-form label span{color:#4b5563;font-size:.9rem}.form-actions{border-top:1px solid #edf0f4;display:flex;justify-content:flex-end;padding-top:12px}.danger-button{background:#fff1f0;color:#a8071a}.enabled-badge,.disabled-badge{border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;min-height:28px;padding:5px 10px}.enabled-badge{background:#f6ffed;border:1px solid #b7eb8f;color:#237804}.disabled-badge{background:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.product-admin-form,.settings-form{gap:18px}.readonly-input{background:#f8fafc;color:#667085}.setting-hint{color:#8a94a6;font-size:.82rem}.product-status-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.publish-button,.unpublish-button{border-radius:8px;min-height:34px;padding:0 12px}.publish-button{background:#1677ff;color:#fff}.unpublish-button{background:#fff7e6;color:#ad6800}.form-section{border:1px solid #edf0f4;border-radius:8px;display:grid;gap:12px;padding:14px}.form-section h3{color:#1f2937;font-size:.96rem;margin:0}.section-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-active{background:#f6ffed;border-color:#b7eb8f;color:#237804}.status-inactive{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.media-upload-grid{align-items:end;display:grid;gap:14px;grid-template-columns:160px minmax(0,1fr)}.upload-square{align-items:center;aspect-ratio:1;background:#f8fafc;border:1px dashed #b9c3d3;border-radius:8px;cursor:pointer;display:grid;justify-items:center;overflow:hidden;padding:0;position:relative;text-align:center}.upload-square input{display:none}.upload-square img{height:100%;object-fit:cover;width:100%}.upload-square span{align-items:center;color:#667085;display:grid;font-size:.86rem;gap:8px;justify-items:center;padding:12px}.upload-square em{background:#111827b8;bottom:0;color:#fff;font-size:.78rem;font-style:normal;left:0;padding:6px;position:absolute;right:0}.compact-upload{height:96px;width:96px}.variant-admin-list{display:grid;gap:12px}.variant-admin-row{align-items:start;background:#fbfcfe;border:1px solid #edf0f4;border-radius:8px;display:grid;gap:12px;grid-template-columns:96px minmax(0,1fr) 38px;padding:12px}.variant-admin-fields{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.icon-danger-button{align-items:center;background:#fff1f0;border-radius:8px;color:#a8071a;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.rich-toolbar{background:#f8fafc;border:1px solid #d9e0ea;border-bottom:0;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.rich-toolbar button{align-items:center;background:#fff;border:1px solid #d9e0ea;border-radius:6px;color:#1f2937;display:inline-flex;height:32px;justify-content:center;padding:0;width:34px}.rich-editor{background:#fff;border:1px solid #d9e0ea;border-radius:0 0 8px 8px;color:#1f2937;line-height:1.7;min-height:180px;outline:none;padding:12px}.rich-editor:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.html-source{font-family:SFMono-Regular,Consolas,monospace;margin-top:8px}.variant-selector{display:grid;gap:10px}.variant-selector>strong{color:#1f2937;font-size:.92rem}.variant-selector>div{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.variant-selector button{align-items:center;background:#fff;border:1px solid #d9e0ea;border-radius:8px;color:#1f2937;display:grid;gap:6px;grid-template-columns:42px minmax(0,1fr);min-height:64px;padding:8px;text-align:left}.variant-selector button.active{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.variant-selector button:disabled{opacity:.46}.variant-selector img{aspect-ratio:1;border-radius:6px;object-fit:cover;width:42px}.variant-selector span,.variant-selector small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-selector small{color:#667085;grid-column:2}.permission-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.permission-groups{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.permission-groups.disabled{opacity:.55}.permission-group{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;display:grid;gap:10px;padding:12px}.permission-group>strong{color:#1f2937}.permission-group>div{display:grid;gap:8px}.empty-state{align-items:center;color:#8a94a6;justify-items:center;min-height:280px;text-align:center}.empty-inline{color:#8a94a6;padding:14px 4px}.toast{background:#111827;border-radius:8px;bottom:20px;color:#fff;left:50%;max-width:min(520px,calc(100vw - 32px));padding:12px 16px;position:fixed;transform:translate(-50%);z-index:20}@media (max-width: 980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{min-height:auto;position:static}.admin-menu,.admin-sidebar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-header{align-items:stretch;flex-direction:column}.admin-header-actions{justify-content:flex-start}.admin-panels,.maintain-layout,.detail-grid,.form-grid,.compact-grid{grid-template-columns:1fr}.record-list{max-height:none}}@media (max-width: 860px){.topbar,.toolbar{align-items:stretch;flex-direction:column}.mode-tabs,.mode-tabs button{width:100%}.hero{min-height:520px}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.product-actions{grid-template-columns:1fr}}@media (max-width: 560px){.admin-main{padding:12px}.admin-menu,.metrics{grid-template-columns:1fr}.drawer{height:calc(100vh - 72px);width:100vw}}