:root{color:#172033;background:#eaf1ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y}*{box-sizing:border-box}body{margin:0;width:100%;min-width:320px;min-height:100dvh;overflow:hidden;overscroll-behavior:none}button,input,textarea{font:inherit}input,select,textarea{font-size:16px}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.welcome-screen,.auth-screen,.client-shell{min-height:100dvh;background:radial-gradient(circle at 20% 10%,rgba(96,146,255,.22),transparent 32%),linear-gradient(180deg,#eef4ff,#f8fbff 45%,#e9f0ff)}.welcome-screen{display:grid;place-items:center;padding:32px;text-align:center}.welcome-art{position:relative;width:164px;height:164px;display:grid;place-items:center}.welcome-brand-logo{width:108px;height:108px;object-fit:contain;border-radius:24px;opacity:.9;filter:drop-shadow(0 18px 30px rgba(77,35,184,.2));z-index:2}.welcome-ring{position:absolute;border-radius:999px;border:1px solid rgba(74,128,240,.26);animation:pulse 1.8s ease-in-out infinite}.ring-one{inset:18px}.ring-two{inset:0;animation-delay:.35s}.welcome-copy{margin-top:24px}.eyebrow{margin:0;color:#4a80f0;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.welcome-copy h1,.auth-hero h1,.page-header h1{margin:6px 0 0;font-size:28px;line-height:1.08;letter-spacing:0}.page-header .eyebrow{display:none}.page-header h1{margin:0;font-size:21px;line-height:1.2}.welcome-copy p:last-child,.auth-hero p{margin:10px auto 0;max-width:280px;color:#66738a;font-size:14px}.loading-bar{width:min(260px,70vw);height:5px;margin-top:28px;border-radius:99px;overflow:hidden;background:#4a80f01f}.loading-bar span{display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a80f0,#20bd85);animation:loading 1.1s ease-in-out infinite}.auth-screen{display:grid;align-content:center;gap:16px;padding:24px 24px 72px}.auth-brand-logo{display:block;width:88px;height:88px;margin:-4px auto -8px;object-fit:contain;border-radius:22px;opacity:.9;filter:drop-shadow(0 14px 24px rgba(77,35,184,.18))}.auth-hero,.auth-panel{width:min(420px,100%);margin:0 auto}.auth-panel,.plain-panel,.order-panel,.profile-card,.member-card,.cart-item,.order-card,.bank-card{border:1px solid rgba(143,156,184,.16);border-radius:18px;background:#ffffffd1;box-shadow:0 12px 28px #495c8c12}.auth-panel{padding:18px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:18px;background:#eef3fb}.segmented button,.tab-scroll button{min-height:38px;border-radius:14px;color:#657086;background:transparent;font-size:13px;font-weight:800}.segmented .active,.tab-scroll .active{color:#fff;background:#4a80f0}.form-stack{display:grid;gap:14px;margin-top:18px}.form-stack label{display:grid;gap:7px;color:#59667c;font-size:12px;font-weight:800}.form-stack input,.form-stack select,.form-stack textarea{width:100%;min-height:46px;border:1px solid transparent;border-radius:16px;outline:0;padding:0 14px;color:#162033;background:#f3f7fc;font-size:16px}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:#94b7ff;background:#fff}.review-rating-stars{display:flex;align-items:center;gap:6px;min-height:46px;padding:0 10px;border-radius:16px;background:#f3f7fc}.review-rating-stars button{width:30px;height:34px;color:#d8deeb;background:transparent;font-size:28px;line-height:1;font-weight:500;transform:translateY(-1px);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.review-rating-stars button:active,.review-rating-stars button:focus,.review-rating-stars button:focus-visible{outline:0;background:transparent;box-shadow:none;transform:translateY(-1px)}.review-rating-stars button.active{color:#f6bc32}.review-rating-stars strong{margin-left:auto;color:#5c687c;font-size:13px;font-weight:800;white-space:nowrap}.inline-input{display:grid;grid-template-columns:1fr auto;gap:8px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;align-items:center}.inline-input button,.ghost-btn,.secondary-btn{min-height:36px;border-radius:13px;padding:0 12px;color:#4a80f0;background:#edf4ff;font-size:12px;font-weight:900}.captcha-image{display:grid;place-items:center;min-height:48px;border-radius:17px;overflow:hidden;color:#4a80f0;background:#edf4ff;font-size:13px;font-weight:900}.captcha-image img{width:100%;height:48px;display:block;object-fit:cover}.required{margin-left:4px;color:#c93d54;font-size:11px}.check-row{grid-template-columns:auto 1fr;align-items:start}.check-row input{width:16px;min-height:16px;margin-top:2px}.agreement-check-row{margin-top:2px;color:#6f7e94;font-size:12px;line-height:1.7}.agreement-check-row span{display:block}.inline-agreement-link{display:inline;width:auto;min-height:0;margin:0;padding:0;color:#3f79ed;background:transparent;font-size:inherit;font-weight:900;vertical-align:baseline}.withdraw-bank-card{display:grid;gap:8px;margin-bottom:2px;padding:12px;border:1px solid rgba(74,128,240,.14);border-radius:16px;background:linear-gradient(135deg,#fffffff5,#eef5ffe6);box-shadow:0 10px 24px #495c8c0f}.withdraw-bank-select{display:grid;gap:5px;width:100%;min-height:0;padding:0;color:inherit;background:transparent;text-align:left}.withdraw-bank-select:after{content:"更换";justify-self:end;grid-row:1 / span 4;align-self:center;border-radius:999px;padding:5px 9px;color:#4a80f0;background:#edf4ff;font-size:11px;font-weight:900}.withdraw-bank-card small{color:#7f8ba0;font-size:11px;line-height:1.5}.withdraw-bank-select>span,.withdraw-bank-card div span{color:#6f7e94;font-size:12px;font-weight:900}.withdraw-bank-card strong{color:#162033;font-size:16px;font-weight:900}.withdraw-bank-select p,.withdraw-bank-select em,.withdraw-bank-card.is-empty p{margin:0;color:#8b96aa;font-size:11px;font-style:normal;line-height:1.5}.withdraw-bank-card.is-empty{grid-template-columns:1fr auto;align-items:center}.withdraw-bank-card.is-empty button{width:auto;min-height:34px;padding:0 12px;border-radius:12px;font-size:12px}.primary-btn{width:100%;min-height:40px;border-radius:14px;color:#fff;background:#4a80f0;font-size:13px;font-weight:900;box-shadow:0 10px 22px #4a80f033}.form-hint,.inline-note{margin:0;color:#8792a5;font-size:11px;line-height:1.7}.link-btn{padding:0;color:#4a80f0;background:transparent;font-size:inherit;font-weight:900}.client-shell{display:grid;place-items:center;padding:0}.phone-screen{position:relative;width:100vw;max-width:430px;min-height:100dvh;overflow:hidden;background:#eef4ff;box-shadow:0 0 0 1px #8f9cb814}.page-content{height:calc(100dvh - 76px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}.page{padding:16px 16px 100px}.page-home{padding-top:16px;background:#eef4ff}.top-search,.page-header,.panel-title,.cart-footer,.sheet-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-box{flex:1;display:flex;align-items:center;gap:10px;min-height:44px;border-radius:22px;padding:0 16px;color:#8a95a8;text-align:left;background:#ffffffdb;font-size:14px;font-weight:800}.search-glyph{width:16px;height:16px;border:2px solid #a1abbc;border-radius:50%;position:relative;flex:0 0 auto}.search-glyph:after{content:"";position:absolute;width:7px;height:2px;right:-6px;bottom:-3px;border-radius:99px;background:#a1abbc;transform:rotate(45deg)}.icon-btn{width:44px;height:44px;border-radius:22px;color:#4a80f0;background:#fff;font-weight:900}.bell-btn{position:relative}.bell-btn span{display:block;width:19px;height:19px;margin:auto;border:2px solid #4f5d72;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:0;position:relative}.bell-btn span:before{content:"";position:absolute;left:3px;right:3px;bottom:-7px;height:3px;border-radius:99px;background:#4f5d72}.bell-btn span:after{content:"";position:absolute;right:-7px;top:-8px;width:8px;height:8px;border-radius:50%;background:#e36c66;box-shadow:0 0 0 2px #fff;opacity:0}.bell-btn.has-unread span:after{opacity:1}.bell-btn b{position:absolute;top:-2px;right:-4px;min-width:18px;height:18px;border:2px solid #fff;border-radius:999px;padding:0 4px;color:#fff;background:#4a80f0;font-size:9px;line-height:14px;text-align:center;box-shadow:0 8px 16px #4a80f03d}.ticker{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:12px;padding:0 2px;color:#43516a;background:transparent;text-align:left;font-size:13px}.ticker span{flex:0 0 auto;border-radius:10px;padding:3px 7px;color:#fff;background:#4a80f0;font-size:11px;font-weight:900}.ticker-track{position:relative;flex:1;min-width:0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.ticker-track strong{display:inline-block;min-width:100%;padding-right:42px;color:#536077;font-weight:900;animation:ticker-marquee 14s linear infinite;will-change:transform}.ticker.muted{justify-content:flex-start;color:#7d899d}@keyframes ticker-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.home-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.home-topbar-actions{display:flex;align-items:center;gap:8px}.home-customer-btn{display:grid;place-items:center;color:#536179}.home-customer-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-logo{display:grid;place-items:center;width:fit-content;min-width:86px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#4a80f0,#20bd85);font-size:13px;font-weight:900;box-shadow:0 12px 22px #4a80f038}.home-search{width:100%;min-height:48px;border-radius:24px;padding:0 18px;background:#fffffff0;box-shadow:0 12px 26px #495c8c12}.point-carousel,.banner-row,.product-strip{display:flex;gap:10px;margin:18px -16px 0 0;padding-right:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.point-carousel::-webkit-scrollbar,.banner-row::-webkit-scrollbar,.product-strip::-webkit-scrollbar,.zone-strip::-webkit-scrollbar,.tab-scroll::-webkit-scrollbar{display:none}.point-card{display:grid;align-content:start;gap:4px;width:132px;min-width:132px;min-height:72px;border-radius:14px;padding:10px 12px;color:#fff;text-align:left;scroll-snap-align:start;box-shadow:0 12px 22px #3c538824}.point-card span,.point-card small{opacity:.84}.point-card span{font-size:11px}.point-card small{font-size:10px}.point-card strong{overflow:hidden;font-size:16px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.point-card.orange{background:linear-gradient(135deg,#f28a36,#f05f45)}.point-card.blue{background:linear-gradient(135deg,#4a80f0,#6fa1ff)}.point-card.green{background:linear-gradient(135deg,#20bd85,#37cf9a)}.point-card.purple{background:linear-gradient(135deg,#7b69f1,#a574f4)}.quick-access-shell{--quick-collapsed-height: 70px;--quick-expanded-height: 146px;height:var(--quick-collapsed-height);margin:16px -2px 0;overflow:hidden;transition:height .28s cubic-bezier(.22,1,.36,1)}.quick-access-shell.expanded{height:var(--quick-expanded-height)}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 4px;min-width:0;padding:0 2px 6px}.quick-entry{display:grid;width:100%;min-width:0;align-content:start;justify-items:center;gap:6px;padding:0;color:#5d687b;background:transparent;font-size:11px;font-weight:900}.quick-entry b{display:block;max-width:100%;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.quick-entry-extra{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s}.quick-access-shell.expanded .quick-entry-extra{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s}.quick-entry-toggle .quick-icon{background:#f1f4fa;box-shadow:inset 0 0 0 1px #919db314}.quick-entry-toggle .quick-icon svg{stroke:#738096;stroke-width:1.8}.quick-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dfeaff;box-shadow:0 10px 20px #637aa41a}.quick-icon svg{width:24px;height:24px;fill:none;stroke:#4a80f0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.quick-icon.share{background:#ffe6c4}.quick-icon.share svg{stroke:#ec7b28}.quick-icon.check{background:#d7f7df}.quick-icon.check svg{stroke:#32aa70}.quick-icon.bill{background:#e5efff}.quick-icon.bill svg{stroke:#4a80f0}.quick-icon.recharge{background:#ffe9ed}.quick-icon.recharge svg{stroke:#e65373}.quick-icon.convert{background:#eee9ff}.quick-icon.convert svg{stroke:#7657dd}.quick-icon.withdraw{background:#e1f5ec}.quick-icon.withdraw svg{stroke:#249665}.quick-icon.task{background:#e7f1ff}.quick-icon.task svg{stroke:#3e72dc}.banner{position:relative;display:grid;align-content:end;width:100%;min-height:96px;margin-top:20px;border-radius:22px;overflow:hidden;padding:18px;color:#fff;text-align:left;background:linear-gradient(135deg,#4a80f0,#20bd85)}.banner-row .banner{min-width:250px;margin-top:0}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(18,29,52,.46))}.task-play-banner{min-height:94px;background:radial-gradient(circle at 82% 44%,rgba(255,255,255,.26),transparent 0 72px),linear-gradient(135deg,#4a80f0,#5d6df4 58%,#20bd85);box-shadow:0 14px 28px #4a80f01f}.task-play-banner:before{content:"";position:absolute;top:50%;right:24px;width:76px;height:76px;transform:translateY(-50%);opacity:.8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='24' y='14' width='48' height='68' rx='12' fill='none' stroke='white' stroke-opacity='.88' stroke-width='6'/%3E%3Crect x='36' y='8' width='24' height='14' rx='7' fill='white' fill-opacity='.55'/%3E%3Cpath d='M36 37h24M36 52h18M36 67h24' stroke='white' stroke-opacity='.9' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M27 37l5 5 8-10' fill='none' stroke='white' stroke-opacity='.95' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='70' cy='68' r='12' fill='white' fill-opacity='.22'/%3E%3Cpath d='M65 68l4 4 8-10' fill='none' stroke='white' stroke-opacity='.95' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.task-play-banner:after{background:linear-gradient(90deg,#121d3433,#121d340a)}.banner span,.banner strong{position:relative;z-index:1}.task-play-banner span{font-size:22px;font-weight:900}.task-play-banner strong{display:block;margin-top:7px;color:#ffffffdb;font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-top:19px}.section-head h2,.plain-panel h2,.order-panel h2,.panel-title h2{margin:0;font-size:16px;letter-spacing:0}.flash-sale-title{display:flex;align-items:center;min-width:0;gap:9px}.flash-sale-countdown{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.flash-sale-countdown b{display:grid;place-items:center;min-width:25px;height:20px;padding:0 5px;border-radius:5px;color:#fff;background:#171c27;font-size:11px;font-variant-numeric:tabular-nums;line-height:1}.flash-sale-countdown i{color:#171c27;font-size:11px;font-style:normal;font-weight:900}.section-head button,.section-head span,.panel-title button,.panel-title span{color:#4a80f0;background:transparent;font-size:12px;font-weight:900}.zone-strip,.tab-scroll{display:flex;gap:9px;margin-top:11px;overflow-x:auto}.tab-scroll{width:calc(100% + 16px);margin-right:-16px;padding-right:16px;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.tab-scroll button{flex:0 0 auto;min-width:max-content;min-height:34px;padding:0 13px;line-height:1;white-space:nowrap;word-break:keep-all;scroll-snap-align:start}.category-scroll{display:flex;width:calc(100% + 16px);gap:8px;margin-top:10px;margin-right:-16px;padding-right:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.category-scroll::-webkit-scrollbar{display:none}.category-scroll button{display:inline-flex;align-items:center;flex:0 0 auto;min-height:30px;gap:6px;border:1px solid rgba(133,160,216,.16);border-radius:999px;padding:0 12px;color:#657086;background:#ffffffc2;font-size:12px;font-weight:800;white-space:nowrap}.category-scroll button small{color:#9aa6b8;font-size:10px;font-weight:800}.category-scroll button.active{border-color:#4a80f02e;color:#356de1;background:#eaf1ff}.category-scroll button.active small{color:#5f88e8}.zones-page{position:relative}.catalog-selector-block{position:relative;margin-top:10px}.catalog-selector-block.expanded{z-index:42}.catalog-selector-row{display:flex;align-items:center;gap:7px}.catalog-selector-strip.tab-scroll,.catalog-selector-strip.category-scroll{flex:1;width:auto;min-width:0;margin:0;padding:0;gap:6px}.catalog-selector-strip.tab-scroll>button,.catalog-selector-strip.category-scroll>button{flex:0 0 calc((100% - 18px)/4);min-width:0;min-height:32px;justify-content:center;border-radius:8px;padding:0 6px;overflow:hidden}.catalog-selector-strip button span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-expand-button{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(133,160,216,.14);border-radius:50%;color:#7c8799;background:#ffffffe6;box-shadow:0 5px 14px #475b8412}.catalog-expand-button svg,.catalog-expanded-head button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.catalog-selector-backdrop{position:fixed;inset:0;z-index:40;background:#141d2e61}.catalog-expanded-panel{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:43;border-radius:14px;padding:13px;background:#fff;box-shadow:0 18px 42px #1e2c482e}.catalog-expanded-head{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:10px}.catalog-expanded-head strong{color:#202a3d;font-size:16px;font-weight:800}.catalog-expanded-head button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#7c8799;background:#f5f7fb}.catalog-expanded-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.catalog-expanded-grid button{min-width:0;min-height:36px;border:1px solid transparent;border-radius:8px;padding:0 8px;overflow:hidden;color:#445066;background:#f5f7fb;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.catalog-expanded-grid button.active{border-color:#4a80f066;color:#356de1;background:#eaf1ff}.order-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:0 16px;overflow:visible}.order-tabs button{min-width:0;min-height:38px;padding:0 1px;font-size:10px;line-height:1;white-space:nowrap;word-break:keep-all}.zone-pill{min-width:114px;min-height:66px;border-radius:16px;padding:10px 12px;color:#253148;background:#fff;text-align:left}.zone-pill b{display:block;overflow:hidden;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.zone-pill span{display:block;margin-top:3px;color:#8b95a7;font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.search-panel{display:grid;gap:14px;width:100%;min-width:0;align-content:start}.search-input-row{display:grid;grid-template-columns:18px minmax(0,1fr) 64px;align-items:center;gap:10px;width:100%;height:56px;min-width:0;max-width:100%;border-radius:22px;padding:8px 8px 8px 15px;background:#fff;box-shadow:0 12px 28px #495c8c14;overflow:visible}.search-input-row .search-glyph{width:15px;height:15px}.search-input-row input{width:100%;min-width:0;height:40px;min-height:0;border:0;outline:0;padding:0;color:#111827;background:transparent;font-size:14px;font-weight:800}.search-input-row input::placeholder{color:#a2acbb}.search-input-row button{width:64px;height:40px;border-radius:19px;padding:0;color:#fff;background:linear-gradient(135deg,#4a80f0,#5f76f0);box-shadow:0 10px 20px #4a80f038;font-size:13px;font-weight:900}.search-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.search-result-head h2{margin:0;color:#111827;font-size:18px;line-height:1.2}.search-result-head span{color:#4a80f0;font-size:12px;font-weight:900}.product-strip{margin-top:11px}.product-mini{display:block;width:104px;min-width:104px;padding:0;color:#1a2538;background:transparent;text-align:left;scroll-snap-align:start}.mini-image{position:relative;display:grid;place-items:center;width:104px;height:104px;border:5px solid #fff;border-radius:15px;overflow:hidden;color:#9ca8bb;background:#fff;box-shadow:0 14px 30px #495c8c17}.mini-image img{width:100%;height:100%;object-fit:cover}.product-mini h3{margin:7px 0 2px;overflow:hidden;color:#1a2538;font-size:11px;font-weight:900;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.product-mini strong{color:#e65349;font-size:13px}.product-card{position:relative;display:grid;grid-template-rows:auto auto;gap:8px;overflow:hidden;border-radius:16px;padding:12px;background:#fff;box-shadow:0 12px 28px #495c8c12}.product-main{display:grid;width:100%;padding:0;color:inherit;background:transparent;text-align:left}.product-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;color:#9ca8bb;background:#f4f7fb}.product-image img,.mini-image img,.cart-thumb img,.detail-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.product-image img,.mini-image img{position:absolute;inset:0;z-index:1}.image-fallback{z-index:0;color:#9ca8bb;font-size:11px;font-weight:900}.product-image i,.mini-image i{position:absolute;z-index:2;top:7px;left:7px;max-width:calc(100% - 16px);overflow:hidden;border-radius:7px;padding:2px 6px;color:#4a80f0;background:#ffffffe6;box-shadow:0 6px 14px #4a80f01f;font-size:9px;font-style:normal;font-weight:900;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mini-image i{top:7px;left:7px;padding:2px 6px;font-size:8px}.product-info{display:grid;grid-template-rows:auto auto;padding:0}.product-info h3,.cart-main h3,.order-card h3,.ledger-row h3,.recharge-row h3{margin:0;overflow:hidden;color:#1a2538;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.product-info p,.cart-main p,.order-card p,.plain-panel p{margin:3px 0 0;color:#828da0;font-size:11px}.product-info h3{font-size:12px}.product-info p{overflow:hidden;max-width:100%;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.product-buy-row{display:flex;justify-content:space-between;align-items:center;padding:0}.product-buy-row strong{color:#4a80f0;font-size:15px;line-height:1}.product-buy-row button{display:grid;place-items:center;position:relative;width:18px;height:18px;border-radius:50%;color:#4a80f0;background:#fff;box-shadow:inset 0 0 0 1.5px #4a80f0d1;font-size:0;line-height:0}.product-buy-row button:before,.product-buy-row button:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1.5px;border-radius:99px;background:currentColor;transform:translate(-50%,-50%)}.product-buy-row button:after{transform:translate(-50%,-50%) rotate(90deg)}.zone-banner,.member-card,.profile-card{margin-top:14px;padding:15px}.zone-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:20px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#4a80f0,#7657dd)}.zone-banner>div{position:relative;z-index:1;display:grid;gap:4px;min-width:0}.zone-banner strong{font-size:20px;line-height:1.15}.zone-banner span,.zone-banner small{font-size:12px}.zone-banner small{opacity:.86}.zone-banner-icon{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;color:#ffffff52;font-style:normal}.zone-banner-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}.member-card,.profile-card{display:flex;align-items:center;gap:12px}.member-card.member-hero{align-items:stretch;flex-direction:column;gap:12px;border-radius:22px;padding:16px;background:linear-gradient(135deg,#4a80f0f5,#20bd85e0),#4a80f0;color:#fff}.member-top{display:flex;align-items:center;gap:12px}.member-hero .avatar{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff38}.member-hero h2,.member-hero p{color:#fff}.member-hero p{opacity:.82}.member-hero .badge-row span{color:#fff;background:#ffffff2e}.member-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.member-summary-row div{min-height:58px;border-radius:15px;padding:9px;background:#ffffff29}.member-summary-row span{display:block;opacity:.8;font-size:11px}.member-summary-row strong{display:block;margin-top:5px;overflow:hidden;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.member-center-page{padding:18px 20px 104px;background:linear-gradient(180deg,#edf4ff,#f4f8ff 42%,#eef4ff)}.member-center-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.member-center-title h1{margin:0;color:#101828;font-size:20px;line-height:1.2}.member-center-title span,.member-center-title button{color:#98a2b3;font-size:12px;font-weight:800}.member-center-title button{border-radius:999px;padding:7px 12px;color:#4a80f0;background:#ffffffd1;box-shadow:0 8px 20px #495c8c0f}.member-center-title button.loading{color:#8e98a8}.member-hero-panel,.member-section-card{margin-top:18px;border-radius:24px;border:1px solid rgba(133,160,216,.13);background:#ffffffe6;box-shadow:0 12px 28px #495c8c12}.member-hero-panel{padding:18px;background:linear-gradient(135deg,#fffffff5,#f1f7ffeb),linear-gradient(135deg,#4a80f014,#20bd850f)}.member-identity-row{display:flex;align-items:center;gap:12px}.member-avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;overflow:hidden;border:3px solid #fff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4a80f0,#20bd85);box-shadow:0 10px 24px #2d4c8229;font-size:15px;font-weight:900}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-identity-main{flex:1 1 auto;min-width:0}.member-identity-main h2{margin:0;overflow:hidden;color:#111827;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.member-level-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.member-level-tags span{border-radius:999px;padding:3px 8px;color:#fff;background:#4a80f0;font-size:10px;font-weight:900;line-height:1.1}.member-level-tags span.team{color:#2f6df6;background:#edf4ff}.member-month-new{flex:0 0 auto;min-width:58px;border-radius:16px;padding:8px 10px;text-align:center;background:#edf4ffd1}.member-month-new small,.member-month-new b{display:block;line-height:1.1}.member-month-new small{color:#8a94a6;font-size:10px;font-weight:800}.member-month-new b{margin-top:5px;color:#4a80f0;font-size:16px;font-weight:900}.member-level-block{margin-top:14px;border-top:1px solid rgba(133,160,216,.14);padding:14px 0 0;background:transparent;box-shadow:none}.member-level-block p,.member-level-line span,.member-level-line small,.member-progress-labels,.member-direct-progress-row span{color:#8a94a6;font-size:11px;font-weight:800}.member-level-block p{margin:0}.member-level-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px}.member-level-line strong{display:block;color:#0f172a;font-size:20px;line-height:1.1}.member-level-line span{display:block;margin-top:4px}.member-level-line b{display:block;margin-top:2px;color:#4a80f0;font-size:16px;line-height:1.1}.member-progress{height:6px;margin-top:12px;overflow:hidden;border-radius:999px;background:#eef3fb}.member-progress i{display:block;height:100%;border-radius:inherit;background:#4a80f0}.member-progress.direct i{background:#47be87}.member-progress-labels,.member-direct-progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.member-progress-labels span,.member-direct-progress-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-direct-progress-row{margin-top:13px}.member-direct-progress-row b{flex:0 0 auto;color:#22a06b;font-size:12px;font-weight:900}.member-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.member-stat-card{position:relative;min-height:94px;border-radius:20px;padding:16px 34px 14px 16px;text-align:left;background:#ffffffdb;box-shadow:inset 0 0 0 1px #85a0d81c,0 10px 24px #495c8c0a}.member-stat-card:nth-child(1){background:linear-gradient(135deg,#ffffffeb,#ebf3ffe6)}.member-stat-card:nth-child(2){background:linear-gradient(135deg,#ffffffeb,#eef8f4e6)}.member-stat-card:nth-child(3){background:linear-gradient(135deg,#ffffffeb,#f5f1ffe6)}.member-stat-card:nth-child(4){background:linear-gradient(135deg,#ffffffeb,#fff6ebe6)}.member-stat-card span,.member-reward-card span{display:block;color:#8b95a5;font-size:12px;font-weight:800}.member-stat-card strong{display:block;margin-top:8px;color:#0f172a;font-size:19px;line-height:1.1}.member-stat-card small,.member-reward-card small{display:block;margin-top:9px;overflow:hidden;color:#9aa4b2;font-size:11px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.member-stat-card i,.member-reward-card i{position:absolute;top:50%;right:15px;width:8px;height:8px;border-top:2px solid #c7cfdb;border-right:2px solid #c7cfdb;transform:translateY(-50%) rotate(45deg)}.member-section-card{padding:20px;background:#ffffffe0}.member-section-card.collapsed{padding-bottom:18px}.member-section-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:14px}.member-section-card.collapsed .member-section-head{margin-bottom:0}.member-section-title-toggle{display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;padding:0;color:#111827;background:transparent;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.member-section-title-toggle:active{color:#111827;background:transparent;box-shadow:none;transform:none}.member-section-title-toggle span{margin:0;color:#111827;font-size:17px;font-weight:600;line-height:1.2}.member-section-arrow{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;margin-left:0;padding:0;background:transparent;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.member-section-arrow:active{background:transparent;box-shadow:none;transform:none}.member-section-arrow i{width:8px;height:8px;border-right:2px solid #c7cfdb;border-bottom:2px solid #c7cfdb;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.member-section-card.collapsed .member-section-arrow i{transform:rotate(-45deg)}.member-section-action{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:18px}.member-section-action span,.member-section-action button,.member-section-head>span,.member-section-head>button{color:#8e98a8;font-size:12px;font-weight:800}.member-section-action button,.member-section-head>button{padding:0;color:#4a80f0;background:transparent;box-shadow:none}.member-section-action .member-section-link{color:#4a80f0}.member-lp-card{display:grid;gap:16px;margin-top:16px;border-radius:18px;padding:16px 16px 14px;background:radial-gradient(circle at 50% 10%,rgba(255,255,255,.7),transparent 0 92px),linear-gradient(135deg,#4a80f024,#20bd851f),#f8fafcf5;box-shadow:inset 0 0 0 1px #7191ca1f}.member-lp-price{display:grid;justify-items:center;gap:5px;text-align:center}.member-lp-price span,.member-lp-pools span{color:#7f8a9d;font-size:11px;font-weight:800}.member-lp-price strong{color:#142033;font-size:26px;line-height:1.05;font-weight:900}.member-lp-pools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-lp-pools div{min-width:0;border-radius:14px;padding:10px 12px;background:#ffffffbd}.member-lp-pools div:last-child{text-align:right}.member-lp-pools strong{display:block;margin-top:4px;overflow:hidden;color:#1f2b41;font-size:15px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.member-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-reward-card{position:relative;min-height:88px;border-radius:15px;padding:14px 30px 12px 14px;text-align:left;background:#f8fafc;box-shadow:inset 0 0 0 1px #85a0d814}.member-reward-card.green{background:linear-gradient(135deg,#f8fafcfa,#ebf9f3f2)}.member-reward-card.blue{background:linear-gradient(135deg,#f8fafcfa,#ebf3fff2)}.member-reward-card.purple{background:linear-gradient(135deg,#f8fafcfa,#f3f0fff2)}.member-reward-card.orange{background:linear-gradient(135deg,#f8fafcfa,#fff6ebf2)}.member-reward-card strong{display:block;margin-top:10px;font-size:18px;line-height:1.1}.member-reward-card.green strong{color:#34a779}.member-reward-card.blue strong{color:#3f73f6}.member-reward-card.purple strong{color:#7a62f4}.member-reward-card.orange strong{color:#ef7c3b}.member-benefit-list,.member-record-list{display:grid;gap:10px}.member-benefit-rule{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:12px;min-height:68px;border-radius:14px;padding:12px;background:linear-gradient(135deg,#f8fafc,#f2f7ff);box-shadow:inset 0 0 0 1px #85a0d814}.member-benefit-rule.active{background:linear-gradient(135deg,#edf5ff,#eefaf5);box-shadow:inset 0 0 0 1px #4a80f02e}.member-benefit-rule strong{display:flex;align-items:center;gap:6px;min-width:0;color:#111827;font-size:14px;line-height:1.2}.member-benefit-rule strong span{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:28px;margin:0;border-radius:999px;padding:3px 7px;color:#4a80f0;background:#eef4ff;font-size:11px;font-weight:900}.member-benefit-rule em{display:inline-flex;width:max-content;margin-top:7px;border-radius:999px;padding:2px 7px;color:#fff;background:#4a80f0;font-style:normal;font-size:10px;font-weight:900}.member-benefit-rule span{display:block;margin-top:6px;min-width:0;overflow:hidden;color:#9aa4b2;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.member-benefit-rule dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;text-align:center}.member-benefit-rule dt,.member-benefit-rule dd{margin:0}.member-benefit-rule dt{color:#a1aabc;font-size:10px;font-weight:900}.member-benefit-rule dd{margin-top:3px;color:#111827;font-size:12px;font-weight:900}.member-record-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:88px;border-radius:18px;padding:14px 16px;text-align:left;background:linear-gradient(135deg,#f8fafc,#f3f8ff);box-shadow:inset 0 0 0 1px #85a0d814}.member-record-row div{min-width:0}.member-record-row strong{color:#111827;font-size:14px;line-height:1.2}.member-record-row em{display:inline-flex;margin-left:6px;border-radius:999px;padding:2px 7px;color:#4a80f0;background:#eef4ff;font-style:normal;font-size:10px;font-weight:900}.member-record-row span,.member-record-row small{display:block;margin-top:7px;overflow:hidden;color:#778295;font-size:12px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.member-record-row small{color:#9aa4b2;font-size:10px}.member-record-row b{flex:0 1 104px;min-width:72px;color:#34a779;font-size:14px;line-height:1.2;overflow-wrap:anywhere;text-align:right}.member-structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.member-structure-item{min-height:91px;border-radius:15px;padding:12px 10px;text-align:left;background:linear-gradient(135deg,#f8fafc,#f4f8ff);box-shadow:inset 0 0 0 1px #85a0d814;transition:transform .16s ease,box-shadow .16s ease}.member-structure-item:active{transform:scale(.98);box-shadow:inset 0 0 0 1px #4a80f01f}.member-structure-item span{display:inline-block;max-width:calc(100% - 28px);overflow:hidden;color:#9aa4b2;font-size:10px;font-weight:800;line-height:1.2;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.member-structure-item b{float:right;color:#4a80f0;font-size:10px;line-height:1.2}.member-structure-item strong,.member-structure-item small{display:block;clear:both}.member-structure-item strong{margin-top:10px;color:#111827;font-size:13px;line-height:1.2}.member-structure-item small{margin-top:7px;color:#707b8d;font-size:11px;font-weight:800}.member-stat-grid .empty,.member-reward-grid .empty,.member-benefit-list .empty,.member-record-list .empty,.member-structure-grid .empty{grid-column:1 / -1}.member-detail-sheet{min-width:0;max-width:100%;overflow-x:hidden;background:#eef4ff}.member-detail-header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:72px;padding:12px 20px;background:#fff}.member-detail-header button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f7f9fc}.member-detail-header button:before{content:"";width:9px;height:9px;border-left:2px solid #111827;border-bottom:2px solid #111827;transform:rotate(45deg)}.member-detail-header strong{overflow:hidden;color:#050b18;font-size:17px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.member-people-body{padding:20px 20px 96px}.member-detail-summary-card{min-width:0;max-width:100%;border-radius:24px;overflow:hidden;padding:19px 20px;color:#fff;background:linear-gradient(135deg,#4f83f2,#6572ef);box-shadow:none}.member-detail-summary-card span{display:block;opacity:.78;font-size:12px;font-weight:900}.member-detail-summary-card strong{display:block;max-width:100%;margin-top:12px;overflow:hidden;font-size:25px;line-height:1.1;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.member-detail-summary-card.reward{background:linear-gradient(135deg,#26b27f,#4f83f2)}.member-detail-search{position:relative;display:block;width:100%;min-width:0;max-width:100%;margin-top:16px}.member-detail-search:before{content:"";position:absolute;top:50%;left:17px;width:13px;height:13px;border:2px solid #9aa5b5;border-radius:50%;transform:translateY(-50%)}.member-detail-search:after{content:"";position:absolute;top:calc(50% + 7px);left:29px;width:7px;height:2px;border-radius:999px;background:#9aa5b5;transform:rotate(45deg)}.member-detail-search input{width:100%;height:44px;min-width:0;border-radius:15px;padding:0 16px 0 44px;color:#111827;background:#fff;font-size:13px;font-weight:800}.member-detail-search input::placeholder{color:#a2acbb}.member-detail-search button{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.member-reward-filter-row{display:flex;width:100%;min-width:0;max-width:100%;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.member-reward-filter-row::-webkit-scrollbar{display:none}.member-reward-filter-row button{flex:0 0 auto;border-radius:999px;padding:7px 13px;color:#7b8798;background:#ffffffd1;font-size:12px;font-weight:900}.member-reward-filter-row button.active{color:#fff;background:#4a80f0}.member-detail-count{margin:10px 0 0;color:#9aa4b2;font-size:11px;font-weight:800}.member-people-list{display:grid;gap:15px;margin-top:20px}.member-people-row{border-radius:22px;padding:16px;background:#fff;box-shadow:none}.member-people-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.member-people-row-head div{min-width:0}.member-people-row-head h3,.member-people-row-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-people-row-head h3{margin:0;color:#111827;font-size:15px;line-height:1.2}.member-people-row-head h3 i{display:inline-flex;margin-left:5px;border-radius:6px;padding:2px 5px;color:#4a80f0;background:#edf4ff;font-style:normal;font-size:9px;font-weight:900;vertical-align:2px}.member-people-row-head span{margin-top:7px;color:#738095;font-size:12px;font-weight:800}.member-people-row-head em{flex:0 0 auto;border-radius:999px;padding:5px 9px;color:#a1aabc;background:#f2f4f8;font-style:normal;font-size:10px;font-weight:900}.member-people-row-head em.active{color:#25a970;background:#eaf8f1}.member-people-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.member-people-metrics div{min-width:0;border-radius:15px;padding:12px 14px;background:#f8fafc}.member-people-metrics span{display:block;color:#a0aabc;font-size:11px;font-weight:800}.member-people-metrics strong{display:block;margin-top:8px;overflow:hidden;color:#030712;font-size:14px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.member-load-more{width:100%;height:44px;margin-top:16px;border-radius:16px;color:#4a80f0;background:#fff;font-size:13px;font-weight:900}.member-reward-detail-list{display:grid;width:100%;min-width:0;max-width:100%;gap:13px;margin-top:18px}.member-reward-detail-row{display:flex;width:100%;min-width:0;max-width:100%;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:22px;overflow:hidden;padding:16px;background:#fff}.member-reward-detail-row>div{flex:1 1 auto;width:0;min-width:0}.member-reward-detail-row h3{margin:0;overflow:hidden;color:#111827;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.member-reward-detail-row h3 i{display:inline-flex;margin-left:6px;border-radius:6px;padding:2px 6px;color:#4a80f0;background:#edf4ff;font-style:normal;font-size:9px;font-weight:900;vertical-align:2px}.member-reward-detail-row span,.member-reward-detail-row p,.member-reward-detail-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-reward-detail-row span{margin-top:8px;color:#738095;font-size:12px;font-weight:800}.member-reward-detail-row p{margin:8px 0 0;color:#8c96a6;font-size:12px;font-weight:700}.member-reward-detail-row small{margin-top:10px;color:#a0aabc;font-size:10px;font-weight:800}.member-reward-detail-row>strong{flex:0 0 auto;min-width:0;max-width:34%;overflow:hidden;color:#28a873;font-size:14px;line-height:1.2;text-overflow:ellipsis;text-align:right;white-space:nowrap}.avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#4a80f0,#20bd85);font-weight:900}.avatar.large{width:54px;height:54px}.member-card h2,.profile-card h2{margin:0;font-size:17px}.member-card p,.profile-card p{margin:4px 0 0;color:#7f8ba0;font-size:12px}.profile-page{display:flex;flex-direction:column;min-height:100%;padding:18px 20px;background:#eef4ff}.profile-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-title h1{margin:0;color:#101828;font-size:20px;line-height:1.2}.profile-address-shortcut{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#527fea;background:#ffffffc2;box-shadow:0 8px 18px #495c8c17}.profile-address-shortcut svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-hero-card,.profile-section-card{margin-top:26px;border-radius:28px;background:#fff;box-shadow:0 14px 32px #495c8c0d}.profile-hero-card{padding:26px 28px 24px}.profile-identity{display:flex;align-items:center;gap:16px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;flex:0 0 auto;border:3px solid #fff;border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 18%,#f0c7a0 0 12px,transparent 13px),linear-gradient(145deg,#29364e 0 50%,#8ea5c2 51% 100%);box-shadow:0 8px 18px #495c8c29;font-size:12px;font-weight:900;overflow:hidden}.profile-avatar img,.settings-avatar img{width:100%;height:100%;object-fit:cover}.profile-name-block h2{margin:0;color:#101828;font-size:17px;line-height:1.2}.profile-badges{display:flex;align-items:center;gap:8px;margin-top:7px}.profile-badges span{border-radius:999px;padding:3px 8px;color:#fff;background:#4a80f0;font-size:10px;font-weight:900;line-height:1.2}.profile-badges span.team{color:#4a80f0;background:#edf4ff}.profile-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:30px}.profile-stat-row div,.profile-stat-row button{display:grid;justify-items:center;gap:6px;min-width:0;color:inherit;background:transparent}.profile-stat-row strong{overflow:hidden;max-width:100%;color:#111827;font-size:16px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.profile-stat-row span{color:#98a2b3;font-size:10px}.profile-stat-row button:active{transform:translateY(1px)}.profile-section-card{padding:20px 18px}.profile-section-card .panel-title{align-items:center}.profile-section-card .panel-title h2{margin:0;color:#111827;font-size:17px}.profile-section-card .panel-title button,.profile-section-card .panel-title span{color:#98a2b3;font-size:12px;font-weight:800}.profile-section-title-toggle{display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;padding:0;color:#111827;background:transparent;text-align:left}.profile-section-title-toggle h2{line-height:1.2}.profile-section-arrow{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;padding:0;background:transparent}.profile-section-arrow i{width:8px;height:8px;border-right:2px solid #c7cfdb;border-bottom:2px solid #c7cfdb;transform:rotate(-45deg);transition:transform .18s ease}.point-account-card.expanded .profile-section-arrow i{transform:rotate(45deg) translateY(-2px)}.point-account-card.collapsed{padding-bottom:18px}.profile-order-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:22px}.profile-order-grid button{position:relative;display:grid;justify-items:center;gap:9px;min-width:0;min-height:62px;color:#98a2b3;background:transparent;font-size:10px;font-weight:800}.profile-order-grid b{color:#5f6b7b;font-size:10px;font-weight:800;white-space:nowrap}.profile-order-grid em{position:absolute;top:-4px;right:6px;min-width:15px;height:15px;border-radius:999px;padding:0 4px;color:#fff;background:#4a80f0;font-size:9px;font-style:normal;font-weight:900;line-height:15px}.profile-order-icon{display:grid;place-items:center;width:24px;height:24px;color:#98a2b3}.profile-order-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.profile-order-preview{display:none;gap:8px;margin-top:14px}.profile-order-preview.expanded{display:grid}.profile-order-preview-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:14px;padding:8px;color:#172033;background:#f7f9fd;text-align:left}.profile-order-preview-row>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;overflow:hidden;background:#edf2fa}.profile-order-preview-row img{width:100%;height:100%;object-fit:cover}.profile-order-preview-row strong,.profile-order-preview-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-order-preview-row strong{font-size:12px}.profile-order-preview-row small{margin-top:3px;color:#8a95a8;font-size:10px}.profile-order-preview-row b{color:#4a80f0;font-size:12px;white-space:nowrap}.profile-order-toggle{display:grid;place-items:center;width:40px;height:28px;margin:10px auto -4px;border-radius:999px;background:#f3f6fb}.profile-order-toggle span{width:8px;height:8px;border-right:2px solid #98a2b3;border-bottom:2px solid #98a2b3;transform:translateY(-2px) rotate(45deg)}.profile-order-toggle.expanded span{transform:translateY(2px) rotate(225deg)}.profile-tools-card{overflow:hidden;padding:0;margin-bottom:0}.profile-tool-list{display:grid;padding:0 18px}.profile-tool-list button{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;min-height:56px;border-bottom:1px solid #f0f3f8;padding:0;color:#172033;background:transparent;text-align:left}.profile-tool-list button:last-child{border-bottom:0}.profile-tool-list b{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.profile-tool-list i{width:7px;height:7px;justify-self:end;border-top:1.6px solid #c4ccd8;border-right:1.6px solid #c4ccd8;transform:rotate(45deg)}.profile-tool-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;color:#4a80f0;background:transparent}.profile-tool-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.profile-tool-list button:nth-child(2) .profile-tool-icon{color:#8b95a7}.profile-tool-list button:nth-child(3) .profile-tool-icon{color:#22b879}.profile-tool-list button:nth-child(4) .profile-tool-icon{color:#9aa5b7}.profile-point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.profile-point-grid button{position:relative;min-height:62px;border-radius:14px;padding:12px 30px 12px 13px;background:#f7f8fa;text-align:left}.profile-point-grid button:after{content:"";position:absolute;top:50%;right:14px;width:7px;height:7px;border-top:2px solid #c8d0dd;border-right:2px solid #c8d0dd;transform:translateY(-50%) rotate(45deg)}.profile-point-grid span{display:block;overflow:hidden;color:#98a2b3;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.profile-point-grid strong{display:block;margin-top:8px;overflow:hidden;color:#111827;font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.profile-page button,.profile-page [data-action]{-webkit-tap-highlight-color:transparent}.profile-page button:active,.profile-stat-row button:active,.profile-order-grid button:active,.profile-order-preview-row:active,.profile-order-toggle:active,.profile-section-title-toggle:active,.profile-section-arrow:active,.profile-tool-list button:active,.profile-point-grid button:active{transform:none;filter:none}.profile-order-grid button:active,.profile-section-title-toggle:active,.profile-section-arrow:active,.profile-tool-list button:active{background:transparent}.profile-order-preview-row:active{background:#f7f9fd}.profile-order-toggle:active{background:#f3f6fb}.profile-point-grid button:active{background:#f7f8fa}.profile-logout-zone{margin-top:auto;padding-top:66px}.profile-logout-button{width:100%;min-height:38px;border-radius:999px;color:#fff;background:#e34848;box-shadow:0 10px 20px #e3484821;font-size:13px;font-weight:900}.profile-logout-button:active{transform:none;filter:none;background:#e34848}.badge-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.badge-row span{border-radius:999px;padding:3px 7px;color:#4a80f0;background:#edf4ff;font-size:10px;font-weight:900}.metric-grid,.order-status-grid,.point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.metric-card,.order-status-grid button,.point-grid button{min-height:66px;border-radius:16px;padding:11px 12px;text-align:left;background:#fff}.metric-card span,.order-status-grid span,.point-grid span{color:#7e899c;font-size:11px}.metric-card strong,.order-status-grid strong,.point-grid strong{display:block;margin-top:5px;color:#1d2a40;font-size:16px;line-height:1.15}.plain-panel,.order-panel,.menu-list{margin-top:12px;padding:14px}.menu-list{display:grid;overflow:hidden;border-radius:18px;background:#fff;padding:0}.menu-list button{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;color:#1a2538;background:#fff;border-bottom:1px solid #f0f3f8;font-size:13px;font-weight:800}.menu-list span{color:#8894a7;font-size:11px;font-weight:700}.cart-list{display:grid;gap:10px;margin-top:12px}.cart-swipe{position:relative;overflow:hidden;border-radius:18px;background:transparent;isolation:isolate;touch-action:pan-y}.cart-delete{position:absolute;inset:0 0 0 auto;z-index:0;width:72px;border-radius:18px;color:#fff;background:#df4a4a;font-size:13px;font-weight:900;opacity:0;pointer-events:none;transform:translate(10px) scale(.98);transition:opacity .14s ease,transform .18s ease}.cart-swipe.is-swiped .cart-delete,.cart-swipe.is-swiping .cart-delete{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.cart-item{position:relative;z-index:1;display:grid;grid-template-columns:auto 60px 1fr auto;gap:10px;align-items:center;padding:10px;background:#fff;transition:transform .24s cubic-bezier(.2,.8,.2,1);will-change:transform}.cart-swipe.is-dragging .cart-item{transition:none}.cart-item.is-swiped{transform:translate(-72px)}.cart-thumb{width:60px;height:60px;overflow:hidden;border-radius:14px;background:#eef3fb}.qty{display:grid;justify-items:center;gap:4px}.qty button{width:24px;height:24px;border-radius:9px;color:#4a80f0;background:#edf4ff;font-weight:900}.cart-footer{position:sticky;bottom:84px;margin-top:12px;padding:12px;border-radius:18px;background:#ffffffeb;box-shadow:0 16px 40px #495c8c1f}.cart-footer .primary-btn{width:118px}.cart-recommend-section{padding-bottom:110px}.bottom-nav{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(76px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);border-top:1px solid rgba(143,156,184,.16);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav .bottom-task-hall{position:absolute;top:-43px;left:50%;z-index:3;display:grid;width:54px;height:54px;border:0;border-radius:50%;grid-template-rows:21px 10px;place-items:center;align-content:center;gap:1px;color:#386acb;background:linear-gradient(145deg,#ffffffb8,#deebff80);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 0 18px #527fea7a,inset 0 1px #ffffffeb;transform:translate(-50%);animation:task-hall-heartbeat 1.9s ease-in-out infinite}.bottom-nav .bottom-task-hall span{display:grid;width:21px;height:21px;place-items:center}.bottom-nav .bottom-task-hall svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .bottom-task-hall b{display:block;line-height:10px;letter-spacing:0;color:#386acb;font-size:9px;font-weight:800}@keyframes task-hall-heartbeat{0%,to{transform:translate(-50%) translateY(0) scale(1)}42%{transform:translate(-50%) translateY(-4px) scale(1.045)}58%{transform:translate(-50%) translateY(-1px) scale(.99)}}@media(prefers-reduced-motion:reduce){.bottom-nav .bottom-task-hall{animation:none}}.bottom-nav button{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;color:#929baa;background:transparent;font-size:10px;font-weight:900}.nav-dot{display:grid;place-items:center;width:25px;height:25px;color:currentColor;background:transparent}.nav-dot svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .active{color:#4a80f0}.bottom-nav .active .nav-dot{background:transparent}.bottom-nav .active .nav-dot.home svg{fill:currentColor}.bottom-nav em{position:absolute;top:7px;right:20%;min-width:17px;height:17px;border-radius:99px;padding:0 5px;color:#fff;background:#4a80f0;font-size:10px;font-style:normal}.overlay{position:absolute;inset:0;z-index:20;background:#121c3038}.sheet{position:absolute;inset:0;display:flex;min-width:0;max-width:100%;flex-direction:column;overflow-x:hidden;background:#eef4ff}.sheet.compact{top:auto;max-height:82vh;border-radius:24px 24px 0 0;overflow:hidden}.register-agreement-sheet{inset:50% auto auto 50%;width:min(330px,calc(100% - 44px));max-height:min(68vh,520px);border-radius:22px;overflow:hidden;background:#f8fbff;box-shadow:0 22px 56px #121c3038;transform:translate(-50%,-50%)}.register-agreement-sheet .sheet-header{grid-template-columns:56px minmax(0,1fr) 56px;min-height:48px;padding:8px 12px}.register-agreement-sheet .sheet-header button{min-width:44px;min-height:30px;border-radius:10px;font-size:11px}.register-agreement-sheet .sheet-body{padding:12px 18px 20px}.sheet-header{flex-shrink:0;display:grid;grid-template-columns:74px minmax(0,1fr) 74px;align-items:center;gap:8px;min-height:54px;padding:9px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sheet-header>:first-child{justify-self:start}.sheet-header>strong{justify-self:center;min-width:0;overflow:hidden;color:#111827;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sheet-header>:last-child{justify-self:end}.sheet-header button{min-width:48px;min-height:34px;border-radius:12px;color:#4a80f0;background:#edf4ff;font-size:12px;font-weight:900}.sheet-body{flex:1;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:14px 16px 100px}.sheet.compact .sheet-body{padding-bottom:28px}.sheet-actions{flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#ffffffeb}.sheet-actions.inline{justify-content:stretch;padding:0;margin-top:12px;background:transparent}.sheet-actions>button{flex:1}.pay-channel-grid{display:grid;gap:8px}.pay-channel-grid button{display:grid;gap:3px;min-height:58px;border:1px solid transparent;border-radius:16px;padding:10px 12px;color:#59667c;background:#f3f7fc;text-align:left}.pay-channel-grid button.active{border-color:#4a80f0;color:#1c4fd7;background:#edf4ff}.pay-channel-grid strong{font-size:14px}.pay-channel-grid span{font-size:11px}.recharge-wait{display:grid;gap:12px}.recharge-order-card{display:grid;gap:5px}.recharge-order-card>span{color:#4a80f0;font-size:12px;font-weight:900}.recharge-order-card>strong{color:#172033;font-size:28px;line-height:1.1}.pay-wait-card{display:grid;gap:10px}.pay-wait-card h2{margin:0;font-size:16px}.pay-qr-image,.pay-qr-placeholder{width:168px;height:168px;margin:0 auto;border-radius:18px}.pay-qr-image{object-fit:cover;background:#fff}.pay-qr-placeholder{display:grid;place-items:center;border:1px dashed #b8c5da;color:#7d899d;background:#f4f7fb;font-size:13px;font-weight:800}.pay-info-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;min-height:36px;border-radius:12px;padding:8px 10px;background:#f4f7fb}.pay-info-row span{color:#7d899d;font-size:12px}.pay-info-row strong{overflow-wrap:anywhere;color:#172033;font-size:13px}.product-overlay{background:#121c302e}.product-sheet{background:#eef4ff}.product-sheet .sheet-header{position:absolute;inset:0 0 auto;z-index:2;background:linear-gradient(180deg,#ffffffe6,#ffffff6b)}.product-sheet .sheet-header button{min-width:42px;border-radius:16px;background:#fffc;box-shadow:0 10px 24px #4f67981f}.product-detail-body{padding:0 16px 112px}.product-detail-state{display:grid;place-content:center;gap:14px;min-height:100%}.product-detail-state .primary-btn{width:min(220px,100%);margin:0 auto}.detail-cover{display:grid;place-items:center;width:calc(100% + 32px);aspect-ratio:1 / 1;margin:0 -16px;overflow:hidden;border-radius:0 0 28px 28px;color:#9ca8bb;background:#fff}.detail-gallery{display:flex;gap:8px;margin:-30px 0 12px;overflow-x:auto;scrollbar-width:none}.detail-gallery::-webkit-scrollbar{display:none}.detail-gallery span{width:58px;min-width:58px;height:58px;border:3px solid rgba(255,255,255,.92);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 26px #495c8c24}.detail-gallery img{width:100%;height:100%;object-fit:cover}.detail-title{display:grid;gap:10px;margin-top:14px;border-radius:22px;padding:16px;background:#fff;box-shadow:0 14px 30px #495c8c14}.detail-price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.detail-price-row h1{margin:0;color:#142037;font-size:22px;line-height:1.2}.detail-price-row strong{color:#4a80f0;font-size:22px;line-height:1.1;white-space:nowrap}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{border-radius:999px;padding:5px 9px;color:#1f5eea;background:#edf4ff;font-size:10px;font-weight:900}.detail-tags span:nth-child(2){color:#129266;background:#eafaf2}.detail-title p{margin:0;color:#68758a;font-size:13px;line-height:1.65}.detail-option-panel{display:grid;gap:10px}.detail-option-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-option-row div:first-child{display:grid;gap:4px;min-width:0}.detail-option-row span{color:#8a95a8;font-size:11px;font-weight:800}.detail-option-row strong{overflow:hidden;color:#1a2538;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.detail-option-row small{flex-shrink:0;color:#7d899d;font-size:11px;font-weight:800}.detail-qty{display:grid;grid-template-columns:30px 34px 30px;align-items:center;gap:7px}.detail-qty button{width:30px;height:30px;border-radius:999px;color:#4a80f0;background:#edf4ff;font-size:17px;font-weight:900}.detail-qty b{color:#172033;text-align:center;font-size:14px}.detail-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.detail-section-head h2{margin:0;color:#172033;font-size:15px}.detail-section-head span{color:#4a80f0;font-size:10px;font-weight:900}.detail-rule-panel,.detail-review-panel{border:1px solid rgba(74,128,240,.1)}.detail-description-section{display:grid;gap:10px;margin-top:2px}.detail-description-head{padding:0 2px}.detail-description-head h2{margin:0;color:#172033;font-size:15px}.detail-description-images{overflow:hidden;border-radius:18px;background:#fff}.detail-description-images img{display:block;width:100%;height:auto;background:#f4f7fb}.product-review-summary{display:flex;align-items:baseline;gap:8px;margin-top:12px;border-radius:14px;padding:10px 12px;background:#f4f7fb}.product-review-summary strong{color:#4a80f0;font-size:20px;line-height:1}.product-review-summary span{color:#7b879a;font-size:12px;font-weight:800}.product-review-list{display:grid;gap:10px;margin-top:10px}.product-review-item{border-radius:16px;padding:11px 12px;background:#fff;box-shadow:inset 0 0 0 1px #4a80f014}.product-review-user{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px}.product-review-user>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;overflow:hidden;color:#fff;background:linear-gradient(145deg,#4a80f0,#24b58b);font-size:13px;font-weight:900}.product-review-user img{width:100%;height:100%;object-fit:cover}.product-review-user strong,.product-review-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-review-user strong{color:#172033;font-size:12px}.product-review-user small{margin-top:2px;color:#98a2b3;font-size:10px}.product-review-user b{color:#f2b238;font-size:11px;letter-spacing:0;white-space:nowrap}.product-review-item p{margin:9px 0 0;color:#5f6b80;font-size:12px;line-height:1.6}.rule-list{display:grid;gap:9px;margin-top:10px}.rule-list div{display:flex;justify-content:space-between;border-radius:12px;padding:9px 10px;background:#f4f7fb;color:#5f6b80;font-size:12px}.sku-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sku-list button{display:grid;gap:2px;border:1px solid transparent;border-radius:14px;padding:8px 10px;color:#4a80f0;background:#edf4ff;font-size:12px;font-weight:800}.sku-list button small{color:#8390a5;font-size:10px;font-weight:700}.sku-list .active{border-color:#4a80f0;background:#fff}.sku-list .disabled{color:#a0a8b6;background:#f1f3f7}.product-action-bar{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;border-top:1px solid rgba(20,32,55,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.detail-action-icons{display:flex;gap:8px}.detail-action-icons button{display:grid;gap:2px;place-items:center;min-width:38px;color:#7d899d;background:transparent}.detail-action-icons button.active{color:#4a80f0}.detail-action-icons span{overflow:hidden;max-width:46px;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.detail-action-icons small{color:#9aa5b7;font-size:9px;font-weight:800}.detail-action-icons button.active small{color:#4a80f0}.product-action-bar>button:disabled{color:#a0a8b6;background:#edf0f5;box-shadow:none}.message-center-body{display:grid;align-content:start;gap:14px}.message-center-header{grid-template-columns:78px minmax(0,1fr) 78px}.message-center-header strong{justify-self:center}.message-center-header button{justify-self:start;min-width:58px;min-height:34px;border-radius:14px;padding:0 13px;color:#3975e8;background:#f1f6ff;font-size:13px;font-weight:900;box-shadow:0 8px 18px #4a80f014}.message-center-header .message-refresh-btn{justify-self:end;color:#4a80f0;background:#eef4ff}.message-summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-radius:18px;padding:16px;color:#fff;background:linear-gradient(135deg,#4a80f0,#20bd85);box-shadow:0 14px 28px #4a80f029}.message-summary-card span{color:#ffffffc7;font-size:12px;font-weight:800}.message-summary-card strong{display:block;color:#fff;font-size:28px;line-height:1}.message-summary-card button{grid-row:1 / span 2;grid-column:2;min-width:78px;min-height:36px;border-radius:999px;padding:0 14px;color:#2765dc;background:#ffffffeb;font-size:12px;font-weight:900;box-shadow:0 8px 18px #183a7814}.message-summary-card button:disabled{color:#ffffffdb;background:#fff3;box-shadow:none}.message-list{display:grid;gap:10px}.message-card{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;width:100%;border-radius:18px;padding:14px;background:#fff;text-align:left;box-shadow:0 10px 24px #495c8c0f}.message-card:disabled{opacity:1}.message-card i{width:8px;height:8px;margin-top:6px;border-radius:999px;background:#d6dde8}.message-card.unread{background:#f1f6ff}.message-card.unread i{background:#4a80f0;box-shadow:0 0 0 4px #4a80f01f}.message-card strong,.message-card p,.message-card span{display:block;min-width:0}.message-card strong{color:#111827;font-size:14px;font-weight:900}.message-card p{margin:7px 0 0;color:#5f6d82;font-size:12px;font-weight:800;line-height:1.5}.message-card span{margin-top:8px;color:#9aa5b7;font-size:11px;font-weight:800}.customer-service-body{display:grid;align-content:start;gap:12px}.customer-service-product-panel,.customer-service-thread-panel,.customer-service-chat-panel{display:grid;gap:12px;max-height:calc(100dvh - 180px);overflow:hidden}.customer-service-product-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.customer-service-product-strip::-webkit-scrollbar{display:none}.customer-service-product-strip button{flex:0 0 118px;display:grid;gap:5px;border:1px solid transparent;border-radius:16px;padding:9px;color:#2a3446;background:#f6f8fc;text-align:left}.customer-service-product-strip button.active{border-color:#4a80f0;background:#eef4ff}.customer-service-product-strip i{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:1.35;border-radius:12px;background:#edf1f8;font-style:normal}.customer-service-product-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.customer-service-product-strip span{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.customer-service-product-strip small{color:#8b96a8;font-size:10px;font-weight:800}.customer-service-thread-list{display:grid;gap:8px}.customer-service-thread-list button{display:grid;gap:4px;border:1px solid transparent;border-radius:14px;padding:10px 12px;color:#202b3e;background:#f6f8fc;text-align:left}.customer-service-thread-list button.active{border-color:#4a80f059;background:#eef4ff}.customer-service-thread-list strong,.customer-service-thread-list span,.customer-service-thread-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-service-thread-list span,.customer-service-thread-list small{color:#8994a6;font-size:11px;font-weight:800}.customer-service-chat-list{display:grid;align-content:start;gap:9px;min-height:180px;max-height:min(48dvh,420px);overflow-y:auto;padding-right:2px;scrollbar-width:none}.customer-service-chat-list::-webkit-scrollbar{display:none}.customer-service-bubble{display:grid;gap:6px;max-width:84%;border-radius:16px;padding:10px 12px;background:#f6f8fc}.customer-service-bubble.admin{justify-self:start;background:#fff}.customer-service-bubble.member{justify-self:end;color:#fff;background:linear-gradient(135deg,#4a80f0,#5b78ea)}.customer-service-bubble>div{display:flex;justify-content:space-between;gap:10px;color:#8c97aa;font-size:10px;font-weight:800}.customer-service-bubble.member>div{color:#ffffffc7}.customer-service-bubble p{margin:0;font-size:13px;font-weight:800;line-height:1.55;white-space:pre-wrap;word-break:break-word}.customer-service-form{display:grid;gap:10px}.customer-service-form textarea{width:100%;border:0;border-radius:16px;padding:12px;color:#111827;background:#f6f8fc;font-size:14px;font-weight:800;resize:none;outline:0}.customer-service-muted{border-radius:12px;padding:9px 11px;color:#b4233f;background:#fff1f4;font-size:12px;font-weight:900}.customer-service-context{display:grid;gap:9px}.customer-service-product-pill{justify-self:start;display:inline-flex;max-width:100%;height:34px;align-items:center;gap:7px;border:0;border-radius:999px;padding:0 12px;color:#273449;background:#f1f5fb;font-size:12px;font-weight:900}.customer-service-product-pill.active{color:#1b5dbd;background:#e8f1ff}.customer-service-product-pill span{overflow:hidden;max-width:210px;text-overflow:ellipsis;white-space:nowrap}.customer-service-product-pill i{color:#7b8ba4;font-style:normal;font-size:13px}.customer-service-product-picker{display:grid;gap:10px;max-height:260px;overflow-y:auto;border-radius:16px;background:#f7f9fd;padding:10px;scrollbar-width:none}.customer-service-product-picker::-webkit-scrollbar{display:none}.customer-service-product-picker>button,.customer-service-product-picker section button{display:grid;grid-template-columns:28px minmax(0,1fr);min-height:36px;align-items:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:4px 10px 4px 5px;color:#273449;background:#fff;text-align:left}.customer-service-product-picker button.active{border-color:#4a80f06b;background:#edf4ff;color:#1d5fc4}.customer-service-product-picker i{overflow:hidden;display:block;width:28px;height:28px;border-radius:999px;background:#e9eef6;font-style:normal}.customer-service-product-picker i:empty:before,.customer-service-product-picker i.empty-thumb:before{content:"";display:block;width:12px;height:12px;margin:8px;border-radius:999px;background:#b9c4d4}.customer-service-product-picker img{display:block;width:100%;height:100%;object-fit:cover}.customer-service-product-picker span{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.customer-service-product-picker section{display:grid;gap:7px}.customer-service-product-picker section>strong{color:#8a96a9;font-size:11px;font-weight:900}.customer-service-product-picker section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.customer-service-bubble.admin{color:#111827;background:#fff1dc}.customer-service-bubble.member{color:#111827;background:#dff7df}.customer-service-bubble>div,.customer-service-bubble.member>div{color:#647086}.customer-service-bubble em{justify-self:start;max-width:100%;overflow:hidden;border-radius:999px;background:#ffffff9e;color:#2563eb;padding:3px 7px;font-size:10px;font-style:normal;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.empty-inline{border-radius:14px;padding:14px;color:#8b96a8;background:#f6f8fc;font-size:12px;font-weight:800;text-align:center}.checkout-body{display:block}.checkout-products{display:grid;gap:10px}.checkout-address button{display:grid;gap:4px;width:100%;margin-top:10px;border-radius:14px;padding:11px;color:#1a2538;background:#f6f8fc;text-align:left}.checkout-address-line{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px}.checkout-address-line strong,.checkout-address-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-address span{color:#7f8ba0;font-size:11px}.checkout-item{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center}.checkout-item h3{margin:0;overflow:hidden;color:#1a2538;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.checkout-item p{margin:3px 0 0;color:#8390a5;font-size:11px}.checkout-item strong{color:#4a80f0;font-size:14px}.pay-password{display:grid;gap:8px;color:#59667c;font-size:12px;font-weight:800}.pay-password input{min-height:42px;border:0;border-radius:14px;outline:0;padding:0 12px;background:#f3f7fc}.address-list{display:grid;align-content:start;gap:10px}.address-card{border:1px solid rgba(143,156,184,.16);border-radius:18px;padding:12px;background:#fff}.address-card.active{border-color:#4a80f0}.address-card>button{display:grid;gap:5px;width:100%;color:#1a2538;background:transparent;text-align:left}.address-card p{margin:0;color:#7f8ba0;font-size:12px}.address-card span{width:max-content;border-radius:999px;padding:3px 7px;color:#4a80f0;background:#edf4ff;font-size:10px;font-weight:900}.address-card footer{display:flex;gap:8px;margin-top:10px}.address-card footer button{min-height:30px;border-radius:11px;padding:0 10px;color:#4a80f0;background:#edf4ff;font-size:11px;font-weight:900}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-card{margin-bottom:10px;padding:13px}.order-item-list{display:grid;gap:8px;margin-top:10px}.order-item-line{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border-radius:14px;padding:8px;color:#172033;background:#f7f9fd;text-align:left}.order-item-line>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;overflow:hidden;color:#a6b0c0;background:#edf2fa}.order-item-line img{width:100%;height:100%;object-fit:cover}.order-item-line strong,.order-item-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-line strong{color:#172033;font-size:13px}.order-item-line small{margin-top:3px;color:#8a95a8;font-size:10px}.order-item-line b{color:#4a80f0;font-size:12px;white-space:nowrap}.order-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.order-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.activation-payment-state{margin-left:3px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.activation-payment-state.paid{color:#249665}.activation-payment-state.pending{color:#c58a23}.order-card footer button,.recharge-row footer button{min-height:32px;border-radius:12px;padding:0 10px;color:#fff;background:#4a80f0;font-size:12px;font-weight:900}.order-card footer button.danger,.recharge-row footer button.danger{color:#d34a4a;background:#fff0f0}.payment-plan-frozen-summary>div,.order-payment-plan-option>span:not(.order-payment-plan-heading){display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-plan-frozen-summary>div{margin:8px 0 4px}.payment-plan-frozen-summary span,.order-payment-plan-option em{color:#778399;font-size:12px;font-style:normal}.order-payment-plan-list{display:grid;gap:10px}.order-payment-plan-option{display:grid;gap:8px;width:100%;border:1px solid #dfe6f2;border-radius:8px;background:#fff;padding:12px;color:#172033;font-size:12px;text-align:left}.order-payment-plan-option.active{border-color:#4a80f0;box-shadow:0 0 0 2px #4a80f01a}.order-payment-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-payment-plan-heading strong{font-size:14px}.order-payment-plan-heading i{border-radius:999px;padding:3px 8px;color:#7b879b;background:#f0f3f8;font-size:10px;font-style:normal}.order-payment-plan-option.active .order-payment-plan-heading i{color:#fff;background:#4a80f0}.order-payment-plan-option b{max-width:64%;overflow-wrap:anywhere;text-align:right}.order-payment-plan-splits{display:grid!important;gap:6px!important;border-top:1px solid #edf0f5;padding-top:8px}.order-payment-plan-splits>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-payment-plan-splits b{color:#2f3a4d;font-size:13px;font-weight:800}.payment-plan-confirm-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#141e306b;padding:24px}.payment-plan-confirm-dialog{width:min(310px,100%);border-radius:8px;background:#fff;padding:20px;box-shadow:0 18px 50px #121e3433;text-align:center}.payment-plan-confirm-dialog h3{margin:0;color:#172033;font-size:17px}.payment-plan-confirm-dialog p{margin:10px 0 3px;color:#5e6a7d;font-size:13px}.payment-plan-confirm-dialog small{color:#a06d32;font-size:11px}.payment-plan-confirm-dialog>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.payment-plan-confirm-dialog button{min-height:38px;border-radius:6px;color:#536074;background:#f0f3f8;font-size:13px;font-weight:800}.payment-plan-confirm-dialog button.primary{color:#fff;background:#4a80f0}.activation-payment-overlay{display:grid;place-items:center;padding:22px}.activation-payment-dialog{position:relative;inset:auto;width:min(330px,100%);max-height:min(78vh,540px);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 22px 60px #121e3438}.activation-payment-dialog form{display:flex;min-height:0;flex-direction:column}.activation-payment-dialog header{position:relative;display:grid;place-items:center;min-height:50px;border-bottom:1px solid #edf1f7;padding:10px 46px}.activation-payment-dialog header strong{color:#172033;font-size:16px}.activation-payment-dialog header button{position:absolute;top:10px;right:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#738096;background:#f1f4f9;font-size:18px;line-height:1}.activation-payment-content{overflow-y:auto;padding:16px}.activation-payment-content>p{margin:0 0 10px;color:#657187;font-size:12px;font-weight:800}.activation-payment-points{display:grid;gap:8px}.activation-payment-point{border:1px solid #e5ebf4;border-radius:8px;padding:10px 12px;background:#f8faff}.activation-payment-point>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.activation-payment-point em{color:#334056;font-size:12px;font-style:normal;font-weight:800}.activation-payment-point strong{color:#315fce;font-size:15px}.activation-payment-point small{display:block;margin-top:5px;color:#8a95a8;font-size:10px}.activation-payment-point small b{color:#657187;font-weight:800}.activation-payment-point small b.insufficient{color:#c74455}.activation-payment-empty{border-radius:8px;padding:12px;color:#7e899c;background:#f6f8fc;font-size:11px;text-align:center}.activation-payment-password{display:grid;gap:7px;margin-top:14px}.activation-payment-password>span{color:#59667c;font-size:12px;font-weight:800}.activation-payment-password input{width:100%;min-height:42px;border:1px solid #e4eaf3;border-radius:8px;outline:0;padding:0 12px;color:#172033;background:#f6f8fc;font-size:16px}.activation-payment-password input:focus{border-color:#4a80f0;background:#fff}.activation-payment-content>.primary-btn{min-height:42px;margin-top:14px;border-radius:8px}.point-hero{border-radius:20px;padding:16px;color:#fff;background:linear-gradient(135deg,#4a80f0,#7657dd)}.point-hero.green{background:linear-gradient(135deg,#20bd85,#4a80f0)}.point-hero span{font-size:12px;opacity:.86}.point-hero strong{display:block;margin-top:6px;max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-size:27px;line-height:1.12}.point-hero p{margin:10px 0 0;font-size:12px;opacity:.86}.signin-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.signin-boost{display:grid;justify-items:end;min-width:82px;border-radius:16px;padding:9px 10px;background:#ffffff29}.signin-boost b{margin-top:3px;color:#fff;font-size:20px;line-height:1}.point-detail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;border-radius:16px;padding:4px;background:#edf3fb}.point-detail-tabs.three{grid-template-columns:repeat(3,minmax(0,1fr))}.point-detail-tabs button{min-height:34px;border-radius:13px;color:#66738a;background:transparent;font-size:12px;font-weight:900}.point-detail-tabs button.active{color:#fff;background:#4a80f0}.ledger-row,.notice-row,.recharge-row{display:grid;width:100%;margin-top:8px;border-radius:14px;padding:11px;text-align:left;background:#f6f8fc}.notice-row,.recharge-row{display:flex;justify-content:space-between;gap:10px}.notice-row{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}.notice-row strong{display:block;min-width:0;line-height:1.35;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.ledger-row>div,.recharge-row>div,.notice-row>div{min-width:0}.recharge-row>strong{max-width:38%;flex:0 1 auto;overflow-wrap:anywhere;text-align:right;line-height:1.2}.ledger-meta,.notice-row span,.recharge-row p{margin:4px 0 0;color:#8792a5;font-size:12px}.ledger-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.ledger-meta span{min-width:82px}.ledger-meta strong{flex:1 1 auto;min-width:min(100%,110px);overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,3.25vw,15px);line-height:1.2}.recharge-row{flex-wrap:wrap}.point-order-row>strong{max-width:44%;color:#4a80f0;font-size:clamp(12px,3vw,15px)}.point-order-row>strong.expense{color:#d34a4a}.recharge-row footer{display:flex;width:100%;justify-content:flex-end;gap:8px}.recharge-lock-note{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 10px;color:#4a80f0;background:#eaf1ff;font-size:12px;font-weight:900}.income{color:#16a56d}.expense{color:#d34a4a}.article-body h1{margin:4px 0 8px;font-size:24px}.article-body time{color:#8792a5;font-size:12px}.article-body p{margin-top:18px;color:#46536a;line-height:1.8;white-space:pre-wrap}.register-agreement-sheet .article-body h1{margin-top:2px;font-size:18px}.register-agreement-sheet .article-body p{margin-top:12px;font-size:13px;line-height:1.75}.announcement-media{display:grid;gap:10px;margin-top:14px}.announcement-media img,.announcement-media video{display:block;width:100%;max-height:260px;border-radius:16px;object-fit:cover;background:#dbe6f7}.signin-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:16px 0}.signin-days span{display:grid;place-items:center;min-height:42px;border-radius:14px;color:#7d889a;background:#fff;font-size:12px;font-weight:900}.signin-days .signed{color:#fff;background:#20bd85}.signin-evidence-upload{display:grid;place-items:center;min-height:132px;margin:0 0 14px;overflow:hidden;border:1px dashed #aebed7;border-radius:16px;color:#667085;background:#f7f9fc;cursor:pointer}.signin-evidence-upload input{position:absolute;width:1px;height:1px;opacity:0}.signin-evidence-upload b{color:#4a80f0;font-size:30px;font-weight:400;line-height:1}.signin-evidence-upload strong{margin-top:4px;font-size:14px}.signin-evidence-upload small{margin-top:4px;color:#98a2b3;font-size:11px}.signin-evidence-upload.has-image{position:relative;min-height:168px;border-style:solid}.signin-evidence-upload.has-image img{width:100%;height:168px;object-fit:cover}.signin-evidence-upload.has-image span{position:absolute;right:10px;bottom:10px;border-radius:999px;padding:6px 10px;color:#fff;background:#101828ad;font-size:12px}.share-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:24px;padding:18px;color:#fff;background:linear-gradient(135deg,#4b7ff0,#6b63ee 58%,#26b889);box-shadow:0 16px 32px #4a80f02e}.share-card span{color:#ffffffc7;font-size:12px;font-weight:800}.share-card strong{display:block;margin-top:4px;font-size:27px;letter-spacing:.5px}.share-card button{flex:0 0 auto;min-height:34px;border-radius:14px;padding:0 12px;color:#4a80f0;background:#fff;font-size:12px;font-weight:900}.share-link-grid{display:grid;gap:12px;margin-top:12px}.share-link{display:grid;grid-template-columns:96px minmax(0,1fr);gap:13px;align-items:center;border-radius:22px;padding:13px;background:#fff;box-shadow:0 10px 22px #495c8c0f}.qr-box{width:96px;height:96px;border-radius:18px;padding:8px;background:linear-gradient(180deg,#f8fbff,#eef4ff);box-shadow:inset 0 0 0 1px #4a80f01f}.qr-box img{display:block;width:100%;height:100%;border-radius:11px;object-fit:contain;background:#fff}.qr-box.locked{display:grid;place-items:center;align-content:center;gap:5px;color:#6d7890;background:linear-gradient(180deg,#f5f8ff,#eef3fb)}.qr-box.locked strong{color:#4a80f0;font-size:15px}.qr-box.locked span{display:block;width:auto;padding:0;color:#8a95a8;background:transparent;font-size:10px}.share-link span{display:inline-flex;width:max-content;border-radius:999px;padding:3px 8px;color:#4a80f0;background:#edf4ff;font-size:10px;font-weight:900}.share-link h2{margin:7px 0 0;color:#1d2a40;font-size:17px}.share-link p{margin:4px 0 0;color:#7f8ba0;font-size:12px;font-weight:700}.share-link small{display:block;margin:7px 0 8px;overflow:hidden;color:#7f8ba0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.share-link button{min-height:30px;border-radius:11px;padding:0 10px;color:#4a80f0;background:#edf4ff;font-size:11px;font-weight:900}.share-link.locked button:disabled{color:#8a95a8;background:#eef2f7}.share-error{display:grid;gap:8px;margin-top:12px;border-radius:20px;padding:16px;background:#fff}.share-error strong{color:#1d2a40}.share-error p{margin:0;color:#7f8ba0;font-size:12px}.share-error button{width:max-content;min-height:32px;border-radius:12px;padding:0 12px;color:#4a80f0;background:#edf4ff;font-weight:900}.point-convert-overlay{display:grid;place-items:center;padding:22px}.point-convert-dialog{position:relative;inset:auto;width:min(340px,100%);max-height:min(82vh,620px);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 24px 64px #1927483d}.point-convert-dialog form{display:flex;flex-direction:column;max-height:inherit}.point-convert-dialog header{position:relative;display:grid;place-items:center;flex:0 0 auto;min-height:54px;border-bottom:1px solid #edf1f7;padding:0 52px}.point-convert-dialog header strong{color:#172238;font-size:16px}.point-convert-dialog header button{position:absolute;top:10px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#7b879a;background:#f1f4f9;font-size:22px;line-height:1}.point-convert-content{display:grid;gap:11px;overflow-y:auto;padding:14px 16px 16px}.point-convert-content>p{margin:0;color:#5f6b7e;font-size:12px;font-weight:800}.exchange-rule-picker{position:relative}.exchange-rule-trigger{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:48px;border:1px solid #dfe5ef;border-radius:8px;padding:8px 11px;color:#172238;background:#f8fafe;text-align:left}.exchange-rule-trigger:disabled{color:#8a95a7}.exchange-rule-trigger>span,.exchange-rule-menu button>span{display:grid;gap:2px;min-width:0}.exchange-rule-trigger strong,.exchange-rule-menu strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.exchange-rule-trigger small,.exchange-rule-menu small{color:#8490a3;font-size:10px}.exchange-rule-trigger>i{width:8px;height:8px;border-right:1.5px solid #718097;border-bottom:1.5px solid #718097;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}.exchange-rule-picker.open .exchange-rule-trigger>i{transform:rotate(225deg) translate(-2px,-2px)}.exchange-rule-menu{position:relative;z-index:1;display:grid;max-height:220px;margin-top:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #dfe5ef;border-radius:8px;padding:5px;background:#fff;box-shadow:0 10px 24px #1927481a}.exchange-rule-menu[hidden]{display:none}.exchange-rule-menu button{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:42px;border-radius:6px;padding:7px 9px;color:#172238;background:transparent;text-align:left}.exchange-rule-menu button.active,.exchange-rule-menu button:active{background:#f0f5ff}.exchange-rule-menu button>i{width:7px;height:4px;border-left:1.5px solid transparent;border-bottom:1.5px solid transparent;transform:rotate(-45deg)}.exchange-rule-menu button.active>i{border-color:#4a80f0}.point-convert-fields{display:grid;gap:11px;animation:exchange-fields-in .18s ease-out}.exchange-picker-guide{color:#8a95a7;font-size:10px;text-align:center}@keyframes exchange-fields-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.exchange-rule-state{border:1px dashed #d9e0ea;border-radius:8px;padding:18px 12px;color:#7c8799;background:#f8fafe;font-size:12px;text-align:center}.point-convert-field{display:grid;gap:6px}.point-convert-field[hidden]{display:none}.point-convert-field>span{color:#5f6b7e;font-size:12px;font-weight:800}.point-convert-field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.point-convert-field-title b{color:#5f6b7e;font-size:12px}.point-convert-field-title small{color:#8a95a7;font-size:10px;font-weight:600}.point-convert-field-title em{color:#4a80f0;font-style:normal;font-weight:900}.point-convert-field input{width:100%;min-height:42px;border:1px solid #dfe5ef;border-radius:8px;padding:0 12px;color:#172238;background:#f8fafe;font-size:16px}.point-convert-field input::placeholder{font-size:12px}.point-convert-content>.primary-btn{min-height:42px;border-radius:8px}.point-convert-fee{color:#8a95a7;font-size:10px;line-height:1.4}.point-convert-hint{color:#8a95a7;font-size:10px;line-height:1.5;text-align:center}.point-withdraw-dialog>form.point-convert-content{display:grid;flex:1;min-height:0}.point-withdraw-dialog .withdraw-bank-card{gap:5px;margin:0;border-radius:8px;padding:10px 11px;background:#f8fafe;box-shadow:none}.point-withdraw-dialog .withdraw-bank-select{gap:3px}.point-withdraw-dialog .withdraw-bank-select:after{padding:4px 8px;font-size:10px}.point-withdraw-dialog .withdraw-bank-card strong{font-size:13px}.point-withdraw-dialog .withdraw-bank-card small,.point-withdraw-dialog .withdraw-bank-select p,.point-withdraw-dialog .withdraw-bank-select em{font-size:10px}.point-withdraw-dialog .agreement-check-row{font-size:11px;line-height:1.5}.bank-card{margin-bottom:12px;padding:14px}.bank-card.active{border-color:#4a80f0;box-shadow:0 12px 26px #4a80f01f}.bank-card-main{display:grid;gap:5px;width:100%;min-height:0;padding:0;color:inherit;background:transparent;text-align:left}.bank-card-main:disabled{opacity:1}.bank-card-main p{margin:8px 0 0;font-size:20px;font-weight:900}.bank-card-main span{color:#7f8ba0;font-size:12px}.bank-card footer{display:flex;gap:8px;margin-top:12px}.bank-card footer button{min-height:30px;border-radius:11px;padding:0 10px;color:#4a80f0;background:#edf4ff;font-size:11px;font-weight:900}.settings-form{display:grid;align-content:start;gap:14px;min-height:100%;margin-top:0;padding:14px 14px 32px}.settings-header-save{min-width:48px;min-height:30px;border-radius:999px;color:#fff;background:#4a80f0;font-size:12px;font-weight:900;box-shadow:0 8px 18px #4a80f02e}.settings-profile-card,.settings-list-card{border-radius:20px;background:#fffffff5;box-shadow:0 12px 28px #1f37640d}.settings-profile-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;min-height:104px;padding:16px}.settings-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 18%,#f0c7a0 0 13px,transparent 14px),linear-gradient(145deg,#29364e 0 50%,#8ea5c2 51% 100%);box-shadow:0 9px 20px #495c8c26;font-size:12px;font-weight:900}.settings-avatar-actions{display:grid;gap:5px;min-width:0}.settings-avatar-actions strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033;font-size:15px;font-weight:900}.settings-avatar-actions>span{color:#98a2b3;font-size:11px}.avatar-upload-btn{display:inline-grid;place-items:center;width:fit-content;min-height:28px;margin:2px 0 0;border-radius:999px;padding:0 12px;color:#4f7bea;background:#edf4ff;font-size:11px;font-weight:900}.avatar-upload-btn input{display:none}.settings-list-card{overflow:hidden}.settings-field-row,.settings-action-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;min-height:52px;padding:0 14px;color:#667085;background:transparent;font-size:13px;font-weight:800}.settings-action-row{grid-template-columns:1fr 16px;width:100%;color:#172033;text-align:left}.settings-field-row+.settings-field-row,.settings-action-row+.settings-action-row{border-top:1px solid #edf1f7}.settings-field-row input{width:100%;min-height:36px;border:0;outline:0;padding:0;color:#172033;background:transparent;font-size:14px;font-weight:900;text-align:right}.settings-field-row input:focus{background:transparent}.settings-action-row i{justify-self:end;width:8px;height:8px;border-top:1.8px solid #b8c0ce;border-right:1.8px solid #b8c0ce;transform:rotate(45deg)}.settings-action-row.danger{color:#d94b4b}.settings-modal-backdrop{position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:22px;background:#121c3042;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-password-dialog{width:100%;max-width:340px;overflow:hidden;border-radius:22px;background:#f8fbff;box-shadow:0 22px 56px #1d2b4c2e}.settings-password-dialog header{display:grid;grid-template-columns:1fr 28px;align-items:center;min-height:52px;padding:0 16px;background:#fff}.settings-password-dialog header strong{color:#172033;font-size:16px;font-weight:900}.settings-password-dialog header button{position:relative;width:28px;height:28px;border-radius:50%;background:#f1f5fb}.settings-password-dialog header button:before,.settings-password-dialog header button:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;border-radius:99px;background:#98a2b3}.settings-password-dialog header button:before{transform:translate(-50%,-50%) rotate(45deg)}.settings-password-dialog header button:after{transform:translate(-50%,-50%) rotate(-45deg)}.settings-password-form{display:grid;gap:14px;padding:14px}.settings-dialog-note{margin:0;color:#667085;font-size:13px;line-height:1.7}.settings-password-dialog .settings-list-card{box-shadow:none}.settings-password-dialog .settings-field-row{grid-template-columns:82px minmax(0,1fr)}.settings-payment-password-form .settings-field-row{grid-template-columns:96px minmax(0,1fr)}.settings-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-dialog-actions button{min-height:38px;border-radius:14px;background:#eef3fb;color:#5f6b80;font-size:13px;font-weight:900}.settings-dialog-actions button[type=submit]{color:#fff;background:#4a80f0;box-shadow:0 10px 20px #4a80f029}.settings-dialog-actions button.danger{color:#fff;background:#df4a4a;box-shadow:0 10px 20px #df4a4a24}.empty{display:grid;justify-items:center;gap:8px;min-height:220px;align-content:center;padding:28px;color:#7e899c;text-align:center}.empty span{width:56px;height:56px;border-radius:22px;background:#e4edff}.empty strong{color:#243048}.empty p{margin:0;max-width:250px;font-size:12px}.toast{position:absolute;left:50%;bottom:108px;z-index:50;transform:translate(-50%);width:max-content;max-width:min(330px,calc(100vw - 40px));border-radius:999px;padding:12px 18px;color:#fff;background:#b72b47;box-shadow:0 18px 40px #7c1d3038;font-size:13px;font-weight:900;text-align:center;pointer-events:none}.toast.error{background:#b72b47;box-shadow:0 18px 40px #7c1d3038}.toast.success{background:#1f9d6a;box-shadow:0 18px 40px #1f9d6a38}.task-realtime-alert-backdrop{position:absolute;inset:0;z-index:180;display:grid;place-items:center;padding:22px;background:#141f3475;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:taskRealtimeBackdropIn .18s ease both}.task-realtime-alert{width:min(330px,100%);overflow:hidden;border:1px solid rgba(219,227,240,.96);border-radius:8px;padding:22px 20px 18px;background:#fff;box-shadow:0 24px 70px #1827443d;text-align:center;animation:taskRealtimeAlertIn .22s ease both}.task-realtime-alert-mark{display:grid;width:48px;height:48px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#e9f8ef;color:#229a61}.task-realtime-alert-mark svg{width:23px;height:23px}.task-realtime-alert-eyebrow{margin:0;color:#229a61;font-size:10px;font-weight:900}.task-realtime-alert h3{margin:5px 0 10px;color:#17223a;font-size:18px}.task-realtime-alert-task{display:inline-flex;max-width:100%;overflow:hidden;border-radius:999px;padding:4px 9px;background:#eef3ff;color:#527fea;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.task-realtime-alert-content{display:-webkit-box;overflow:hidden;margin:13px 0 7px;color:#34435b;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-break:break-word}.task-realtime-alert>small{display:block;color:#8a95a7;font-size:10px}.task-realtime-alert .task-realtime-alert-qr{margin-bottom:4px;color:#b77816}.task-realtime-alert-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.task-realtime-alert-actions button{min-height:42px;border-radius:6px;background:#f0f3f8;color:#536078;font-size:13px;font-weight:900}.task-realtime-alert-actions button.primary{background:#527fea;color:#fff;box-shadow:0 8px 18px #527fea33}@keyframes taskRealtimeBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes taskRealtimeAlertIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.danger{color:#c93d54;background:#fff0f3}@keyframes loading{0%{transform:translate(-80%)}to{transform:translate(240%)}}@keyframes pulse{0%,to{transform:scale(.94);opacity:.45}50%{transform:scale(1);opacity:1}}.task-play-overlay{z-index:24;background:#f3f6fb}.task-play-sheet{overflow:hidden;background:#f3f6fb;color:#152038}.task-play-body{position:absolute;inset:0 0 calc(76px + env(safe-area-inset-bottom)) 0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f3f6fb}.task-play-hero{position:relative;min-height:228px;overflow:hidden;padding:calc(14px + env(safe-area-inset-top)) 18px 20px;background-image:var(--task-hero-image);background-position:center;background-size:cover}.task-play-hero:after{position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(180deg,#f3f6fb00,#f3f6fbb8 68%,#f3f6fb);content:"";pointer-events:none}.task-play-topbar,.task-play-current-head,.task-form-head,.task-section-title,.task-runtime-meta,.task-client-message>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-play-topbar{position:relative;z-index:2}.task-play-topbar button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(17,24,29,.08);border-radius:50%;color:#172027;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 18px #13202a14}.task-play-topbar svg,.task-play-member-bar svg,.task-play-tools svg,.task-runtime-main svg,.task-entry-popup svg,.task-service-form svg,.task-play-empty svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.task-play-member-bar{position:relative;z-index:3;display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:10px;width:calc(100% - 12px);min-height:88px;margin:-58px auto 0;border:1px solid rgba(255,255,255,.78);border-radius:20px;padding:12px 14px;color:#17223a;background:#ffffff94;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 14px 32px #26395629,inset 0 1px #ffffffd1}.task-play-member-alert{position:relative;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;padding:0;color:#34445a;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.task-play-member-alert i{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#ecc86e;opacity:0;transform:scale(.55);transition:opacity .16s ease,transform .16s ease}.task-play-member-alert.has-unread i{opacity:1;transform:scale(1)}.task-play-member-alert.unavailable{color:#9da8b8;cursor:not-allowed}.task-play-member-alert.unavailable:after{position:absolute;width:22px;height:1.5px;border-radius:99px;background:currentColor;content:"";transform:rotate(-45deg)}.task-play-member-alert:focus-visible{outline:2px solid rgba(79,127,232,.4);outline-offset:2px}.task-play-member-copy{min-width:0;text-align:left}.task-play-member-name{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0}.task-play-member-name>strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.task-play-member-name>span{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;border-radius:999px;padding:3px 6px;color:#315fae;background:#4f7fe821;font-size:8px;font-weight:800}.task-play-member-name>span.earning{color:#21795f;background:#36aa7e24}.task-play-member-name>span svg{width:11px;height:11px}.task-play-member-copy>small{display:block;margin-top:5px;overflow:hidden;color:#667386;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.task-play-avatar{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:2px solid #fff;border-radius:50%;color:#16324f;background:#dbe9ff;box-shadow:0 6px 18px #283b582e;font-size:20px;font-weight:900}.task-play-avatar img{width:100%;height:100%;object-fit:cover}.task-play-content{padding:12px 12px 28px}.task-play-current-card,.task-apply-form,.task-runtime-card,.task-review-result,.task-tutorial-panel,.task-service-panel{margin-top:10px}.task-play-workspace{--task-nav-column: 54px;--task-nav-gap: 9px;display:grid;position:relative;grid-template-columns:var(--task-nav-column) minmax(0,1fr);align-items:start;gap:var(--task-nav-gap)}.task-play-workspace:before{position:absolute;top:0;bottom:0;left:calc(var(--task-nav-column) + 4px);width:1px;background:#8b97aa33;box-shadow:3px 0 9px #43526914;content:"";pointer-events:none}.task-play-switcher{position:sticky;top:10px;z-index:2;width:calc(100% + var(--task-nav-gap));min-width:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.task-play-detail{min-width:0}.task-play-detail>:first-child{margin-top:0}.task-play-awaiting{display:grid;place-items:center;min-height:220px;margin:0;color:#7a879b;font-size:15px;font-weight:700;letter-spacing:0;text-align:center}.task-section-title small,.task-play-current-head small{display:block;margin-bottom:2px;color:#5c82e8;font-size:9px;font-weight:800}.task-section-title strong{font-size:16px}.task-section-title>span,.task-form-head span{color:#82909b;font-size:10px}.task-play-switcher .task-play-empty-inline{min-height:50px;color:#7d8991;font-size:9px}.task-play-task-strip{display:flex;flex-direction:column;gap:9px;max-height:min(58vh,510px);margin:0;overflow-x:hidden;overflow-y:auto;padding:0 0 2px;overscroll-behavior:contain;scrollbar-width:thin;touch-action:none;-webkit-overflow-scrolling:touch}.task-play-task-strip::-webkit-scrollbar{display:none}.task-play-nav-item{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:8px;padding:4px;border:1px solid rgba(255,255,255,.96);color:#71809b;background:#f5f7fb;box-shadow:-3px -3px 8px #fffffff2,4px 5px 11px #53678929}.task-play-nav-item.active{border-color:#fffffffa;color:#4f7fe8;background:#eef2f8;box-shadow:inset 3px 3px 7px #4e61812b,inset -3px -3px 7px #fffffff0}.task-play-nav-item.active:after{position:absolute;top:50%;right:-12px;z-index:2;width:8px;height:8px;border:2px solid #f3f6fb;border-radius:50%;background:#4fbd91;box-shadow:0 0 0 2px #4fbd911f;content:"";transform:translateY(-50%)}.task-play-nav-icon{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:8px;color:#51636f;background:transparent}.task-play-nav-icon.tone-1,.task-play-nav-icon.tone-3{color:#36a987}.task-play-nav-item.active .task-play-nav-icon{color:#4f7fe8}.task-play-nav-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.task-play-nav-icon img{width:100%;height:100%;object-fit:cover}.task-play-current-card{border:1px solid rgba(255,255,255,.82);border-radius:12px;padding:14px;color:#17223a;background:#ffffff9e;-webkit-backdrop-filter:blur(16px) saturate(1.16);backdrop-filter:blur(16px) saturate(1.16);box-shadow:0 12px 28px #2b3d5a1f,inset 0 1px #ffffffdb}.task-play-current-card.status-earning{border-color:#63c59b57;background:#e5f7eeb8}.task-play-current-card.status-offline,.task-play-current-card.status-banned,.task-play-current-card.status-rejected{border-color:#e4707c4d;background:#ffecefbd}.task-play-current-head{align-items:flex-start}.task-play-current-head h2{margin:0;color:#17223a;font-size:22px}.task-status-chip{flex-shrink:0;border-radius:999px;padding:5px 9px;color:#5f6d7d;background:#69788c1f;font-size:10px;font-weight:800}.task-status-chip.ready,.task-status-chip.earning{color:#21795f;background:#36aa7e24}.task-status-chip.pending,.task-status-chip.queued{color:#9b6b18;background:#d8a94a29}.task-status-chip.offline,.task-status-chip.banned,.task-status-chip.rejected{color:#ba4655;background:#df576921}.task-play-notice{margin:10px 0 0;border-left:2px solid #d9aa4c;padding-left:10px;color:#556477;font-size:11px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-line}.task-apply-form,.task-runtime-card,.task-review-result,.task-tutorial-panel,.task-service-panel{border:1px solid #e1e7f0;border-radius:8px;background:#fff;box-shadow:0 8px 22px #2f466c0f}.task-apply-form{display:grid;gap:9px;padding:14px}.task-form-head strong{color:#17223a;font-size:15px}.task-apply-form label{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;min-height:44px;border:1px solid #e7ebf2;border-radius:6px;padding:0 11px;background:#f7f9fc}.task-apply-form label>span{color:#68768d;font-size:11px}.task-apply-form input,.task-service-form textarea{min-width:0;border:0;outline:0;color:#17223a;background:transparent;font-size:13px}.task-apply-form input::placeholder,.task-service-form textarea::placeholder{color:#9aa5b5}.task-primary-button,.task-muted-button{min-height:40px;border-radius:6px;padding:0 16px;font-size:12px;font-weight:900}.task-primary-button{color:#fff;background:#527fea;box-shadow:0 7px 16px #527fea33}.task-primary-button:disabled{opacity:.5}.task-muted-button{color:#5f6d82;background:#eef2f8}.task-review-result{display:flex;align-items:center;gap:12px;padding:16px}.task-review-result>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;color:#527fea;background:#edf3ff}.task-review-result p,.task-review-result small{display:block;margin:3px 0 0;color:#7a879b;font-size:10px}.task-review-result.rejected{border-color:#f2cbd0;background:#fffafb}.task-runtime-card{overflow:hidden;padding:14px}.task-runtime-main{display:flex;align-items:center;gap:12px}.task-runtime-main>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;color:#527fea;background:#edf3ff}.task-runtime-main small,.task-runtime-main p{display:block;margin:0;color:#7a879b;font-size:10px}.task-runtime-main strong{display:block;margin:2px 0 3px;font-size:17px;color:#17223a}.task-queue-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2}.task-queue-summary>div{padding:12px 6px}.task-queue-summary>div+div{border-left:1px solid #e6ebf2}.task-queue-summary span,.task-queue-summary strong{display:block;text-align:center}.task-queue-summary span{color:#7a879b;font-size:10px}.task-queue-summary strong{margin-top:3px;color:#527fea;font-size:19px}.task-online-qr{display:flex;align-items:center;gap:12px;margin-top:12px;border:1px solid #e2e8f1;border-radius:6px;padding:10px;background:#f7f9fc}.task-online-qr img{width:74px;height:74px;flex:0 0 74px;border-radius:4px;object-fit:cover}.task-online-qr span,.task-online-qr small{display:block;margin-top:3px;color:#7a879b;font-size:10px}.task-runtime-meta{flex-wrap:wrap;margin-top:11px;color:#8591a4;font-size:9px}.task-play-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:84px;gap:7px;margin-top:12px}.task-play-tools>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:84px;min-height:0;border:1px solid #e1e7f0;border-radius:8px;padding:7px 5px;color:#17223a;background:#fff;box-shadow:0 7px 18px #2f466c0d;text-align:center}.task-play-tools>button:disabled{border-color:#e6eaf0;color:#9aa4b2;background:#f5f7fa;box-shadow:none;opacity:1}.task-play-tools>button:disabled>span{color:#9da8b6;background:#e9edf2}.task-play-tools>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#527fea;background:#edf3ff}.task-play-tools strong{display:block;width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.task-play-tools small{display:block;width:100%;margin-top:-4px;overflow:hidden;color:#8a96a8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.task-tool-dialog-backdrop{position:absolute;inset:0;z-index:14;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:#19243761;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.task-tool-dialog{width:min(350px,100%);max-height:min(74dvh,650px);overflow:hidden;border:1px solid #e0e6ef;border-radius:8px;color:#17223a;background:#fff;box-shadow:0 24px 70px #1826413d}.task-tool-dialog>header{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;min-height:56px;border-bottom:1px solid #e8ecf2;padding:0 12px;text-align:center}.task-tool-dialog>header strong{grid-column:2;font-size:15px}.task-tool-dialog>header button{grid-column:3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#758297;background:#f0f3f8}.task-tool-dialog>header svg,.task-dialog-status>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.task-tool-dialog-body{max-height:calc(min(74dvh,650px) - 56px);overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.task-dialog-form,.task-tool-dialog .task-service-panel{margin:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.task-dialog-lead{margin:0 0 2px;color:#7c889b;font-size:10px;line-height:1.6}.task-dialog-status{display:flex;align-items:center;gap:11px;color:#527fea}.task-dialog-status>svg{width:38px;height:38px;flex:0 0 38px;border-radius:50%;padding:9px;background:#edf3ff}.task-dialog-status.offline{color:#d85d6c}.task-dialog-status.offline>svg{background:#fff0f2}.task-dialog-status strong{display:block;color:#17223a;font-size:13px}.task-dialog-status p{margin:3px 0 0;color:#7a8799;font-size:10px;line-height:1.55}.task-dialog-action{width:100%;margin-top:16px}.task-dialog-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.task-dialog-queue>div{border:1px solid #e4e9f1;border-radius:7px;padding:13px 8px;background:#f7f9fc;text-align:center}.task-dialog-queue span,.task-dialog-queue strong{display:block}.task-dialog-queue span{color:#7b879a;font-size:10px}.task-dialog-queue strong{margin-top:4px;color:#527fea;font-size:20px}.task-tool-dialog .task-tutorial-content{margin-top:0}.task-tool-dialog .task-client-chat-list{height:clamp(180px,34vh,280px)}.task-play-sheet>.bottom-nav{z-index:10}.task-play-sheet>.bottom-nav .bottom-task-hall{display:none}.task-tutorial-panel,.task-service-panel{padding:14px}.task-tutorial-content{display:grid;gap:10px;margin-top:12px}.task-tutorial-content p{margin:0;color:#536178;font-size:12px;line-height:1.75;white-space:pre-line}.task-tutorial-content img{display:block;width:100%;max-height:420px;border:1px solid #e6ebf2;border-radius:6px;object-fit:contain;background:#f7f9fc}.task-client-chat-list{display:flex;flex-direction:column;gap:8px;height:clamp(180px,34vh,310px);margin-top:12px;overflow-y:auto;padding:4px;scrollbar-width:thin}.task-client-message{width:min(84%,290px);border-radius:8px;padding:10px 11px;color:#11191d;background:#f2d8a6}.task-client-message.member{align-self:flex-end;background:#bce8cf}.task-client-message>div{margin-bottom:5px;font-size:9px}.task-client-message time{color:#11191d8a}.task-client-message p{margin:0;font-size:12px;line-height:1.6;white-space:pre-wrap}.task-message-tag{display:inline-block;margin-bottom:5px;border-radius:999px;padding:3px 7px;color:#18594e;background:#ffffff85;font-size:9px;font-weight:800}.task-message-qr{display:grid;gap:4px;margin-top:8px}.task-message-qr img{width:96px;height:96px;border-radius:4px;object-fit:cover}.task-message-qr-button{width:96px;height:96px;overflow:hidden;border:1px solid rgba(79,127,234,.18);border-radius:6px;padding:0;background:#fff;box-shadow:0 5px 14px #283d5c1a}.task-message-qr-button img{display:block}.task-message-qr small{color:#11191dad;font-size:9px}.task-qr-preview-backdrop{position:absolute;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:#151d2aa8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.task-qr-preview-dialog{position:relative;display:grid;justify-items:center;gap:12px;width:min(100%,320px);border-radius:12px;padding:28px 22px 18px;background:#fff;box-shadow:0 24px 56px #0a132247}.task-qr-preview-dialog>button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#68768a;background:#f0f3f8}.task-qr-preview-dialog>button svg{width:17px;height:17px}.task-qr-preview-dialog>img{width:min(100%,250px);aspect-ratio:1;object-fit:contain}.task-qr-preview-dialog>p{margin:0;color:#778497;font-size:11px}.task-service-form{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;margin-top:10px;border-top:1px solid #e6ebf2;padding-top:10px}.task-service-form textarea{min-height:42px;max-height:92px;resize:vertical;border:1px solid #e2e8f1;border-radius:6px;padding:10px;background:#f7f9fc}.task-service-form button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#527fea;box-shadow:0 6px 14px #527fea33}.task-play-empty-inline{display:grid;place-items:center;min-height:72px;color:#718088;font-size:11px;text-align:center}.task-play-loading,.task-play-empty{display:grid;justify-items:center;gap:8px;min-height:230px;padding:36px 16px;color:#7a879b;border:1px solid #e1e7f0;border-radius:8px;background:#fff;box-shadow:0 8px 22px #2f466c0f;text-align:center}.task-play-loading>span{width:38px;height:38px;border:2px solid #e0e6ef;border-top-color:#527fea;border-radius:50%;animation:task-spin .8s linear infinite}.task-play-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#527fea;background:#edf3ff}.task-play-loading strong,.task-play-empty strong{color:#17223a;font-size:15px}.task-play-loading p,.task-play-empty p{margin:0;font-size:11px}.task-entry-popup-backdrop{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:22px;background:#1c273d5c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-entry-popup{position:relative;width:min(330px,100%);border:1px solid #e1e7f0;border-radius:8px;padding:24px 18px 18px;color:#17223a;background:#fff;box-shadow:0 24px 70px #1c273d38;text-align:center}.task-entry-popup>button{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;color:#7f8ba0;background:#eef2f8;font-size:18px}.task-entry-emblem{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:50%;color:#527fea;background:#edf3ff}.task-entry-popup>small{color:#527fea;font-size:9px;font-weight:900}.task-entry-popup h3{margin:5px 0 8px;font-size:19px}.task-entry-popup p{margin:0;color:#748197;font-size:12px;line-height:1.7;white-space:pre-line}.task-entry-popup>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}@keyframes task-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.task-play-hero{min-height:216px}.task-play-member-bar{grid-template-columns:52px minmax(0,1fr) 30px;width:calc(100% - 10px);min-height:80px;padding-inline:11px}.task-play-avatar{width:52px;height:52px}.task-play-member-name>strong{font-size:14px}.task-play-workspace{--task-nav-column: 50px;--task-nav-gap: 7px}.task-play-nav-item.active:after{right:-12px}.task-play-switcher{padding:0}.task-play-nav-item{width:48px;height:48px}.task-play-nav-icon{width:40px;height:40px}}