:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;--primary-hsl: 217, 91%, 56%;--primary: hsl(var(--primary-hsl));--primary-hover: hsl(217, 85%, 48%);--primary-light: hsl(217, 95%, 96%);--primary-focus: hsla(217, 91%, 56%, .15);--success: hsl(142, 76%, 36%);--success-bg: hsl(142, 70%, 97%);--success-border: hsl(142, 60%, 88%);--danger: hsl(0, 84%, 44%);--danger-bg: hsl(0, 100%, 97%);--danger-border: hsl(0, 80%, 92%);--warning: hsl(35, 92%, 38%);--warning-bg: hsl(35, 100%, 97%);--warning-border: hsl(35, 80%, 90%);--text: hsl(215, 28%, 17%);--text-muted: hsl(215, 16%, 47%);--text-light: hsl(215, 16%, 65%);--page-bg: hsl(210, 40%, 98%);--surface: hsl(0, 0%, 100%);--surface-muted: hsl(210, 40%, 96%);--border: hsl(214, 32%, 91%);--border-hover: hsl(214, 20%, 80%);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--shadow: 0 4px 6px -1px rgb(15 23 42 / .05), 0 2px 4px -2px rgb(15 23 42 / .05);--shadow-lg: 0 10px 25px -5px rgb(15 23 42 / .05), 0 8px 10px -6px rgb(15 23 42 / .05);--shadow-xl: 0 20px 25px -5px rgb(15 23 42 / .08), 0 10px 10px -5px rgb(15 23 42 / .04);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;min-height:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;background:var(--page-bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,input,select,textarea{font:inherit}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}img{display:block;max-width:100%;height:auto}button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid transparent;border-radius:var(--radius-sm);padding:.6rem 1.2rem;color:#fff;background:var(--primary);font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition);box-shadow:var(--shadow-sm)}button:hover{background:var(--primary-hover);box-shadow:var(--shadow)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .8rem;color:var(--text);background:var(--surface);transition:var(--transition)}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-focus)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-muted);color:var(--text-light);cursor:not-allowed}#app{min-height:100vh;display:flex;flex-direction:column}.page-shell{width:min(100%,1200px);margin:0 auto;padding:24px 16px;flex:1}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.panel:hover{box-shadow:var(--shadow-lg)}.button-link{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--primary);border-radius:var(--radius-sm);padding:.6rem 1.2rem;color:#fff;background:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-sm)}.button-link:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff;box-shadow:var(--shadow)}.button-link:active{transform:translateY(1px)}.button-link--secondary{color:var(--text);background:var(--surface);border-color:var(--border)}.button-link--secondary:hover{background:var(--bg-muted);border-color:var(--border-hover);color:var(--text)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storefront-page{width:min(100%,640px);min-height:100vh;margin:0 auto;padding:32px 16px 80px}.storefront-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px;gap:8px}.storefront-header h1{font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.025em}.storefront-header div{width:40px;height:4px;border-radius:2px;background:var(--primary)}.storefront-header p{color:var(--text-muted);font-size:.95rem}.storefront-list{display:flex;flex-direction:column;gap:16px}.storefront-card{display:flex;padding:16px;gap:16px;align-items:center;border-color:var(--border)}.storefront-card__image{flex-shrink:0;width:100px;height:100px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.storefront-card__image img{width:100%;height:100%;object-fit:cover}.storefront-card__image span{padding:8px;color:var(--text-muted);font-size:.8rem;font-weight:700;text-align:center}.storefront-card__content{flex:1;min-width:0}.storefront-card__content h2{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storefront-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.storefront-card__tags span{font-size:.75rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:999px;border:1px solid hsla(var(--primary-hsl),.1)}.storefront-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.storefront-card__bottom strong{font-size:1.25rem;font-weight:800;color:var(--primary)}.storefront-card__pay{min-width:80px;min-height:36px;padding:.4rem 1rem;font-size:.9rem;border-radius:var(--radius-sm)}.storefront-footer{margin-top:48px;text-align:center;color:var(--text-light);font-size:.85rem;font-weight:500}.product-page{min-height:100vh}.product-page__grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.product-main{min-width:0}.product-main__cover{width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--surface-muted)}.product-main__cover img{width:100%;max-height:380px;object-fit:cover}.product-main__header{padding:20px 0}.product-main__header h1{font-size:1.75rem;font-weight:800;color:var(--text);line-height:1.25}.product-main__header p{color:var(--text-muted);margin-top:6px;font-size:1rem}.product-detail{margin-top:16px;border-top:1px solid var(--border);padding-top:24px;color:var(--text-muted);line-height:1.6}.product-detail h2,.product-detail h3{color:var(--text);margin-bottom:12px}.product-detail p{margin-bottom:16px}.product-detail img{border-radius:var(--radius-sm);margin:16px 0;width:100%}.checkout-panel{padding:24px;position:sticky;top:24px}.checkout-panel__summary{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:16px}.checkout-panel__summary span{font-size:.9rem;color:var(--text-muted);font-weight:500}.checkout-panel__summary strong{font-size:1.8rem;font-weight:800;color:var(--primary)}.checkout-panel__submit{width:100%;margin-top:20px;min-height:48px;font-size:1rem;border-radius:var(--radius-sm)}.empty-inline{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:20px;text-align:center;color:var(--text-light)}.sku-selector,.pay-channel-selector{border:none;margin-bottom:20px}.sku-selector legend,.pay-channel-selector legend,.quantity-control label{font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:8px;display:block}.sku-selector__grid,.pay-channel-selector__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sku-selector__option,.pay-channel-selector__option{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;cursor:pointer;transition:var(--transition);background:var(--surface);position:relative;overflow:hidden}.sku-selector__badge{position:absolute;top:0;right:0;background:var(--primary);color:#fff;border-bottom-left-radius:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sku-selector__option:hover,.pay-channel-selector__option:hover{border-color:var(--border-hover);background:var(--bg-base)}.sku-selector__option--selected{border-color:var(--primary);background:var(--primary-light)}.pay-channel-selector__option--selected.pay-channel-selector__option--wechat{border-color:#22c55e;background:#f0fdf4}.pay-channel-selector__option--selected.pay-channel-selector__option--alipay{border-color:#0284c7;background:#f0f9ff}.pay-channel-label-group{display:flex;align-items:center;gap:8px}.pay-brand-icon{flex-shrink:0}.pay-brand-icon--wechat{color:#22c55e}.pay-brand-icon--alipay{color:#0284c7}.sku-selector__name,.pay-channel-selector__option span{font-weight:700;font-size:.95rem;color:var(--text)}.pay-channel-selector__option span{margin-bottom:0}.sku-selector__name{margin-bottom:4px}.sku-selector__price,.pay-channel-selector__option small{font-size:.85rem;color:var(--text-muted)}.pay-channel-selector__option small{margin-top:4px}.sku-selector__option--selected .sku-selector__price{color:var(--primary);font-weight:600}.pay-channel-selector__note{font-size:.8rem;color:var(--text-light);margin-top:6px}.quantity-control{margin-bottom:20px}.quantity-control__stepper{display:grid;grid-template-columns:40px 1fr 40px;border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.quantity-control__stepper button{min-height:38px;border:none;background:var(--surface-muted);color:var(--text);font-size:1.2rem;font-weight:500;border-radius:0;box-shadow:none}.quantity-control__stepper button:hover{background:var(--border)}.quantity-control__stepper button:disabled{background:var(--bg-muted);color:var(--text-light)}.quantity-control__stepper input{min-height:38px;border:none;text-align:center;border-radius:0;font-weight:600}.quantity-control__stepper input:focus{box-shadow:none}.pay-page{min-height:80vh;display:flex;align-items:center;justify-content:center}.pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;width:100%}.pay-status-panel{padding:32px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.pay-status-panel__label{font-size:.85rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pay-status-panel h1{font-size:1.5rem;font-weight:800;color:var(--text);word-break:break-all;margin-bottom:12px}.pay-status-panel p{font-size:1.05rem;color:var(--text-muted)}.pay-status-panel__amount{font-size:1.8rem;font-weight:900;color:var(--primary);margin-top:12px}.pay-action-card{padding:24px;display:flex;flex-direction:column;justify-content:center}.pay-action-card__body{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.pay-action-card__body h2{font-size:1.25rem;font-weight:800}.pay-action-card__body p{font-size:.95rem;color:var(--text-muted)}.pay-action-card__body .button-link{width:100%}.terminal-page{min-height:80vh;display:flex;align-items:center;justify-content:center}.terminal-panel{width:min(100%,480px);padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.terminal-panel__label{font-size:.75rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em}.terminal-panel h1{font-size:1.75rem;font-weight:800}.terminal-panel p{font-size:.95rem;color:var(--text-muted)}.terminal-panel .button-link{width:100%}.success-icon-svg{width:72px;height:72px;color:var(--success)}.closed-icon-svg{width:72px;height:72px;color:var(--text-light)}.admin-page{max-width:100%;padding:24px}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px;gap:16px}.admin-topbar h1{font-size:1.5rem;font-weight:800;color:var(--text)}.admin-eyebrow{font-size:.8rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.admin-topbar span{font-size:.9rem;color:var(--text-muted)}.admin-login{max-width:400px;margin:10vh auto;padding:32px;display:flex;flex-direction:column;gap:20px}.admin-login h2{font-size:1.4rem;font-weight:800;text-align:center}.admin-login label,.admin-editor label,.admin-sku-row label,.admin-detail-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-muted)}.form-error{color:var(--danger);font-size:.85rem;font-weight:600}.admin-workbench{width:100%}.admin-controls-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.admin-search-wrapper{position:relative;flex:1;max-width:320px}.admin-search-input{padding-left:2.2rem}.admin-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.admin-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:var(--bg-muted);color:var(--text-muted);font-size:.85rem;font-weight:700;padding:14px 16px;border-bottom:1.5px solid var(--border)}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text);font-size:.9rem;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-base)}.admin-table__cover{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-muted);border:1px solid var(--border)}.admin-table__cover img{width:100%;height:100%;object-fit:cover}.status-pill{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:700;border-radius:999px}.status-pill--online{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.status-pill--offline{color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border)}.admin-actions-cell{display:flex;gap:8px}.admin-btn-action{min-height:32px;padding:.3rem .8rem;font-size:.85rem}.admin-btn-action--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.admin-btn-action--secondary:hover{background:var(--bg-muted)}.admin-btn-action--danger{color:var(--danger);border-color:var(--danger-border)}.admin-btn-action--danger:hover:not(:disabled){background:var(--danger-bg)}.admin-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:16px;gap:16px}.admin-editor-header h2{font-size:1.3rem;font-weight:800}.admin-editor-header__actions{display:flex;gap:10px}.admin-form-container{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.admin-form-sections{display:flex;flex-direction:column;gap:24px}.admin-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.admin-form-card h3{font-size:1.1rem;font-weight:800;margin-bottom:6px;color:var(--text)}.admin-form-card__desc{font-size:.85rem;color:var(--text-muted);margin-bottom:18px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-form-grid__wide{grid-column:span 2}.admin-sku-list{display:flex;flex-direction:column;gap:12px}.admin-sku-row{display:grid;grid-template-columns:1fr 140px auto;gap:12px;align-items:flex-end;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--bg-base)}.admin-sku-row button{min-height:42px}.admin-detail-field textarea{min-height:160px;font-family:inherit}.admin-sidebar-preview{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}.admin-preview-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-preview-box__img{aspect-ratio:16 / 10;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden}.admin-preview-box__img img{width:100%;height:100%;object-fit:cover}.admin-preview-box__img span{color:var(--text-light);font-size:.9rem;font-weight:600}.admin-preview-box__content{padding:16px;display:flex;flex-direction:column;gap:8px}.admin-preview-box__content h4{font-size:1.1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-preview-box__content p{font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.admin-preview-box__content strong{font-size:1.25rem;font-weight:800;color:var(--primary);margin-top:4px}.admin-preview-box__content a{font-size:.85rem;font-weight:600;margin-top:8px}.admin-feedback{border:1px solid var(--success-border);background:var(--success-bg);color:var(--success);border-radius:var(--radius-sm);padding:12px;font-size:.9rem;font-weight:600;margin-bottom:16px}.admin-feedback--error{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--border) 37%,var(--surface-muted) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}.skeleton--media{aspect-ratio:16 / 9;width:100%;border-radius:var(--radius)}.skeleton--line{height:16px;border-radius:4px;margin-bottom:10px}.skeleton--short{width:60%}.skeleton--button{height:40px;border-radius:var(--radius-sm)}@media(max-width:1024px){.product-page__grid,.admin-form-container{grid-template-columns:1fr}.checkout-panel,.admin-sidebar-preview{position:static}}@media(max-width:768px){.storefront-page{padding-top:16px}.pay-layout{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start;gap:8px}.admin-controls-bar{flex-direction:column;align-items:stretch;gap:12px}.admin-search-wrapper{max-width:100%}.admin-table thead{display:none}.admin-table tr{display:flex;flex-direction:column;padding:16px;border-bottom:1.5px solid var(--border);gap:8px;background:var(--surface)}.admin-table td{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:none;font-size:.95rem}.admin-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);font-size:.85rem}.admin-table td.admin-actions-cell{margin-top:8px;border-top:1px solid var(--border);padding-top:12px;justify-content:flex-end}.admin-preview,.admin-sku-row{grid-template-columns:1fr}}.storefront-nav{position:sticky;top:0;z-index:100;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:56px;display:flex;align-items:center}.storefront-nav__container{width:min(100%,1200px);margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.storefront-nav__brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.05rem;color:var(--text)}.storefront-nav__brand svg{color:var(--primary);flex-shrink:0}.storefront-nav__link-btn{font-size:.85rem;font-weight:700;color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:var(--transition)}.storefront-nav__link-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}@media(max-width:480px){.sku-selector__grid,.pay-channel-selector__grid{grid-template-columns:1fr}.storefront-card{flex-direction:column;align-items:stretch;text-align:left}.storefront-card__image{width:100%;height:140px}.storefront-card__content h2{margin-top:8px}}