:root{--m-primary:#2f6bf6;--m-primary-deep:#1d4fd0;--m-grad:linear-gradient(135deg, #2f6bf6 0%, #5a8bff 55%, #7aa8ff 100%);--m-green:#2fbf7f;--m-green-grad:linear-gradient(135deg, #23b26f 0%, #3ecf8e 100%);--m-orange:#ff9d4d;--m-red:#f5484d;--m-text:#16233c;--m-text2:#556483;--m-text3:#8e9cb8;--m-bg:#f3f5fa;--m-line:#edf0f6;--m-shadow:0 6px 18px #182e6612;--m-radius:16px;--fs-caption:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:15px;--fs-title:16px;--fs-xl:17px;--fs-hero:22px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#mobile-root{height:100%}body{background:var(--m-bg);color:var(--m-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.m-page{min-height:100%;padding-bottom:84px}.m-page--plain{padding-bottom:24px}button{font-family:inherit;font-size:inherit}input{font-family:inherit}.m-topbar{height:50px;font-weight:600;font-size:var(--fs-title);z-index:20;background:#fff;justify-content:center;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px #182e660a}.m-topbar__back{width:44px;height:50px;color:var(--m-text);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:4px}.m-hero{color:#fff;background:linear-gradient(140deg,#2547d8 0%,#2f6bf6 48%,#4f8ef7 100%);border-radius:0 0 24px 24px;padding:30px 18px 40px;position:relative;overflow:hidden}.m-hero:before,.m-hero:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.m-hero:before{width:180px;height:180px;top:-70px;right:-50px}.m-hero:after{background:#ffffff0f;width:120px;height:120px;bottom:-60px;right:70px}.m-hero__brand{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.m-hero__logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.m-hero__logo img{object-fit:contain;width:100%;height:100%}.m-hero__logo .m-svgicon{color:#fff}.m-hero__name{font-size:var(--fs-xl);letter-spacing:1px;font-weight:700}.m-hero__title{z-index:1;font-size:var(--fs-hero);letter-spacing:1px;margin-top:18px;font-weight:800;line-height:1.4;position:relative}.m-hero__title em{color:#8ef0c3;font-style:normal}.m-hero__sub{z-index:1;font-size:var(--fs-md);opacity:.88;margin-top:8px;line-height:1.5;position:relative}.m-hero__badge{z-index:1;color:#fff;font-size:var(--fs-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;display:flex;position:absolute;bottom:18px;right:16px}.m-notice{border-radius:var(--m-radius);box-shadow:var(--m-shadow);font-size:var(--fs-md);color:var(--m-text2);cursor:pointer;background:#fff;align-items:center;gap:10px;height:42px;margin:12px;padding:10px 14px;display:flex;overflow:hidden}.m-notice__tag{color:var(--m-red);flex-shrink:0;align-items:center;gap:4px;font-weight:700;display:flex}.m-notice__more{color:var(--m-text3);font-size:var(--fs-sm);flex-shrink:0}.m-marquee{flex:1;align-items:center;display:flex;overflow:hidden}.m-marquee__track{white-space:nowrap;will-change:transform;animation:20s linear infinite mMarquee;display:inline-flex}.m-marquee__text{padding-right:60px}@keyframes mMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.m-mask{z-index:90;background:#0f19328c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.m-dialog{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:340px;max-height:76vh;display:flex;overflow:hidden;box-shadow:0 18px 44px #0a194147}.m-dialog__title{font-size:var(--fs-title);text-align:center;padding:16px 18px 10px;font-weight:700}.m-dialog__body{flex:1;padding:0 18px;overflow-y:auto}.m-dialog__btn{background:linear-gradient(135deg, var(--m-primary) 0%, #5a8bff 100%);color:#fff;font-size:var(--fs-base);cursor:pointer;border:none;border-radius:999px;margin:14px 18px 16px;padding:11px;font-weight:600}.m-notice-item{border-bottom:1px solid var(--m-line);padding:10px 0}.m-notice-item:last-child{border-bottom:none}.m-notice-item__title{font-weight:600;font-size:var(--fs-base)}.m-notice-item__date{font-size:var(--fs-caption);color:var(--m-text3);margin:3px 0 6px}.m-notice-item__content{font-size:var(--fs-md);color:var(--m-text2);white-space:pre-wrap;word-break:break-word;line-height:1.7}.m-contact-row{border:1px solid var(--m-line);cursor:pointer;font-size:var(--fs-base);border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:13px 12px;display:flex}.m-contact-row:active{background:#f7f9fc}.m-contact-row__label{color:var(--m-text3);flex-shrink:0}.m-contact-row__val{color:var(--m-primary);word-break:break-all;flex:1;font-weight:700}.m-paytabs{gap:8px;display:flex}.m-paytab{border:1px solid var(--m-line);font-size:var(--fs-base);color:var(--m-text2);cursor:pointer;background:#f7f9fc;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px;display:flex}.m-paytab--active{color:var(--m-primary);box-shadow:inset 0 0 0 1.5px var(--m-primary);background:linear-gradient(135deg,#eaf3ff,#f0f7ff);border-color:#0000;font-weight:700}.m-paytab--disabled{opacity:.55;color:var(--m-text3);box-shadow:none;background:#f2f3f7}.m-paytab__badge{font-size:var(--fs-caption);color:#fff;background:var(--m-orange);border-radius:999px;padding:1px 6px}.m-paytab__tip{font-size:var(--fs-sm);color:#fa8c16;background:#fff7e6;border-radius:8px;margin-top:8px;padding:6px 10px}.m-maintain-tip{color:#fa8c16;font-size:var(--fs-md);background:#fff7e6;border-radius:10px;margin:14px 0 4px;padding:10px 12px;line-height:1.6}.m-section{border-radius:var(--m-radius);box-shadow:var(--m-shadow);background:#fff;margin:12px;padding:16px 14px}.m-section__title{font-size:var(--fs-title);align-items:center;gap:8px;margin:0 0 14px;font-weight:700;line-height:22px;display:flex}.m-section__title:before{content:"";background:linear-gradient(180deg, var(--m-primary), #7aa8ff);border-radius:2px;width:4px;height:16px}.m-grid{grid-template-columns:repeat(3,1fr);gap:18px 8px;display:grid}.m-grid__item{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:flex}.m-grid__icon{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .15s;display:flex;box-shadow:0 8px 16px #2f6bf62e}.m-grid__item:active .m-grid__icon{transform:scale(.92)}.m-grid__name{font-size:var(--fs-md);color:var(--m-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:18px;line-height:18px;overflow:hidden}.m-grid__item--active .m-grid__icon{box-shadow:0 0 0 3px #eaf3ff,0 8px 16px #2f6bf647}.m-grid__item--active .m-grid__name{color:var(--m-primary);font-weight:600}.m-hot{flex-direction:column;display:flex}.m-hot__item{border-bottom:1px solid var(--m-line);cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 2px;display:flex}.m-hot__item:last-child{border-bottom:none}.m-hot__left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.m-hot__icon{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.m-hot__meta{flex:1;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.m-hot__name{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:21px;overflow:hidden}.m-hot__sub{font-size:var(--fs-sm);color:var(--m-text3);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:21px}.m-hot__badge{color:var(--m-red);font-weight:700;font-size:var(--fs-md);font-variant-numeric:tabular-nums;background:#fff1f0;border-radius:999px;flex-shrink:0;padding:6px 12px}.m-catalog{padding-bottom:84px}.m-catalog__body{background:#fff;align-items:flex-start;min-height:calc(100vh - 50px);display:flex}.m-cat-nav{border-right:1px solid var(--m-line);background:#fff;flex-shrink:0;width:104px;height:calc(100vh - 50px);padding:6px 0;position:sticky;top:50px;overflow-y:auto}.m-cat-nav__item{text-align:left;width:100%;font-size:var(--fs-base);color:var(--m-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:15px 8px 15px 16px;display:block;overflow:hidden}.m-cat-nav__item--active{background:#f2f4f8;font-weight:700}.m-cat-main{flex:1;min-width:0;padding:6px 16px 24px}.m-cat-section{scroll-margin-top:62px}.m-cat-section__title{font-size:var(--fs-title);color:var(--m-text);justify-content:center;align-items:center;gap:12px;margin:26px 0 20px;font-weight:700;display:flex}.m-cat-section__title:before,.m-cat-section__title:after{content:"";background:#dfe4ec;width:38px;height:1px}.m-brand-grid{grid-template-columns:repeat(3,1fr);gap:20px 10px;display:grid}.m-brand{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:4px 2px;display:flex}.m-brand:active .m-brand__img{transform:scale(.94)}.m-brand__img{background:#fff;border-radius:14px;justify-content:center;align-items:center;transition:transform .12s;display:flex;overflow:hidden;box-shadow:0 3px 10px #182e661a}.m-brand__img img{object-fit:contain;width:82%;height:82%}.m-brand__name{font-size:var(--fs-md);color:var(--m-text);text-align:center;-webkit-line-clamp:2;word-break:break-all;-webkit-box-orient:vertical;max-width:100%;line-height:18px;display:-webkit-box;overflow:hidden}.m-custom-entry{color:var(--m-text2);font-size:var(--fs-md);cursor:pointer;background:#f2f4f8;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:26px;padding:13px;display:flex}.m-custom-entry:active{background:#e9ecf2}.m-form__brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.m-form__brand-name{font-size:var(--fs-title);font-weight:700}.m-form__brand-sub{font-size:var(--fs-sm);color:var(--m-text3);margin-top:2px}.m-contact{border-radius:var(--m-radius);box-shadow:var(--m-shadow);font-size:var(--fs-md);color:var(--m-text2);background:#fff;justify-content:space-between;align-items:center;margin:12px;padding:13px 16px;display:flex}.m-contact__val{color:var(--m-primary);margin-left:6px;font-weight:700}.m-contact__icon{align-items:center;gap:8px;display:flex}.m-form{border-radius:var(--m-radius);box-shadow:var(--m-shadow);background:#fff;margin:12px;padding:16px 14px}.m-form__label{font-size:var(--fs-base);align-items:center;margin:16px 0 8px;font-weight:600;display:flex}.m-form__label:first-child{margin-top:0}.m-form__label .m-req{color:var(--m-red);margin-left:2px}.m-chips{flex-wrap:wrap;gap:8px;display:flex}.m-chip{border:1px solid var(--m-line);font-size:var(--fs-md);color:var(--m-text2);cursor:pointer;background:#f7f9fc;border-radius:999px;align-items:center;gap:5px;padding:8px 15px;transition:all .15s;display:inline-flex}.m-chip--active{color:#fff;background:linear-gradient(135deg, var(--m-primary), #5a8bff);border-color:#0000;font-weight:600;box-shadow:0 4px 10px #2f6bf64d}.m-input{border:1px solid var(--m-line);width:100%;font-size:var(--fs-base);background:#f7f9fc;border-radius:12px;outline:none;padding:13px 15px;transition:border-color .15s}.m-input:focus{border-color:var(--m-primary);background:#fff}.m-earn{background:linear-gradient(135deg,#e9f9f1 0%,#f2fffa 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 16px;display:flex}.m-earn__label{color:var(--m-text2);font-size:var(--fs-md)}.m-earn__val{color:var(--m-green);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.m-btn{background:linear-gradient(135deg, var(--m-primary) 0%, #5a8bff 100%);color:#fff;width:100%;font-size:var(--fs-lg);cursor:pointer;border:none;border-radius:999px;margin-top:18px;padding:14px;font-weight:600;transition:transform .12s;box-shadow:0 8px 18px #2f6bf652}.m-btn:active{transform:scale(.98)}.m-btn:disabled{opacity:.5}.m-btn--green{background:var(--m-green-grad);box-shadow:0 8px 18px #23b26f52}.m-btn--ghost{color:var(--m-primary);border:1.5px solid var(--m-primary);box-shadow:none;background:#fff}.m-tip{color:var(--m-text3);font-size:var(--fs-sm);margin:4px 16px 0;line-height:1.9}.m-mine-head{color:#fff;background:linear-gradient(140deg,#2547d8 0%,#2f6bf6 55%,#4f8ef7 100%);border-radius:0 0 24px 24px;padding:28px 16px 34px;position:relative;overflow:hidden}.m-mine-head:before{content:"";background:#ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-40px}.m-mine-head__user{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.m-mine-head__avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.m-mine-head__name{font-size:var(--fs-xl);align-items:center;gap:6px;font-weight:700;display:flex}.m-mine-head__id{background:#fff3;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:400}.m-mine-head__wel{font-size:var(--fs-sm);opacity:.85;margin-top:4px}.m-mine-warn{z-index:1;color:#6b3d00;font-size:var(--fs-sm);cursor:pointer;background:linear-gradient(90deg,#ffb84d,#ff9d4d);border-radius:12px;align-items:center;gap:6px;margin-top:16px;padding:10px 12px;display:flex;position:relative}.m-balance-card{border-radius:var(--m-radius);box-shadow:var(--m-shadow);z-index:2;background:#fff;justify-content:space-between;align-items:center;margin:-22px 12px 0;padding:16px;display:flex;position:relative}.m-balance-card__label{color:var(--m-text3);font-size:var(--fs-md);align-items:center;gap:5px;display:flex}.m-balance-card__val{font-size:var(--fs-hero);font-variant-numeric:tabular-nums;margin-top:5px;font-weight:800}.m-balance-card__btn{background:var(--m-green-grad);color:#fff;font-size:var(--fs-base);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;display:inline-flex;box-shadow:0 6px 14px #23b26f52}.m-balance-card__btn--ghost{color:var(--m-text2);box-shadow:none;background:#f4f6fa}.m-quick{border-radius:var(--m-radius);box-shadow:var(--m-shadow);background:#fff;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px;padding:18px 6px;display:grid}.m-quick__item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;display:flex}.m-quick__icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.m-celllist{border-radius:var(--m-radius);box-shadow:var(--m-shadow);background:#fff;margin:12px;overflow:hidden}.m-cell{border:none;border-bottom:1px solid var(--m-line);width:100%;font-size:var(--fs-lg);color:var(--m-text);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:12px;padding:15px 16px;display:flex}.m-cell:last-child{border-bottom:none}.m-cell__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.m-cell__label{flex:1;font-weight:500}.m-cell__extra{color:var(--m-text3);font-size:var(--fs-sm)}.m-cell__arrow{color:#c3ccdc;display:flex}.m-list{flex-direction:column;gap:10px;margin:12px;display:flex}.m-order-card{border-radius:var(--m-radius);box-shadow:var(--m-shadow);background:#fff;padding:14px 15px}.m-order-card__head{font-size:var(--fs-sm);color:var(--m-text3);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;display:flex}.m-order-card__body{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.m-order-card__title{font-weight:600;font-size:var(--fs-lg);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.m-order-card__sub{color:var(--m-text3);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-top:4px}.m-order-card__amount{color:var(--m-green);font-weight:800;font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.m-order-card__amount--in{color:var(--m-green)}.m-order-card__amount--out{color:var(--m-red)}.m-tag{font-size:var(--fs-caption);border-radius:999px;padding:2px 8px;font-weight:500}.m-tag--orange{color:#fa8c16;background:#fff7e6}.m-tag--green{color:#389e0d;background:#f6ffed}.m-tag--red{color:#cf1322;background:#fff1f0}.m-tag--purple{color:#722ed1;background:#f9f0ff}.m-empty{text-align:center;color:var(--m-text3);font-size:var(--fs-md);padding:60px 0 30px}.m-empty__icon{opacity:.6;margin-bottom:10px;font-size:40px}.m-loading{text-align:center;color:var(--m-text3);font-size:var(--fs-md);padding:30px 0}.m-auth{background:linear-gradient(150deg,#2547d8 0%,#2f6bf6 45%,#5a94f7 80%,#7ab1ff 100%);min-height:100%;padding:56px 24px;position:relative;overflow:hidden}.m-auth:before,.m-auth:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.m-auth:before{width:220px;height:220px;top:-80px;left:-70px}.m-auth:after{width:150px;height:150px;bottom:60px;right:-40px}.m-auth__logo{text-align:center;color:#fff;z-index:1;margin-bottom:30px;position:relative}.m-auth__logo-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff40;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;display:flex;overflow:hidden}.m-auth__logo-icon img{object-fit:contain;width:100%;height:100%}.m-auth__logo-icon .m-svgicon{color:#fff}.m-auth__title{letter-spacing:2px;margin-top:14px;font-size:24px;font-weight:800}.m-auth__slogan{font-size:var(--fs-md);opacity:.85;margin-top:6px}.m-auth__card{z-index:1;background:#fff;border-radius:20px;padding:22px 18px;position:relative;box-shadow:0 16px 40px #0f235f40}.m-auth__tabs{border-bottom:1px solid var(--m-line);margin-bottom:20px;display:flex}.m-auth__tab{text-align:center;font-size:var(--fs-lg);color:var(--m-text3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0}.m-auth__tab--active{color:var(--m-primary);border-bottom-color:var(--m-primary);font-weight:700}.m-auth__field{margin-bottom:12px}.m-auth__btn{background:linear-gradient(135deg, var(--m-primary) 0%, #5a8bff 100%);color:#fff;width:100%;font-size:var(--fs-lg);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:13px;font-weight:600;box-shadow:0 8px 18px #2f6bf652}.m-auth__btn:disabled{opacity:.5}.m-detail-rows{border-radius:var(--m-radius);box-shadow:var(--m-shadow);background:#fff;margin:12px;padding:4px 16px}.m-detail-row{border-bottom:1px solid var(--m-line);font-size:var(--fs-base);justify-content:space-between;gap:16px;padding:13px 0;display:flex}.m-detail-row:last-child{border-bottom:none}.m-detail-row__label{color:var(--m-text3);flex-shrink:0}.m-detail-row__val{text-align:right;word-break:break-all}.m-copy{color:var(--m-primary);font-size:var(--fs-sm);cursor:pointer;background:#eaf3ff;border:none;border-radius:6px;margin-left:8px;padding:3px 9px}.m-tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--m-line);z-index:30;height:62px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;display:flex;position:fixed;bottom:0;left:0;right:0}.m-tabbar__item{color:var(--m-text3);font-size:var(--fs-caption);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.m-tabbar__item--active{color:var(--m-primary);font-weight:600}.m-toast{color:#fff;font-size:var(--fs-base);z-index:99;text-align:center;background:#16233ce0;border-radius:10px;max-width:72vw;padding:10px 18px;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}