.promo-page[data-v-159f8892]{display:grid;gap:12px}.promo-hero[data-v-159f8892]{background:linear-gradient(180deg,#9fdfee,#c6eef7);display:grid;gap:12px}.promo-top-grid[data-v-159f8892]{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.promo-qr-box[data-v-159f8892],.promo-time-box[data-v-159f8892]{border:1px solid #c5d3df;border-radius:12px;background:#f8fbff}.promo-qr-box[data-v-159f8892]{min-height:160px;display:grid;place-items:center}.promo-qr-inner[data-v-159f8892]{width:110px;height:110px;border:1px dashed #94a3b8;border-radius:10px;display:grid;place-items:center;color:#334155;font-size:13px}.promo-qr-image[data-v-159f8892]{width:116px;height:116px;border-radius:10px;border:1px solid #dbe2ea;object-fit:cover;background:#fff}.promo-time-wrap[data-v-159f8892]{display:grid;gap:6px;align-content:start}.promo-time-wrap p[data-v-159f8892]{margin:0;color:#0f172a;font-weight:600}.promo-time-box[data-v-159f8892]{min-height:80px;padding:8px;display:grid;align-content:center;gap:4px}.promo-time-box span[data-v-159f8892]{font-size:12px;color:#334155}.promo-share-link[data-v-159f8892]{border:0;background:transparent;color:#0f44cc;text-align:right;padding:0;font-size:13px}.promo-kpi-grid[data-v-159f8892]{border:1px solid #dbe2ea;border-radius:14px;background:#fff;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promo-kpi-cell[data-v-159f8892]{min-height:54px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fbff;padding:8px;display:grid;align-content:center;gap:4px}.promo-kpi-cell span[data-v-159f8892]{color:#64748b;font-size:12px}.promo-kpi-cell strong[data-v-159f8892]{color:#0f172a;font-size:16px}.promo-actions[data-v-159f8892]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promo-actions button[data-v-159f8892]{min-height:44px;border-radius:10px;border:1px solid #93c5fd;background:#bee7fb;color:#0f172a;font-size:34px;font-weight:600;line-height:1;padding:0}.promo-note[data-v-159f8892]{margin:0;color:#475569;font-size:12px}.promo-filter-row[data-v-159f8892]{display:flex;gap:8px;flex-wrap:wrap}.promo-filter-row .btn-ghost.active[data-v-159f8892]{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}.promo-record-item[data-v-159f8892]{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:10px;display:grid;gap:6px}.promo-record-item p[data-v-159f8892]{margin:0;color:#475569;font-size:13px}.promo-status[data-v-159f8892]{min-width:58px;height:24px;border-radius:999px;border:1px solid #cbd5e1;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px}.promo-status.approved[data-v-159f8892]{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.promo-status.pending[data-v-159f8892]{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.promo-status.rejected[data-v-159f8892]{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.promo-rule-panel h3[data-v-159f8892]{margin:0 0 8px}.promo-rule-panel p[data-v-159f8892]{margin:0;min-height:80px;color:#334155;line-height:1.6;white-space:pre-wrap}.promo-tip[data-v-159f8892]{margin:0;color:#475569;font-size:13px}.promo-modal-mask[data-v-159f8892]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a57;z-index:120;display:grid;place-items:center;padding:14px}.promo-modal[data-v-159f8892]{width:min(420px,100%);max-height:min(86vh,740px);overflow:auto;display:grid;gap:10px}.promo-record-modal[data-v-159f8892]{width:min(460px,100%)}.promo-modal-head[data-v-159f8892]{display:flex;align-items:center;justify-content:space-between}.promo-modal-head h3[data-v-159f8892]{margin:0}.promo-modal-close[data-v-159f8892]{width:28px;height:28px;border-radius:999px;border:1px solid #dbe2ea;background:#f8fafc;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0}.promo-modal label[data-v-159f8892]{display:grid;gap:6px}.promo-modal label span[data-v-159f8892]{color:#475569;font-size:13px}.promo-modal-actions[data-v-159f8892]{display:flex;justify-content:flex-end;gap:8px}.promo-method-select[data-v-159f8892]{position:relative}.promo-method-trigger[data-v-159f8892]{width:100%;min-height:38px;border:1px solid #d5dde8;border-radius:10px;padding:0 12px;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:space-between;font-size:16px}.promo-method-arrow[data-v-159f8892]{color:#475569;font-size:13px}.promo-method-menu[data-v-159f8892]{position:absolute;left:0;right:0;top:calc(100% + 6px);border:1px solid #d5dde8;border-radius:10px;background:#fff;overflow:hidden;z-index:8;box-shadow:0 10px 18px #0f172a1f}.promo-method-item[data-v-159f8892]{width:100%;min-height:40px;border:0;border-bottom:1px solid #edf2f7;background:#fff;color:#0f172a;text-align:left;padding:0 12px;font-size:16px}.promo-method-item[data-v-159f8892]:last-child{border-bottom:0}.promo-method-item.active[data-v-159f8892]{background:#eff6ff;color:#1d4ed8}.promo-record-list[data-v-159f8892]{display:grid;gap:10px}.promo-modal-fade-enter-active[data-v-159f8892],.promo-modal-fade-leave-active[data-v-159f8892]{transition:opacity .18s ease}.promo-modal-fade-enter-from[data-v-159f8892],.promo-modal-fade-leave-to[data-v-159f8892]{opacity:0}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;background:#f3f6fb;--app-bg: #f3f6fb;--surface-bg: #ffffff;--surface-veil: #ffffffd9;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #dbe2ea;--accent-strong: #1d4ed8;--accent-soft: #60a5fa;--accent-tint: #dbeafe;--topbar-height: 68px;--bottom-nav-height: 64px}html[data-theme=dark]{--app-bg: #0b1220;--surface-bg: #111a2c;--surface-veil: #111a2cd9;--text-primary: #e5edf7;--text-secondary: #9fb0c9;--border-color: #22314d}html[data-font-scale=large]{font-size:17px}html[data-density=compact]{--topbar-height: 64px;--bottom-nav-height: 60px}html[data-motion=off] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--text-primary)}a,button{-webkit-tap-highlight-color:transparent}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none;box-shadow:none}button:focus-visible,a:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;position:relative}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-veil);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:30}.topbar-home{display:grid;grid-template-columns:92px 1fr 92px;gap:8px;align-items:center}.topbar-catalog,.topbar-mall{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;align-items:center}.topbar h1{margin:0;font-size:18px;line-height:1.2}.top-subtitle{margin:2px 0 0;font-size:12px;color:var(--text-secondary)}.location-select{width:92px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-primary);font-size:13px;padding:0 8px}.home-title{margin:0;text-align:center;font-size:20px;font-weight:700}.home-right-placeholder{width:92px;height:1px}.topbar-catalog .home-right-placeholder{width:36px}.catalog-title{margin:0;text-align:center;font-size:20px;font-weight:700}.back-home-btn{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.top-action{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-primary);font-size:16px;padding:0;display:flex;align-items:center;justify-content:center}.top-action-icon{width:20px;height:20px;stroke-width:1.9}.top-action-plain{border:0;background:transparent;border-radius:8px;color:#0f172a}.top-action-primary{border:0;background:#19a9ec;color:#fff;box-shadow:0 2px 6px #19a9ec55}.content{padding:16px 16px calc(var(--bottom-nav-height) + 16px);overflow-x:hidden;background:var(--app-bg)}.content.with-header{padding-top:calc(var(--topbar-height) + 12px)}.content.no-bottom-nav{padding-bottom:0}.content.full-bleed{padding:0}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .15s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.page-slide-left-enter-active,.page-slide-left-leave-active,.page-slide-right-enter-active,.page-slide-right-leave-active{transition:transform .28s cubic-bezier(.22,.61,.36,1);will-change:transform}.page-slide-left-enter-from{transform:translate(100%)}.page-slide-left-leave-to,.page-slide-right-enter-from{transform:translate(-100%)}.page-slide-right-leave-to{transform:translate(100%)}.page-none-enter-active,.page-none-leave-active{transition:none}.page-none-enter-from,.page-none-leave-to{opacity:1}@media(prefers-reduced-motion:reduce){.page-fade-enter-active,.page-fade-leave-active,.page-slide-left-enter-active,.page-slide-left-leave-active,.page-slide-right-enter-active,.page-slide-right-leave-active{transition-duration:.01ms!important}}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;height:var(--bottom-nav-height);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;padding:4px 10px 8px;background:var(--surface-bg);border-top:1px solid var(--border-color);z-index:30}.nav-item{color:var(--text-primary);background:transparent;border:0;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:14px;line-height:1;min-height:44px;cursor:pointer}.nav-item>span:last-child{font-size:14px;line-height:1}.nav-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.nav-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .2s ease}.nav-item.active:not(.nav-center),.nav-item.router-link-active:not(.nav-center){color:var(--accent-strong);font-weight:600}.nav-item.active:not(.nav-center) .nav-icon svg,.nav-item.router-link-active:not(.nav-center) .nav-icon svg{transform:translateY(-1px)}.nav-disabled{color:#6b7280;cursor:not-allowed}.nav-center{position:relative;transform:translateY(-16px)}.nav-center .plus{width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;font-size:0;border:4px solid #fff;box-shadow:0 8px 16px #45b8ff40}.nav-center .plus:before,.nav-center .plus:after{content:"";position:absolute;background:#fff;border-radius:999px}.nav-center .plus:before{width:30px;height:4px}.nav-center .plus:after{width:4px;height:30px}.nav-center.active .plus,.nav-center.router-link-active .plus{background:var(--accent-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.home-page{display:grid;gap:10px}.home-search-row{display:grid;grid-template-columns:1fr 72px;align-items:center;gap:8px;margin-bottom:0}.home-search-input{height:40px;border-radius:14px;border:2px solid #2563eb;font-size:14px}.home-search-btn{height:40px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:#111827}.home-hero{--hero-height: clamp(180px, 50vw, 210px);display:grid;grid-template-columns:1.2fr 1fr;gap:10px}.hero-banner{border-radius:12px;background:#f1f5f9;position:relative;overflow:hidden;height:var(--hero-height)}.hero-banner-click{display:block;width:100%;height:100%;border:0;background:transparent;padding:0}.hero-banner img{width:100%;height:100%;object-fit:cover;display:block}.hero-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}.hero-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#cbd5e1}.hero-dots button.active{background:#111827}.hero-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;height:var(--hero-height)}.mini-card{border-radius:10px;border:1px solid #e2e8f0;background:#fff;padding:4px;display:grid;gap:4px;align-content:start;min-height:0}.mini-card img{width:100%;height:clamp(52px,14vw,72px);object-fit:cover;border-radius:8px}.mini-card span{font-size:12px;color:#334155;text-align:center;line-height:1.2}.home-main-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.main-cat{border:0;background:transparent;color:#111827;padding:0;display:grid;justify-items:center;gap:6px}.main-cat-icon{width:52px;height:52px;border-radius:12px;border:1px solid #dbe2ea;background:#fff;display:flex;align-items:center;justify-content:center;color:#2563eb}.main-cat-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-cat-icon span{font-size:12px;font-weight:700}.home-divider{height:1px;background:#dbe2ea;margin:0 8px}.home-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-product-card{text-decoration:none;color:#111827;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.home-product-card img{width:100%;height:120px;object-fit:cover;display:block}.home-product-card h3{margin:8px 8px 4px;font-size:14px}.home-product-card p{margin:0 8px;font-size:12px;color:#64748b}.home-product-detail{margin-top:4px;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-product-card strong{display:block;margin:8px;color:#dc2626;font-size:14px}.catalog-page{display:grid;gap:10px}.catalog-top{margin-bottom:0}.catalog-layout{display:grid;grid-template-columns:104px 1fr;gap:10px}.catalog-sidebar{display:grid;align-content:start;gap:8px;height:fit-content}.catalog-cat-btn{border:0;background:#f8fafc;color:#334155;border-radius:8px;text-align:left;padding:10px 8px;font-size:13px}.catalog-cat-btn.active{background:#e0f2fe;color:#0369a1;border-left:3px solid #0ea5e9}.catalog-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mall-page{display:grid;gap:10px}.mall-search-row{display:grid;grid-template-columns:1fr 68px;gap:8px;align-items:center;margin-bottom:0}.mall-search-input{height:38px;border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc;padding:0 12px}.mall-search-btn{height:38px;border:0;background:transparent;color:#2563eb}.mall-banner{position:relative;overflow:hidden;margin-bottom:0}.mall-banner img{width:100%;height:180px;object-fit:cover;border-radius:10px;display:block}.mall-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 28px;gap:6px;align-items:center;margin-bottom:0}.mall-filter-btn{border:0;background:transparent;color:#475569;font-size:15px;padding:6px 0;white-space:nowrap}.mall-filter-btn.active{color:#2563eb;border-bottom:2px solid #2563eb}.mall-more-btn{border:0;background:transparent;color:#475569;font-size:22px;line-height:1;padding:0}.service-home{display:grid;gap:12px}.service-channel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;background:#ddfbf5}.channel-item{background:transparent;color:#334155;border:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-size:12px}.channel-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#fff;border:1px solid #99f6e4}.channel-item.active{color:#0f766e;background:#ffffffd8}.channel-item.active .channel-icon{border-color:#14b8a6}.service-panel{display:grid;grid-template-columns:104px 1fr;gap:10px;min-height:520px}.service-sidebar{background:#f1f5f9;border-radius:12px;padding:10px 8px;display:grid;align-content:start;gap:8px}.side-item{border:0;background:transparent;color:#475569;border-radius:8px;font-size:13px;text-align:left;padding:10px 8px}.side-item.active{background:#fff;color:#0f766e;border-left:3px solid #14b8a6}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:#111827;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:130px}.service-item-card .thumb{width:68px;height:68px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:34px}.service-item-card h3{margin:0;font-size:14px}.service-item-card p{margin:0;color:#64748b;font-size:12px;text-align:center}.card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;padding:14px;margin-bottom:12px}.form{display:grid;gap:8px}input,textarea,select,button{width:100%;padding:10px;border-radius:8px;border:1px solid #cbd5e1}button,.btn{background:var(--accent-strong);color:#fff;border:0;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs .active{background:#2563eb}.order-page{display:grid;gap:12px}.order-status-panel{padding:8px 6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.order-status-btn{border:0;background:transparent;color:#334155;border-radius:10px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 2px}.order-status-icon{width:34px;height:34px;border-radius:10px;border:1px solid #d9e5ff;background:linear-gradient(145deg,#f8fbff,#ecf3ff);color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center}.order-status-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.order-status-text{font-size:13px;line-height:1;font-weight:600}.order-status-btn.active{background:#eff6ff;color:#1d4ed8}.order-status-btn.active .order-status-icon{border-color:#93c5fd;background:#dbeafe}.order-card{display:grid;gap:6px}.order-card-head{display:flex;align-items:center;justify-content:space-between}.order-card-head h3{margin:0}.order-tag{font-size:12px;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:2px 8px}.repair-form-card{display:grid;gap:10px}.repair-address-box{border:1px solid #dbe2ea;border-radius:10px;background:#f8fbff;padding:10px;display:grid;gap:8px}.repair-address-user{margin:0;display:inline-flex;align-items:center;gap:8px}.repair-address-user strong{color:#0f172a}.repair-address-user span{color:#334155;font-size:13px}.repair-address-user em{font-style:normal;font-size:12px;color:#1d4ed8;border:1px solid #bfdbfe;background:#eff6ff;border-radius:999px;padding:1px 8px}.repair-address-full{margin:0;color:#334155;font-size:13px;line-height:1.4}.repair-range-tip{margin:0;color:#0f766e;font-size:12px}.repair-range-tip.out{color:#b91c1c}.btn-ghost{border:1px solid #cbd5e1;background:#fff;color:#334155}.btn-danger{border:1px solid #fecaca;background:#fff1f2;color:#dc2626}.order-address-block{margin-top:8px;padding:10px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fbff;display:grid;gap:6px}.order-address-block h3{margin:0;font-size:15px}.order-address-block p{margin:0;color:#334155;font-size:13px;line-height:1.5}.address-page{display:grid;gap:10px}.address-header-card h2{margin:0;font-size:18px}.address-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.address-primary-btn{min-width:98px;height:38px;border-radius:10px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-size:14px;font-weight:600}.address-card{margin-bottom:0}.address-card.selectable{cursor:pointer}.address-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.address-user-line{display:inline-flex;align-items:center;gap:8px}.address-user-line strong{color:#0f172a}.address-user-line span{color:#334155;font-size:13px}.address-default-tag{font-size:12px;border-radius:999px;padding:2px 8px;color:#1d4ed8;border:1px solid #bfdbfe;background:#eff6ff}.address-tag-wrap{display:inline-flex;align-items:center;gap:6px}.address-out-tag{font-size:12px;border-radius:999px;padding:2px 8px;color:#b91c1c;border:1px solid #fecaca;background:#fff1f2}.address-full{margin:8px 0 0;color:#334155;font-size:13px;line-height:1.5}.address-note{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.4}.address-actions{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.address-empty{text-align:center;display:grid;justify-items:center;gap:8px}.address-form-card{display:grid;gap:12px}.address-form-card h2{margin:0;font-size:18px}.address-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.address-form-grid label{display:grid;gap:6px}.address-form-grid label>span{color:#475569;font-size:13px}.address-form-grid .full{grid-column:1 / -1}.address-geo-tools{border:1px dashed #cbd5e1;border-radius:12px;background:#f8fbff;padding:10px;display:grid;gap:8px}.address-geo-title{margin:0;color:#334155;font-size:13px;font-weight:600}.address-geo-actions{display:flex;flex-wrap:wrap;gap:8px}.address-map-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px}.address-range-tip{margin:0;color:#0f766e;font-size:12px}.address-range-tip.out{color:#b91c1c}.feedback-page{display:grid;gap:10px}.feedback-head-card h2{margin:0;font-size:18px}.feedback-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback-create-btn{min-width:98px;height:38px;border-radius:10px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-size:14px;font-weight:600}.feedback-filter-card{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.feedback-tab-btn{min-height:36px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font-size:13px}.feedback-tab-btn.active{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}.feedback-item-card{margin-bottom:0;cursor:pointer}.feedback-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.feedback-item-top h3{margin:0;font-size:15px;color:#0f172a}.feedback-status{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:24px;border-radius:999px;font-size:12px;font-weight:600}.feedback-status.pending{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.feedback-status.processing{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.feedback-status.resolved{background:#ecfdf3;border:1px solid #bbf7d0;color:#15803d}.feedback-status.closed{background:#f1f5f9;border:1px solid #dbe2ea;color:#64748b}.feedback-item-content{margin:8px 0 0;color:#334155;font-size:13px;line-height:1.5;white-space:pre-wrap}.feedback-item-meta{margin:6px 0 0;color:#64748b;font-size:12px}.feedback-empty-card{text-align:center;display:grid;gap:10px;justify-items:center}.feedback-tip{margin:0;text-align:center;color:#2563eb;font-size:12px}.feedback-form-card{display:grid;gap:12px}.feedback-back-btn{width:fit-content;min-width:112px;height:36px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:13px;font-weight:600}.feedback-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback-form-grid label{display:grid;gap:6px}.feedback-form-grid label>span{font-size:13px;color:#475569}.feedback-form-grid .full{grid-column:1 / -1}.feedback-upload-block{border:1px dashed #cbd5e1;border-radius:12px;background:#f8fbff;padding:10px;display:grid;gap:8px}.feedback-upload-block p{margin:0;color:#334155;font-size:13px}.feedback-upload-btn{width:fit-content;display:inline-flex;align-items:center;justify-content:center;height:32px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:13px;padding:0 10px}.feedback-upload-btn input[type=file]{display:none}.feedback-upload-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feedback-upload-list figure{margin:0;border:1px solid #dbe2ea;border-radius:10px;background:#fff;overflow:hidden;display:grid}.feedback-upload-list img{width:100%;height:78px;object-fit:cover;display:block}.feedback-upload-list button{min-height:28px;border-radius:0;border:0;background:#f8fafc;color:#64748b;font-size:12px}.feedback-submit-btn{width:100%;min-height:42px;border-radius:10px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-size:15px;font-weight:700}.feedback-submit-btn:disabled{opacity:.7}.feedback-detail-card{display:grid;gap:8px}.feedback-detail-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.feedback-detail-top h2{margin:0;font-size:18px;color:#0f172a}.feedback-chat-list{display:grid;gap:8px}.feedback-chat-item{border:1px solid #dbe2ea;border-radius:10px;background:#fff;padding:8px 10px;display:grid;gap:6px}.feedback-chat-item.user{border-color:#bfdbfe;background:#eff6ff}.feedback-chat-item.admin{border-color:#bbf7d0;background:#ecfdf3}.feedback-chat-item header{display:flex;align-items:center;justify-content:space-between;gap:8px}.feedback-chat-item strong{color:#0f172a;font-size:13px}.feedback-chat-item span{color:#64748b;font-size:12px}.feedback-chat-item p{margin:0;color:#334155;font-size:13px;line-height:1.5;white-space:pre-wrap}.feedback-reply-form{display:grid;gap:8px}.feedback-reply-form textarea{min-height:90px;border-radius:10px}.auth-page{margin:-16px -16px 0;min-height:calc(100vh - 32px);padding:30px 16px 24px;background:linear-gradient(180deg,#89d1e4 0,#bfe6ef 45%,#e8f4f8 72%,#f6f7fb);display:grid;align-content:start;gap:16px}.auth-hero{text-align:center;color:#0f172a;display:grid;gap:22px;padding:14px 0 10px}.auth-hero h1{margin:0;font-size:36px;font-weight:500;letter-spacing:1px}.auth-hero p{margin:0;font-size:38px;font-weight:500}.auth-card{border-radius:18px;border:1px solid #c7ced8;background:#f8fafc;padding:14px;display:grid;gap:12px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-tab{width:100%;border:0;border-radius:8px;background:transparent;color:#0f172a;font-size:16px;font-weight:600;padding:10px 0}.auth-tab.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:#65d2ea}.auth-form{display:grid;gap:8px}.auth-label{font-size:16px;font-weight:600;color:#111827;margin-top:6px}.auth-input{height:42px;border-radius:12px;border:1px solid #d2d6de;background:#fff;padding:0 12px;font-size:14px}.auth-input::placeholder{color:#b6c0cc}.auth-code-row{display:grid;grid-template-columns:1fr 92px;gap:8px;align-items:center}.auth-code-btn{width:100%;height:42px;border-radius:12px;border:1px solid #d2d6de;background:#fff;color:#57cbe7;font-size:14px;font-weight:700;padding:0}.auth-submit{margin-top:12px;height:52px;border-radius:16px;border:0;background:#5c9de6;color:#fff;font-size:20px;font-weight:700}.auth-register{width:100%;height:52px;border-radius:16px;border:1px solid #c7ced8;background:#fff;color:#111827;font-size:20px;font-weight:600}.register-card{gap:10px}.auth-back-btn{width:fit-content;min-width:92px;height:34px;border-radius:10px;border:1px solid #c7d7e7;background:#fff;color:#334155;display:inline-flex;align-items:center;gap:4px;padding:0 10px;font-size:13px;font-weight:600}.auth-back-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.register-title{margin:0;text-align:center;font-size:22px}.auth-input-row{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center}.auth-code-row.auth-input-row{grid-template-columns:34px 1fr 92px}.input-icon{width:34px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#1837c6}.input-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.auth-input.with-icon{padding-left:4px}.register-submit{background:#aad8e3;color:#0f172a}.hint{color:#6b7280}.ok{color:#059669}.me-page{display:grid;gap:10px}.me-page .card{margin-bottom:0}.me-user-card{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:12px 14px}.me-avatar{width:88px;height:88px;border-radius:50%;border:1px solid #c7d8ff;color:#1d4ed8;background:linear-gradient(145deg,#f8fbff,#eaf2ff);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff}.me-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.me-avatar-icon{width:42px;height:42px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.me-user-meta h2{margin:0;font-size:24px;line-height:1.2}.me-user-meta p{margin:6px 0 0;color:#374151;font-size:15px}.me-signature{color:#64748b!important;font-size:13px!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.me-auth-card{display:grid;gap:10px}.me-auth-card h3{margin:0;font-size:20px}.me-auth-card p{margin:0;font-size:14px;color:#64748b}.me-auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.me-auth-btn{min-height:42px;border-radius:10px;border:1px solid #bfdbfe;background:#f8fbff;color:#1d4ed8;font-size:14px;font-weight:600}.me-auth-btn.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.me-stats-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;overflow:hidden}.me-stat-item{border:0;border-radius:0;background:#fff;color:#0f172a;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;transition:background-color .15s ease}.me-stat-item+.me-stat-item{border-left:1px solid #e5e7eb}.me-stat-item span:last-child{font-size:15px;color:#111827;font-weight:600}.me-stat-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#1d4ed8;border-radius:12px;border:1px solid #d9e5ff;background:linear-gradient(145deg,#f8fbff,#ecf3ff);box-shadow:0 1px #fff inset}.me-stat-icon svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.me-stat-item:nth-child(1) .me-stat-icon{color:#1d4ed8}.me-stat-item:nth-child(2) .me-stat-icon{color:#2563eb}.me-stat-item:nth-child(3) .me-stat-icon{color:#1d4ed8}.me-shortcut-row{border:1px solid #dbe2ea;border-radius:10px;background:#fff;color:#111827;padding:0 14px;min-height:52px;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease}.me-menu-card{padding:0;overflow:hidden}.me-logout-btn{width:100%;min-height:48px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#dc2626;font-size:15px;font-weight:700}.me-menu-item{min-height:56px;border:0;border-radius:0;background:#fff;color:#111827;text-decoration:none;padding:0 14px;display:flex;align-items:center;justify-content:space-between;transition:background-color .15s ease}.me-menu-item+.me-menu-item{border-top:1px solid #eff3f8}.row-left{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1}.row-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:#1d4ed8;border-radius:10px;border:1px solid #d9e5ff;background:linear-gradient(145deg,#f8fbff,#ecf3ff);box-shadow:0 1px #fff inset}.row-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.row-arrow{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#1d4ed8}.row-arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.me-stat-item:active,.me-shortcut-row:active,.me-menu-item:active{background:#f8fafc}.me-menu-item:focus-visible,.me-shortcut-row:focus-visible,.settings-menu-item:focus-visible,.settings-back:focus-visible,.settings-exit:focus-visible{outline:none;box-shadow:none}.me-logout-btn:active{background:#ffe4e6}.settings-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b8e5f0 42%,#eef4f7);display:grid;grid-template-rows:auto auto 1fr auto;overflow-y:auto;overscroll-behavior:contain}.settings-head{height:66px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 8px;border-bottom:1px solid #8fc6d350}.settings-head h1{margin:0;text-align:center;font-size:20px;line-height:1;color:#0f172a;font-weight:500}.settings-head-placeholder{width:40px;height:40px}.settings-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.settings-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.settings-menu{margin-top:2px}.settings-menu-item{width:100%;min-height:54px;background:transparent;color:#0f172a;border:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.settings-menu-left{display:inline-flex;align-items:center;gap:14px;font-size:20px;font-weight:500}.settings-menu-icon{width:34px;height:34px;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.settings-menu-icon svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.settings-menu-arrow{width:20px;height:20px;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.settings-menu-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.settings-note{margin:10px 18px 0;font-size:14px;color:#2563eb}.settings-exit-wrap{align-self:end;padding:16px 0 18px;display:flex;justify-content:center}.settings-exit{width:178px;max-width:58%;min-height:40px;border:1px solid #87c9da;border-radius:10px;background:#9fd3e1;color:#0f172a;font-size:17px;font-weight:500}.notify-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:84;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b8e5f0 42%,#eef4f7);display:grid;grid-template-rows:auto 1fr;overflow-y:auto;overscroll-behavior:contain}.notify-head{height:66px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 8px;border-bottom:1px solid #8fc6d350}.notify-head h1{margin:0;text-align:center;font-size:20px;line-height:1;color:#0f172a;font-weight:500}.notify-head-placeholder{width:40px;height:40px}.notify-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.notify-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.notify-body{padding:10px 14px 18px;display:grid;gap:10px}.notify-card{border:1px solid #dbe2ea;border-radius:14px;background:#ffffffd4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.notify-card h3{margin:0;padding:12px 12px 8px;font-size:15px;color:#0f172a}.notify-row{min-height:62px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.notify-row+.notify-row{border-top:1px solid #ebf1f7}.notify-row-left{display:grid;gap:4px}.notify-label{margin:0;font-size:15px;color:#111827;font-weight:600}.notify-desc{margin:0;font-size:12px;color:#64748b}.notify-switch{width:48px;min-width:48px;height:28px;border:0;border-radius:999px;background:#d1d5db;padding:2px;display:inline-flex;align-items:center;transition:background-color .2s ease}.notify-switch.active{background:#3b82f6}.notify-switch-dot{width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #00000025}.notify-switch.active .notify-switch-dot{transform:translate(20px)}.notify-permission{margin:0;padding:0 12px 10px;font-size:12px;color:#64748b}.notify-time-row{padding:0 12px 12px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.notify-time-row.disabled{opacity:.55}.notify-time-row label{display:grid;gap:4px;color:#475569;font-size:12px}.notify-time-row input[type=time]{min-height:40px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#0f172a;padding:0 10px}.notify-time-sep{color:#64748b;font-size:13px}.notify-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.notify-btn{min-height:42px;border-radius:10px;font-size:14px;font-weight:700}.notify-btn.ghost{border:1px solid #cbd5e1;background:#fff;color:#475569}.notify-btn.primary{border:1px solid #1d4ed8;background:#1d4ed8;color:#fff}.notify-tip{margin:0;min-height:18px;text-align:center;font-size:12px;color:#0f36c9}.theme-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b8e5f0 42%,#eef4f7);display:grid;grid-template-rows:auto 1fr;overflow-y:auto;overscroll-behavior:contain}.theme-head{height:66px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 8px;border-bottom:1px solid #8fc6d350}.theme-head h1{margin:0;text-align:center;font-size:20px;line-height:1;color:#0f172a;font-weight:500}.theme-head-placeholder{width:40px;height:40px}.theme-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.theme-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.theme-body{padding:10px 14px 18px;display:grid;gap:10px}.theme-card{border:1px solid #dbe2ea;border-radius:14px;background:#ffffffd4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:12px;display:grid;gap:10px}.theme-card h3{margin:0;font-size:15px;color:#0f172a}.theme-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-segment-item{min-height:40px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:14px;font-weight:600}.theme-segment-item.active{border-color:var(--accent-strong);background:var(--accent-tint);color:var(--accent-strong)}.theme-accent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-accent-item{min-height:44px;border-radius:10px;border:1px solid #dbe2ea;background:#fff;color:#334155;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.theme-accent-item.active{border-color:var(--accent-strong);background:var(--accent-tint);color:var(--accent-strong)}.theme-accent-dot{width:12px;height:12px;border-radius:50%}.theme-row{min-height:52px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#0f172a}.theme-row-title{margin:0;font-size:14px;font-weight:600}.theme-row-desc{margin:2px 0 0;font-size:12px;color:#64748b}.theme-inline-actions{display:inline-flex;gap:6px}.theme-mini-btn{min-width:62px;min-height:34px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:13px;font-weight:600}.theme-mini-btn.active{border-color:var(--accent-strong);background:var(--accent-tint);color:var(--accent-strong)}.theme-switch{width:48px;min-width:48px;height:28px;border:0;border-radius:999px;background:#d1d5db;padding:2px;display:inline-flex;align-items:center}.theme-switch.active{background:var(--accent-strong)}.theme-switch-dot{width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #00000025}.theme-switch.active .theme-switch-dot{transform:translate(20px)}.theme-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-btn{min-height:42px;border-radius:10px;font-size:14px;font-weight:700}.theme-btn.ghost{border:1px solid #cbd5e1;background:#fff;color:#475569}.theme-btn.primary{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff}.about-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:86;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b8e5f0 42%,#eef4f7);display:grid;grid-template-rows:auto 1fr;overflow-y:auto;overscroll-behavior:contain}.about-head{height:66px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 8px;border-bottom:1px solid #8fc6d350}.about-head h1{margin:0;text-align:center;font-size:20px;line-height:1;color:#0f172a;font-weight:500}.about-head-placeholder{width:40px;height:40px}.about-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.about-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.about-body{padding:10px 14px 18px;display:grid;gap:10px}.about-card{border:1px solid #dbe2ea;border-radius:14px;background:#ffffffd4;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:12px}.about-hero h2{margin:0;font-size:20px;color:#0f172a}.about-slogan{margin:8px 0 0;color:#1e3a8a;font-size:14px}.about-card h3{margin:0 0 8px;font-size:15px;color:#0f172a}.about-text{margin:0;color:#334155;font-size:14px;line-height:1.6;white-space:pre-wrap}.about-contact-list{display:grid;gap:8px}.about-contact-list p{margin:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:13px}.about-contact-list span{color:#64748b;min-width:68px}.about-contact-list strong{color:#0f172a;flex:1;text-align:right;word-break:break-all}.about-assets{display:grid;gap:8px}.about-asset-item{margin:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.about-asset-item img{width:100%;height:148px;object-fit:cover;display:block;background:#f1f5f9}.about-asset-empty{width:100%;height:148px;background:#f8fafc;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:13px}.about-asset-item figcaption{padding:8px 10px;display:grid;gap:4px}.about-asset-item strong{color:#0f172a;font-size:14px}.about-asset-item span{color:#64748b;font-size:12px}.about-empty{margin:0;color:#64748b;font-size:13px}.about-meta{display:grid;gap:4px}.about-meta p{margin:0;color:#334155;font-size:13px}.about-changelog{margin:8px 0 0;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;font-size:13px;line-height:1.5;white-space:pre-wrap;font-family:inherit}.about-updated{margin:0;text-align:center;font-size:12px;color:#64748b}.about-tip{margin:0;text-align:center;font-size:12px;color:#dc2626}.account-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:82;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b8e5f0 42%,#eef4f7);display:grid;grid-template-rows:auto 1fr auto;overflow-y:auto;overscroll-behavior:contain}.account-head{height:66px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 8px;border-bottom:1px solid #8fc6d350}.account-head h1{margin:0;text-align:center;font-size:20px;line-height:1;color:#0f172a;font-weight:500}.account-head-placeholder{width:40px;height:40px}.account-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.account-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.account-body{padding:2px 0 0}.account-row{width:100%;min-height:58px;border:0;border-radius:0;background:transparent;color:#111827;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 22px}.account-label{font-size:20px;font-weight:500}.account-row-right{display:inline-flex;align-items:center;gap:8px}.account-avatar{width:46px;height:46px;border-radius:50%;border:1px solid #d1d5db;background:#eef2f7;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-avatar-fallback{color:#1d4ed8;font-size:16px;font-weight:700}.account-row-value{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:15px;color:#475569}.account-arrow{width:20px;height:20px;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.account-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.account-sign-wrap{padding:8px 22px 0}.account-sign-label{margin:0 0 10px;font-size:20px;font-weight:500;color:#111827}.account-sign-input{width:100%;min-height:122px;border-radius:18px;border:1px solid #b8bec5;background:#f7f7f8;padding:12px;font-size:14px;resize:none}.account-sign-input::placeholder{color:#9ca3af}.account-save-wrap{padding:14px 0 18px;display:flex;justify-content:center}.account-save-btn{width:178px;max-width:58%;min-height:40px;border:1px solid #87c9da;border-radius:10px;background:#9fd3e1;color:#0f172a;font-size:17px;font-weight:500}.account-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;background:#00000030;display:flex;align-items:flex-end;justify-content:center;padding:14px}.account-modal{width:100%;max-width:520px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;padding:14px;box-shadow:0 12px 28px #0000002a}.account-modal-title{margin:0;font-size:17px;text-align:center;color:#0f172a}.account-modal-content{margin-top:12px}.account-modal-input{width:100%;min-height:42px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:14px;padding:0 12px}.account-file-input{display:none}.account-avatar-upload{min-height:40px;border-radius:10px;border:1px dashed #60a5fa;background:#eff6ff;color:#1d4ed8;font-size:14px;font-weight:600}.account-modal-note{margin:8px 0 0;font-size:12px;color:#64748b}.account-avatar-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-avatar-option{border-radius:12px;border:1px solid #dbe2ea;background:#fff;color:#334155;min-height:92px;padding:8px 6px;display:grid;justify-items:center;gap:6px}.account-avatar-option img{width:52px;height:52px;border-radius:50%;border:1px solid #dbe2ea}.account-avatar-option span{font-size:12px;line-height:1}.account-avatar-option.active{border-color:#1d4ed8;background:#eff6ff}.account-upload-preview{margin-top:10px;border:1px solid #dbe2ea;border-radius:10px;background:#f8fafc;padding:8px 10px;display:inline-flex;align-items:center;gap:8px}.account-upload-preview img{width:40px;height:40px;border-radius:50%;border:1px solid #cbd5e1;object-fit:cover}.account-upload-preview span{color:#334155;font-size:13px}.account-avatar-error{margin:8px 0 0;color:#dc2626;font-size:12px}.account-gender-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-gender-item{min-height:40px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:14px}.account-gender-item.active{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}.account-modal-actions{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-modal-btn{min-height:40px;border-radius:10px;font-size:14px;font-weight:600}.account-modal-btn.cancel{border:1px solid #cbd5e1;background:#fff;color:#334155}.account-modal-btn.confirm{border:1px solid #1d4ed8;background:#1d4ed8;color:#fff}.account-modal-fade-enter-active,.account-modal-fade-leave-active{transition:opacity .18s ease}.account-modal-fade-enter-from,.account-modal-fade-leave-to{opacity:0}.building-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b9e7f0 44%,#eef4f7);display:grid;grid-template-rows:auto 1fr;overflow-y:auto;overscroll-behavior:contain}.building-head{height:66px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:0 8px;border-bottom:1px solid #8fc6d350}.building-head h1{margin:0;text-align:center;font-size:21px;line-height:1;color:#0f172a;font-weight:500}.building-head-placeholder{width:40px;height:40px}.building-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.building-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.building-menu{padding:10px 0 0;display:grid;align-content:start}.building-menu-item{width:100%;min-height:66px;border:0;border-radius:0;background:transparent;color:#0f172a;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.building-menu-left{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:500}.building-menu-left>span:last-child{font-size:20px;line-height:1}.building-menu-icon{width:30px;height:30px;color:#1236d3;display:inline-flex;align-items:center;justify-content:center}.building-menu-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.building-menu-arrow{width:24px;height:24px;color:#1236d3;display:inline-flex;align-items:center;justify-content:center}.building-menu-arrow svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.building-sub-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;width:100%;max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b9e7f0 36%,#eef4f7);display:grid;grid-template-rows:auto 1fr;overflow-y:auto;overscroll-behavior:contain}.building-sub-head{min-height:66px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:0 8px;border-bottom:1px solid #8fc6d350}.building-sub-head h1{margin:0;text-align:center;font-size:20px;line-height:1;color:#0f172a;font-weight:500}.building-sub-back{width:40px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#0f36c9;display:inline-flex;align-items:center;justify-content:center}.building-sub-back svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.building-sub-add{width:auto;min-width:62px;min-height:34px;border-radius:10px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-size:13px;font-weight:700;padding:0 12px}.building-sub-placeholder{width:40px;height:40px}.building-sub-body{padding:10px 12px 16px;display:grid;gap:10px;align-content:start}.building-panel{border:1px solid #dbe2ea;border-radius:14px;background:#ffffffd8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px;display:grid;gap:8px}.building-panel-title{margin:0;font-size:16px;color:#0f172a}.building-panel-tip{margin:0;color:#334155;font-size:13px;line-height:1.6}.building-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.building-row-top strong{color:#0f172a;font-size:16px}.building-row-meta{margin:0;color:#475569;font-size:13px;line-height:1.5}.building-badge{min-width:58px;min-height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:12px;padding:0 8px}.building-badge.bound{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.building-badge.released{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.building-badge.idle{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.building-row-actions{display:flex;flex-wrap:wrap;gap:8px}.building-row-actions .btn-ghost,.building-row-actions .btn-danger{width:auto;min-height:34px;padding:0 12px}.building-row-actions .btn-ghost.active{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}.building-edit-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.building-edit-row input{flex:1 1 180px;min-width:180px}.building-edit-row .btn-ghost{width:auto;min-height:34px;padding:0 12px}.building-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.building-form-grid textarea,.building-form-grid .full{grid-column:1 / -1}.building-primary-btn{width:auto;min-height:38px;border-radius:10px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-size:14px;font-weight:700;padding:0 14px;justify-self:start}.building-tip{margin:0;text-align:center;font-size:12px;color:#0f36c9}.building-list-row{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.building-list-main{display:grid;gap:4px}.building-list-name{margin:0;color:#0f172a;font-size:14px;font-weight:700}.building-list-side{display:grid;justify-items:end;gap:6px}.building-list-side .btn-danger{width:auto;min-height:32px;padding:0 10px}.building-photo-grid{margin-top:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.building-photo-grid img{width:100%;height:78px;border-radius:8px;border:1px solid #dbe2ea;object-fit:cover;display:block;background:#f8fafc}.building-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.building-kpi-item{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px}.building-kpi-item p{margin:0;color:#64748b;font-size:12px}.building-kpi-item strong{display:block;margin-top:4px;color:#0f172a;font-size:20px}.building-qr-image{width:min(260px,70vw);aspect-ratio:1 / 1;object-fit:contain;border:1px solid #dbe2ea;border-radius:12px;background:#fff;padding:8px;justify-self:center}.building-qr-open{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px}.tenant-bind-screen{min-height:100vh;background:linear-gradient(180deg,#8fd7e8,#b9e7f0 42%,#eef4f7);display:grid;align-content:start;gap:10px;padding:20px 14px}.tenant-bind-head{text-align:center}.tenant-bind-head h1{margin:0;color:#0f172a;font-size:24px}.tenant-bind-head p{margin:8px 0 0;color:#334155;font-size:14px}.tenant-bind-body{display:grid;gap:10px}.tenant-bind-card{border:1px solid #dbe2ea;border-radius:14px;background:#ffffffd8;padding:14px;display:grid;gap:10px}.tenant-bind-card h2{margin:0;color:#0f172a;font-size:18px}.tenant-bind-card p{margin:0;color:#334155;font-size:14px;line-height:1.6}.tenant-bind-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tenant-bind-btn{min-height:40px;border-radius:10px;font-size:14px;font-weight:700}.tenant-bind-btn.primary{border:1px solid #1d4ed8;background:#1d4ed8;color:#fff}.tenant-bind-btn.ghost{border:1px solid #cbd5e1;background:#fff;color:#334155}.tenant-bind-tip{color:#0f36c9}.tenant-bind-result{border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4;padding:10px;display:grid;gap:4px}.tenant-bind-result strong{color:#166534;font-size:15px}.tenant-bind-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#00000045;display:flex;align-items:center;justify-content:center;padding:14px}.tenant-bind-modal-card{width:100%;max-width:360px;border:1px solid #dbe2ea;border-radius:16px;background:#fff;box-shadow:0 14px 30px #0000002c;padding:14px;display:grid;gap:10px}.tenant-bind-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tenant-bind-modal-head h3{margin:0;color:#0f172a;font-size:17px}.tenant-bind-modal-close{width:30px;min-width:30px;height:30px;border:0;border-radius:8px;background:#f1f5f9;color:#334155;font-size:20px;line-height:1;padding:0}.tenant-bind-modal-fade-enter-active,.tenant-bind-modal-fade-leave-active{transition:opacity .18s ease}.tenant-bind-modal-fade-enter-from,.tenant-bind-modal-fade-leave-to{opacity:0}.promo-reward-page{display:grid;gap:10px}.promo-head-card h2{margin:0;font-size:18px}.promo-head-card p{margin:6px 0 0;color:#64748b;font-size:13px}.promo-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promo-kpi{border:1px solid #dbe2ea;border-radius:10px;background:#f8fbff;padding:10px}.promo-kpi span{color:#64748b;font-size:12px}.promo-kpi strong{display:block;margin-top:4px;color:#0f172a;font-size:18px}.promo-rule-card h3,.promo-record-card h3{margin:0;font-size:16px}.promo-rule-card p{margin:6px 0 0;color:#334155;font-size:13px}.promo-withdraw-form{margin-top:8px;display:grid;gap:8px}.promo-withdraw-form label{display:grid;gap:6px}.promo-withdraw-form label>span,.promo-tip{color:#64748b;font-size:12px}.promo-tip{margin:8px 0 0}.promo-filter-row{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.promo-filter-row .btn-ghost.active{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}.promo-record-item{margin-top:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:10px;display:grid;gap:6px}.promo-record-item p{margin:0;color:#475569;font-size:13px}.promo-status{min-width:58px;height:24px;border-radius:999px;border:1px solid #cbd5e1;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px}.promo-status.available{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.promo-status.pending{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.promo-status.approved{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.promo-status.rejected{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.promo-status.withdrawn{border-color:#e2e8f0;background:#f8fafc;color:#64748b}.promo-status.invalid{border-color:#fecaca;background:#fff1f2;color:#b91c1c}.promo-empty{margin:10px 0 0;text-align:center;color:#64748b;font-size:13px}.clock-checkin-screen{min-height:100vh;background:#eceef2;display:grid;justify-items:center;align-content:start;padding:18px 12px}.clock-checkin-card{width:min(370px,100%);border:1px solid #c9cfd9;border-radius:18px;background:#f4f6f8;padding:14px 14px 16px;display:grid;gap:10px}.clock-checkin-card h1{margin:2px 0 6px;font-size:34px;text-align:center;color:#111827;font-weight:500}.clock-select-row{display:grid;gap:6px}.clock-select-row span,.clock-textarea-row span{color:#0f172a;font-size:15px}.clock-select-row select,.clock-select-row input,.clock-textarea-row textarea{width:100%;min-height:46px;border-radius:14px;border:1px solid #c9d2de;background:#fff;color:#0f172a;padding:0 12px;font-size:18px}.clock-textarea-row{display:grid;gap:6px}.clock-textarea-row textarea{min-height:120px;padding:10px 12px;line-height:1.5;font-size:16px}.clock-upload-block{display:grid;gap:8px}.clock-upload-block p{margin:0;color:#0f172a;text-align:center;font-size:16px}.clock-upload-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clock-upload-item{margin:0;border:1px solid #dbe2ea;border-radius:12px;background:#fff;overflow:hidden;display:grid}.clock-upload-item img{width:100%;height:110px;object-fit:cover;display:block}.clock-upload-item button{min-height:30px;border:0;border-radius:0;background:#f8fafc;color:#475569}.clock-upload-picker{border:1px solid #c9d2de;border-radius:14px;background:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;color:#1236d3;font-size:58px}.clock-upload-picker input[type=file]{display:none}.clock-meter-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border:1px solid #c9d2de;border-radius:12px;background:#fff;min-height:34px;align-items:center;text-align:center;color:#0f172a;font-size:16px}.clock-meter-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.clock-meter-row input{min-height:34px;border-radius:8px;border:1px solid #c9d2de;background:#fff;text-align:center;font-size:14px;padding:0 8px}.clock-meter-del{grid-column:1 / -1;min-height:32px;border-radius:8px;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c}.clock-meter-add{width:100%;min-height:42px;border:0;background:transparent;color:#1236d3;font-size:38px;line-height:1;padding:0}.clock-checkin-tip{margin:0;text-align:center;font-size:14px}.clock-checkin-tip.ok{color:#15803d}.clock-checkin-tip.error,.clock-checkin-error{color:#b91c1c}.clock-checkin-submit{min-height:42px;border-radius:12px;border:1px solid #99d8e9;background:#a9dff0;color:#0f172a;font-size:20px}@media(max-width:460px){.home-hero{grid-template-columns:1.2fr 1fr}.home-main-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{grid-template-columns:repeat(4,minmax(0,1fr));align-content:unset}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.mall-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.service-channel{grid-template-columns:repeat(5,minmax(56px,1fr));overflow-x:auto}.service-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-avatar-grid,.feedback-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-form-grid,.address-form-grid,.address-actions{grid-template-columns:1fr}.building-menu-left{font-size:18px}.building-menu-left>span:last-child{font-size:18px}.building-form-grid{grid-template-columns:1fr}.tenant-bind-screen{padding:14px 10px}.clock-checkin-screen{padding:10px 8px}.clock-checkin-card{width:100%}}