:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Hiragino Sans GB,Heiti SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{height:100%}*{box-sizing:border-box}body{background:#f8fafc;min-width:0;min-height:100svh;margin:0}#root{min-height:100svh}.screen{--content-width:min(386px, calc(100% - 32px));--panel-width:min(382px, calc(100% - 32px));--title-size:24px;--title-line-height:32px;--title-weight:760;color:#111827;background:#f8fafc;flex-direction:column;width:min(430px,100vw);height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-header{z-index:3;color:#0e0f13;box-sizing:border-box;background:#fff;flex:none;min-height:112px;padding:24px 22px 14px;position:relative}.screen-body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding-bottom:14px;overflow:hidden auto}.screen-action-stack{width:var(--content-width);background:#f8fafc;flex:none;gap:8px;margin:0 auto;padding:8px 0 10px;display:grid}.loading-screen{background:#f8fafc;justify-content:center;align-items:center}.loading-panel{width:var(--content-width);box-sizing:border-box;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:12px;min-height:220px;display:grid}.loading-spinner{border:4px solid #fff6bd;border-top-color:#ffd121;border-radius:999px;width:42px;height:42px;animation:.8s linear infinite loading-spin}.loading-panel strong{font-size:17px;font-weight:760}.loading-panel p{color:#737882;margin:0;font-size:13px}@keyframes loading-spin{to{transform:rotate(360deg)}}.accent-line{background:#ffd121;border-radius:99px;width:58px;height:6px}.header-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.app-header h1{min-width:0;font-size:var(--title-size);line-height:var(--title-line-height);font-weight:var(--title-weight);flex:auto;margin:0}.header-title-row .role-badge{overflow-wrap:anywhere;text-align:center;white-space:normal;flex:0 auto;max-width:min(230px,100%);height:auto;min-height:24px;margin-left:auto;padding-top:4px;padding-bottom:4px;line-height:16px}.app-header p{color:#737882;margin:6px 0 0;font-size:13px}.role-badge,.update-row b,.section-title-row span,.success-pill,.warning-pill{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;min-width:54px;height:24px;padding:0 10px;font-size:12px;font-weight:720;display:inline-flex}.role-badge{color:#5e381c;background:#fff6bd}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.62}.primary-button,.secondary-button,.ghost-button{border-radius:8px;justify-content:center;align-items:center;font-weight:760;display:inline-flex}.primary-button{color:#111827;background:#ffd121;height:52px}.secondary-button{color:#111827;background:#fff;border:1px solid #e5e8eb;height:46px}.ghost-button{color:#111827;background:#f3f4f6;height:34px;padding:0 14px}.back-button{z-index:2;position:absolute;top:82px;left:22px}.login-screen{background:#f8fafc;flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.brand-panel{width:var(--panel-width);background:#fff;border-radius:8px;place-items:center;height:186px;margin:6px auto 0;display:grid}.brand-logo{object-fit:contain;width:auto;max-width:82%;height:166px;display:block}.form-area{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;min-height:0;padding:12px 30px 0;display:flex;overflow-y:auto}.form-area h2{text-align:center;font-size:var(--title-size);line-height:var(--title-line-height);font-weight:var(--title-weight);margin:0}.form-area p{text-align:center;color:#737882;margin:4px 0 36px;font-size:14px}.form-area .form-error,.modal-error{color:#db382e;margin:10px 0 0;font-size:12px;font-weight:720}.form-area label,.edit-form label{color:#737882;gap:8px;font-size:12px;font-weight:760;display:grid}.form-area input,.form-area select,.edit-form input,.edit-form select,.edit-form textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #e5e8eb;border-radius:8px;outline:none;width:100%;height:48px;padding:0 14px}.form-area input.error-field{border-color:#db382e;box-shadow:0 0 0 2px #db382e1f}.form-area label+label{margin-top:18px}.login-action-area{padding-top:18px;padding-bottom:max(18px, env(safe-area-inset-bottom));background:#f8fafc;margin-top:auto;position:sticky;bottom:0}.check-row{color:#111827;grid-template-columns:18px auto;align-items:center;width:fit-content;margin-top:16px;font-size:14px}.check-row input{accent-color:#ffd121;width:18px;height:18px}.login-action-area .primary-button{width:100%;margin-top:26px}.icp-link{color:#737882;text-align:center;margin-top:12px;font-size:11px;line-height:16px;text-decoration:none;display:block}.icp-link:hover{color:#111827;text-decoration:underline}.filter-tabs{width:var(--content-width);box-sizing:border-box;background:#fff;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;height:48px;margin:10px auto 0;padding:6px;display:grid}.filter-tabs button{color:#737882;background:0 0;border-radius:8px;font-size:14px;font-weight:740}.filter-tabs button.active{color:#111827;background:#ffd121}.category-tabs{grid-template-columns:repeat(4,1fr)}.search-field{width:var(--content-width);box-sizing:border-box;background:#fff;border:1px solid #e5e8eb;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;height:46px;margin:20px auto 0;padding:0 16px;display:grid}.search-field span{color:#737882}.search-field input{color:#111827;background:0 0;border:0;outline:0;min-width:0;font-size:13px}.update-row{width:var(--content-width);color:#737882;justify-content:space-between;align-items:center;height:26px;margin:8px auto 0;font-size:12px;display:flex}.update-row b{color:#166534;background:#dcfce7;min-width:54px;height:18px;font-size:11px}.admin-note{width:var(--content-width);color:#5e381c;box-sizing:border-box;background:#fff6bd;border-radius:8px;margin:10px auto 0;padding:12px 18px;font-size:13px}.product-list{width:var(--content-width);gap:14px;margin:10px auto 0;display:grid}.admin-list{gap:12px}.product-card{box-sizing:border-box;background:#fff;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr 88px;gap:8px;min-height:100px;padding:14px;display:grid;position:relative}.product-card.stock-empty{border-color:#db382e;box-shadow:0 0 0 2px #db382e1a}.admin-product{grid-template-columns:minmax(0,1fr) 132px;min-height:116px}.product-open{text-align:left;background:0 0;grid-template-columns:64px 1fr;gap:16px;min-width:0;padding:0;display:grid}.product-copy{align-content:start;gap:4px;min-width:0;display:grid}.product-copy strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;overflow:hidden}.product-copy small{color:#737882;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:17px;font-size:12px;line-height:17px;display:-webkit-box;overflow:hidden}.product-copy em{color:#5e381c;background:#fff6bd;border-radius:999px;justify-content:center;align-items:center;width:54px;height:24px;margin-top:4px;font-size:12px;font-style:normal;font-weight:760;display:inline-flex}.product-actions{align-content:start;justify-items:end;gap:12px;display:grid}.product-actions strong{font-size:18px;line-height:24px}.product-actions button{color:#111827;background:#ffd121;border-radius:8px;width:84px;height:34px;font-size:15px;font-weight:760}.product-mark{background:#fff6bd;border-radius:8px;width:64px;height:64px;position:relative;overflow:hidden}.product-mark.bottle{background:#e0f2fe}.product-mark.filter{background:#ecfdf5}.product-mark img{object-fit:cover;width:100%;height:100%;display:block}.bag-shape,.bottle-shape,.filter-shape{background:#5e381c;display:block;position:absolute}.bag-shape{border-radius:6px;width:24px;height:34px;top:50%;left:50%;transform:translate(-50%,-50%)}.bag-shape:after{content:"";background:#db8508;border-radius:3px;width:13px;height:10px;position:absolute;top:13px;left:5px}.bean{background:#db8508;border-radius:999px;width:8px;height:11px;position:absolute;transform:rotate(25deg)}.bean-a{top:calc(50% + 12px);left:calc(50% - 23px)}.bean-b{top:calc(50% - 24px);left:calc(50% + 17px)}.filter-shape{background:#16a34a;border-radius:4px 4px 14px 14px;width:28px;height:37px;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-shape:after{content:"";background:#fff;border-radius:99px;width:16px;height:3px;position:absolute;top:13px;left:6px}.bottle-shape{background:#0369a1;border-radius:6px;width:18px;height:38px;top:50%;left:50%;transform:translate(-50%,-50%)}.bottle-shape:after{content:"";background:#38bdf8;border-radius:4px;width:26px;height:12px;position:absolute;top:16px;left:-4px}.admin-price{gap:7px;display:grid}.admin-field-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.admin-price label{color:#737882;gap:4px;font-size:11px;font-weight:760;display:grid}.admin-price input{box-sizing:border-box;border:1px solid #e5e8eb;border-radius:8px;width:100%;min-width:0;height:34px;padding:0 8px}.admin-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.admin-actions button,.delete-modal button{color:#111827;background:#ffd121;border-radius:7px;height:30px;font-size:11px;font-weight:760}.admin-actions button.danger,.delete-modal button.danger{color:#fff;background:#db382e}.bottom-nav{z-index:3;width:var(--content-width);height:56px;margin:0 auto max(12px, env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;border-radius:8px;flex:none;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;padding:9px 10px;display:grid;position:relative}.bottom-nav button{color:#737882;white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:clamp(10px,3vw,12px);font-weight:760;display:inline-flex}.bottom-nav button.active{color:#111827;background:#ffd121}.bottom-nav-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.bottom-nav-count{color:#111827;box-sizing:border-box;background:#ffd121;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;display:inline-flex}.bottom-nav button.active .bottom-nav-count{background:#fff}.bottom-nav-alert{color:#fff;background:#db382e;border-radius:999px;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:800;line-height:14px;display:inline-flex}.detail-hero{text-align:center;padding-top:2px}.detail-hero .product-mark{width:82px;height:82px;margin:0 auto 20px}.detail-hero h2{font-size:var(--title-size);line-height:var(--title-line-height);font-weight:var(--title-weight);margin:0}.detail-hero p{color:#737882;margin:6px 36px 0;font-size:13px}.info-panel,.qty-panel,.summary-panel,.cart-list,.qr-panel,.edit-form,.upload-panel,.history-list,.order-card{width:var(--panel-width);box-sizing:border-box;background:#fff;border-radius:8px;margin-inline:auto}.info-panel{min-height:184px;margin-top:28px;padding:22px}.info-panel h3{margin:0 0 12px;font-size:17px}.info-panel p{color:#737882;margin:0;font-size:14px;line-height:22px}.info-panel span{color:#5e381c;background:#fff6bd;border-radius:999px;align-items:center;height:28px;margin-top:24px;padding:0 10px;font-size:13px;font-weight:760;display:inline-flex}.qty-panel{justify-content:space-between;align-items:center;height:92px;margin-top:26px;padding:20px 22px;display:flex}.qty-panel strong{font-size:16px}.qty-panel div,.qty-mini{grid-template-columns:32px 32px 32px;place-items:center;gap:4px;display:inline-grid}.qty-panel button,.qty-mini button{color:#111827;background:#f3f4f6;border-radius:8px;width:32px;height:32px;font-weight:760}.qty-panel span,.qty-mini span{color:#111827;font-weight:760}.fixed-main-action,.fixed-sub-action{width:100%}.cart-list{min-height:326px;margin-top:10px;padding:16px 18px}.section-title-row{justify-content:space-between;align-items:center;display:flex}.section-title-row h2{margin:0;font-size:17px}.section-title-row span{color:#5e381c;background:#fff6bd}.cart-row{border-bottom:1px solid #e5e8eb;grid-template-columns:52px 1fr 92px;gap:14px;padding:16px 0;display:grid}.cart-row .product-mark{width:52px;height:52px}.cart-row div{min-width:0}.cart-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.cart-row small{color:#737882;margin-top:4px;font-size:12px;display:block}.cart-row div button{color:#db382e;background:0 0;margin-top:7px;font-size:12px}.cart-row aside{justify-items:end;gap:10px;display:grid}.readonly-note,.empty-text{color:#737882;margin:14px 0 0;font-size:12px}.summary-panel{height:120px;margin-top:16px;padding:18px}.summary-panel h2{margin:0 0 18px;font-size:17px}.summary-panel div{justify-content:space-between;align-items:end;display:flex}.summary-panel span{color:#737882}.summary-panel strong{font-size:34px;line-height:38px}.checkout-button{width:100%}.payment-screen{background:#f9fafb}.qr-panel{text-align:center;min-height:520px;margin-top:8px;padding:30px 24px}.qr-panel h2{font-size:var(--title-size);line-height:var(--title-line-height);font-weight:var(--title-weight);margin:0}.qr-panel strong{margin-top:12px;font-size:40px;line-height:54px;display:block}.wechat-pay-qr{object-fit:contain;border-radius:8px;width:min(280px,100%);height:auto;margin:24px auto 14px;display:block}.qr-panel p{color:#737882;font-size:14px}.payment-button{width:100%;height:48px}.order-tabs{margin-top:10px}.order-list{width:var(--content-width);gap:16px;margin:14px auto 0;display:grid}.order-card{min-height:142px;padding:16px 18px}.order-card div,.order-card footer{justify-content:space-between;align-items:center;display:flex}.order-card p{color:#737882;min-height:34px;margin:14px 0;font-size:13px;line-height:17px}.order-card footer button{color:#111827;background:#ffd121;border-radius:8px;width:124px;height:32px;font-size:13px;font-weight:760}.success-pill{color:#166534;background:#dcfce7}.warning-pill{color:#92400e;background:#fffbeb}.edit-form{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;padding:22px;display:grid}.edit-form.compact{margin-top:18px}.edit-form h2,.edit-form p,.wide-field,.sync-note{grid-column:1/-1}.edit-form h2{font-size:var(--title-size);line-height:var(--title-line-height);font-weight:var(--title-weight);margin:0}.edit-form p{color:#737882;margin:-12px 0 2px;font-size:13px}.edit-form textarea{resize:none;min-height:92px;padding-top:12px}.sync-note{color:#5e381c;background:#fff6bd;border-radius:8px;margin:0;padding:12px 18px;font-size:13px}.upload-panel{cursor:pointer;grid-template-columns:50px 1fr;align-items:center;gap:16px;height:100px;margin-top:16px;padding:20px 22px;display:grid;position:relative}.upload-panel>span{color:#5e381c;background:#fff6bd;border-radius:8px;place-items:center;width:50px;height:50px;font-size:28px;font-weight:760;display:grid}.upload-panel .file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-panel img{object-fit:cover;background:#fff6bd;border-radius:8px;width:50px;height:50px;display:block}.upload-panel strong{font-size:15px}.upload-panel p{color:#737882;margin:4px 0 0;font-size:12px}.upload-error{width:var(--content-width);color:#db382e;margin:8px auto 0;font-size:12px;font-weight:720}.history-search{margin-top:16px}.account-search{margin-top:14px}.history-list{min-height:0;margin-top:14px;padding:14px 18px;overflow:visible}.trigger-note{color:#92400e;background:#fffbeb;border-radius:8px;margin-bottom:12px;padding:10px 16px}.trigger-note strong{font-size:13px;display:block}.trigger-note p{margin:2px 0 0;font-size:12px}.history-list small{color:#737882;font-size:11px}.history-row{border-bottom:1px solid #e5e8eb;grid-template-columns:1fr 92px;gap:12px;padding:14px 0;display:grid}.history-row p{color:#737882;margin:6px 0 0;font-size:12px;line-height:17px}.history-row aside{align-content:center;justify-items:end;gap:7px;display:grid}.switch{width:56px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:#e5e8eb;border-radius:999px;width:56px;height:28px;display:block}.switch span:after{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .2s,background .2s;position:absolute;top:3px;left:4px}.switch input:checked+span{background:#16a34a}.switch input:checked+span:after{transform:translate(26px)}.account-list{width:var(--content-width);gap:10px;margin:14px auto 0;display:grid}.account-row{text-align:left;background:#fff;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:64px;padding:12px 14px;display:grid}.account-row span{min-width:0}.account-row strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;display:block;overflow:hidden}.account-row small{color:#737882;margin-top:3px;font-size:12px;display:block}.account-user-badge{color:#111827;box-sizing:border-box;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:54px;height:24px;padding:0 10px;font-size:12px;font-style:normal;font-weight:720;display:inline-flex}.modal-layer{z-index:20;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.delete-modal{text-align:center;box-sizing:border-box;background:#fff;border-radius:8px;width:306px;min-height:244px;padding:28px}.delete-icon{color:#fff;background:#db382e;border-radius:999px;place-items:center;width:44px;height:44px;margin:0 auto 16px;font-size:22px;font-weight:760;display:grid}.delete-modal h2{margin:0;font-size:20px}.delete-modal p{color:#737882;margin:8px 0 18px;font-size:13px;line-height:20px}.delete-modal-actions{grid-template-columns:1fr 1fr;gap:18px;display:grid}.account-modal{box-sizing:border-box;background:#fff;border-radius:8px;width:min(326px,100vw - 32px);max-height:calc(100dvh - 48px);padding:22px;overflow-y:auto}.account-modal h2{margin:0 0 18px;font-size:20px;line-height:26px}.account-modal label{color:#737882;gap:8px;margin-top:14px;font-size:12px;font-weight:760;display:grid}.account-modal input{color:#111827;box-sizing:border-box;border:1px solid #e5e8eb;border-radius:8px;outline:0;width:100%;height:46px;padding:0 14px}.account-modal-actions,.account-generate-row{gap:10px;margin-top:18px;display:grid}.account-modal-actions{grid-template-columns:1fr 1fr}.account-generate-row{grid-template-columns:1fr 88px;align-items:center}.account-modal-actions button,.account-generate-row>button{color:#111827;background:#ffd121;border-radius:8px;height:42px;font-size:13px;font-weight:760}.account-modal-actions button.danger{color:#fff;background:#db382e}.account-generate-row>button:disabled{color:#9ca3af;cursor:not-allowed;background:#e5e8eb}.role-toggle{box-sizing:border-box;background:#f3f4f6;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;height:42px;padding:5px;display:grid}.role-toggle button{color:#737882;background:0 0;border-radius:7px;font-size:12px;font-weight:760}.role-toggle button.active{color:#111827;background:#ffd121}@media (width<=430px){.screen{width:100vw}}@media (height<=720px){.login-screen .app-header{min-height:94px;padding-top:16px}.login-screen .header-title-row{margin-top:12px}.brand-panel{height:132px;margin-top:4px}.brand-logo{height:118px}.form-area{padding-top:10px}.form-area p{margin-bottom:20px}.form-area label+label{margin-top:12px}.login-action-area{padding-top:10px}.login-action-area .primary-button{margin-top:18px}}@media (height<=620px){.screen{--title-size:22px;--title-line-height:28px}.login-screen .app-header{min-height:82px;padding-top:12px;padding-bottom:10px}.brand-panel{height:96px}.brand-logo{height:86px}.form-area p{margin-bottom:14px}.form-area input,.form-area select{height:44px}.login-action-area{padding-top:12px}.login-action-area .primary-button{height:48px;margin-top:16px}}