.layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.layout-content::-webkit-scrollbar{display:none}.layout-tab-icon{width:26px;height:26px;display:block;object-fit:contain}:root{--color-primary: rgb(255, 101, 51);--color-primary-light: rgb(255, 133, 88);--color-primary-soft: rgba(255, 101, 51, .08);--color-primary-tag: rgba(255, 101, 51, .12);--color-purple: rgb(133, 42, 205);--color-purple-soft: rgba(133, 42, 205, .12);--color-purple-bg: rgb(240, 229, 249);--color-purple-grad-1: rgb(60, 35, 110);--color-purple-grad-2: rgb(151, 114, 228);--color-success: rgb(53, 174, 66);--color-success-soft: rgba(82, 196, 26, .1);--color-warning: rgb(255, 159, 26);--color-warning-soft: rgba(255, 159, 26, .1);--color-danger: rgb(255, 86, 86);--color-danger-soft: rgba(255, 86, 86, .1);--color-text-primary: rgb(34, 34, 34);--color-text-strong: rgb(50, 49, 54);--color-text-secondary: rgb(102, 102, 102);--color-text-muted: rgb(153, 153, 153);--color-text-faint: rgb(179, 179, 179);--color-text-on-primary:rgb(255, 255, 255);--color-bg-app: rgb(245, 245, 245);--color-bg-app-2: rgb(247, 247, 247);--color-bg-app-3: rgb(248, 248, 248);--color-bg-card: rgb(255, 255, 255);--color-bg-soft: rgb(246, 246, 246);--color-bg-input: rgb(245, 245, 245);--color-border: rgb(223, 223, 223);--color-border-soft: rgb(230, 230, 230);--color-border-faint: rgb(241, 241, 241);--color-tab-inactive: rgb(208, 209, 210);--gradient-header: linear-gradient(180deg, rgb(236, 232, 255) 0%, rgb(252, 239, 255) 100%);--gradient-quick-card: linear-gradient(180deg, rgb(236, 232, 255) 0%, rgb(252, 240, 255) 100%);--gradient-topup-card: linear-gradient(135deg, rgba(218, 206, 255, .95) 0%, rgba(255, 225, 226, .95) 100%);--gradient-primary-btn: linear-gradient(135deg, rgb(255, 101, 51) 0%, rgb(255, 133, 88) 100%);--gradient-rewards: linear-gradient(135deg, rgb(60, 35, 110) 0%, rgb(151, 114, 228) 100%);--gradient-points-icon: linear-gradient(135deg, rgb(255, 196, 76) 0%, rgb(255, 138, 51) 100%);--gradient-silver-tag: linear-gradient(135deg, rgb(168, 80, 242) 0%, rgb(133, 42, 205) 100%);--gradient-topup-mark: linear-gradient(135deg, rgb(82, 50, 200) 0%, rgb(220, 60, 90) 100%);--shadow-card: 0 6px 20px 0 rgba(0, 0, 0, .06);--shadow-card-soft: 2px 4px 20px 0 rgba(0, 0, 0, .06);--shadow-soft: 0 2px 8px 0 rgba(0, 0, 0, .04);--shadow-tabbar: 0 -5px 30px 0 rgba(45, 49, 66, .1);--shadow-bottom-bar: 0 -5px 30px 0 rgba(45, 49, 66, .1);--shadow-points-icon: 0 1px 2px rgba(255, 101, 51, .25);--shadow-topup-mark: 0 6px 18px rgba(82, 50, 200, .35);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-display: "Francois One", "Inter", sans-serif;--font-num: "DIN Alternate", "DIN", "Inter", sans-serif;--fz-10: 10px;--fz-11: 11px;--fz-12: 12px;--fz-13: 13px;--fz-14: 14px;--fz-15: 15px;--fz-16: 16px;--fz-18: 18px;--fz-20: 20px;--fz-22: 22px;--fz-28: 28px;--fz-30: 30px;--fz-36: 36px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 14px;--sp-5: 16px;--sp-6: 18px;--sp-7: 20px;--sp-8: 24px;--sp-page: 12px;--duration-fast: .15s;--duration-base: .22s;--easing: cubic-bezier(.2, .8, .2, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-scale-in{animation:scaleIn .3s ease-out}.h-stack{display:flex;flex-direction:row;align-items:center}.v-stack{display:flex;flex-direction:column}.spacer{flex:1}.nav-bar{position:sticky;top:0;z-index:50;height:44px;display:flex;align-items:center;padding:0 var(--sp-5);background:var(--color-bg-card)}.nav-bar--transparent{background:transparent}.nav-bar__back{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-strong);background:none;border:none;cursor:pointer;padding:0}.nav-bar__title{position:absolute;left:0;right:0;text-align:center;font-weight:700;font-size:var(--fz-18);color:var(--color-text-strong);pointer-events:none}.nav-bar__right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);z-index:1}.tab-bar{position:fixed;left:0;right:0;bottom:0;height:84px;background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-tabbar);display:flex;padding:6px 0 0;z-index:40;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 640px){.tab-bar{left:50%;transform:translate(-50%);width:100%;max-width:480px}}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6px;color:var(--color-tab-inactive);gap:3px;-webkit-user-select:none;user-select:none;background:none;border:none;cursor:pointer}.tab-bar__item.is-active{color:var(--color-primary)}.tab-bar__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.tab-bar__label{font-size:var(--fz-12);font-weight:700;line-height:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-5);border-radius:var(--radius-pill);font-weight:700;font-size:var(--fz-15);border:none;cursor:pointer;transition:opacity var(--duration-fast) var(--easing),transform var(--duration-fast) var(--easing)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--gradient-primary-btn);color:var(--color-text-on-primary)}.btn--secondary{background:var(--color-bg-card);color:var(--color-primary);border:1px solid var(--color-primary)}.btn--ghost{background:var(--color-bg-soft);color:var(--color-text-secondary)}.btn--block{width:100%}.btn--sm{height:32px;font-size:var(--fz-13);padding:0 var(--sp-4)}.btn--md{height:40px;font-size:var(--fz-14)}.btn--lg{height:48px;font-size:var(--fz-16)}.btn[disabled]{opacity:.45;pointer-events:none}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card--soft{box-shadow:none;border:1px solid var(--color-border-faint)}.card--bordered{border:1px solid var(--color-border);box-shadow:none}.point-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.point-icon img{width:100%;height:100%;display:block;object-fit:contain}.tag{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fz-12);font-weight:500;white-space:nowrap}.tag--purple{background:var(--color-purple-bg);color:var(--color-purple)}.tag--gray{background:var(--color-bg-app);color:var(--color-text-secondary)}.tag--orange{background:var(--color-primary-soft);color:var(--color-primary)}.tag--success{background:var(--color-success-soft);color:var(--color-success)}.tag--warning{background:var(--color-warning-soft);color:var(--color-warning)}.tag--danger{background:var(--color-danger-soft);color:var(--color-danger)}.corner-badge{position:absolute;top:8px;right:8px;z-index:5;height:18px;padding:0 6px;border-radius:4px 4px 4px 0;font-size:var(--fz-10);font-weight:700;color:#fff;display:inline-flex;align-items:center;letter-spacing:.04em}.corner-badge--hot{background:linear-gradient(135deg,#ff5d4f,#ff2d55)}.corner-badge--new{background:linear-gradient(135deg,#34c759,#30c060)}.chip-row{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;height:30px;padding:0 var(--sp-4);border-radius:var(--radius-pill);font-size:var(--fz-13);font-weight:500;display:inline-flex;align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-strong);cursor:pointer;transition:background var(--duration-fast) var(--easing)}.chip.is-active{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary)}.seg{display:flex;align-items:center;gap:var(--sp-7);padding:0 var(--sp-3)}.seg__item{position:relative;font-size:var(--fz-15);font-weight:500;color:var(--color-text-faint);padding:6px 0;flex:0 0 auto;background:none;border:none;cursor:pointer}.seg__item.is-active{color:var(--color-purple);font-weight:700}.seg__item.is-active:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:16px;height:3px;border-radius:99px;background:var(--color-purple)}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fz-14);font-weight:700;color:var(--color-text-strong)}.input,.textarea,.select{width:100%;height:44px;padding:0 var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);font-size:var(--fz-14);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--easing)}.input::placeholder{color:var(--color-text-faint)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary)}.textarea{height:auto;min-height:80px;padding:12px var(--sp-4);resize:vertical}.page-pad{padding:0 var(--sp-page)}.section-title{font-weight:700;font-size:var(--fz-16);color:var(--color-text-strong);display:flex;align-items:center;justify-content:space-between}.bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:12px var(--sp-5) calc(env(safe-area-inset-bottom) + 12px);background:var(--color-bg-card);box-shadow:var(--shadow-bottom-bar);display:flex;align-items:center;gap:var(--sp-3);z-index:40}@media (min-width: 640px){.bottom-bar{left:50%;transform:translate(-50%);width:100%;max-width:480px}}.divider{height:1px;background:var(--color-border-faint)}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.muted{color:var(--color-text-secondary)}.faint{color:var(--color-text-faint)}.strong{color:var(--color-text-strong);font-weight:700}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--color-text-faint);text-align:center}.empty__icon{width:72px;height:72px;border-radius:50%;background:var(--color-bg-soft);display:flex;align-items:center;justify-content:center;color:var(--color-text-faint)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:68px;padding:12px 14px;border-radius:12px;background:#f5f5f5}.list-row__icon{flex:0 0 26px;display:flex;align-items:center;justify-content:center}.list-row__content{flex:1;min-width:0}.list-row__title{color:#343741;font-size:16px;font-weight:500;line-height:1.4}.list-row__subtitle{margin-top:2px;color:#6f6f6f;font-size:14px;line-height:1.4}.list-row__right{flex:0 0 auto;display:flex;align-items:center}.list-row__arrow{width:16px;height:16px;display:block;object-fit:contain}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--color-bg-app-2);min-height:100vh;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--color-bg-app-2);position:relative;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{width:0;height:0;display:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.safe-area-bottom{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}*::-webkit-scrollbar{width:0;height:0;display:none}:root:root{--adm-color-primary: #FF6533;--adm-color-success: #35AE42;--adm-color-warning: #FF9F1A;--adm-color-danger: #FF5656}