.bg-screen,.background_screen{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;opacity:.7;overflow:hidden;z-index:100;color:#fff}.pay-tip-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:101;animation:ptFadeIn .2s ease}@keyframes ptFadeIn{0%{opacity:0}to{opacity:1}}.pay-tip-card{position:relative;width:300px;max-width:88vw;background:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:28px 24px 20px;box-shadow:0 12px 40px #00000026;animation:ptSlideUp .3s ease}@keyframes ptSlideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pay-tip-icon{margin-bottom:12px}.pay-tip-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.pay-tip-subtitle{font-size:13px;color:#999;margin-bottom:16px}.pay-tip-qr-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 0;margin-bottom:8px}.pay-tip-qr-label{font-size:13px;color:#666;margin-bottom:8px}.pay-tip-qr-code{display:flex;justify-content:center;padding:8px;background:#f8f8f8;border-radius:12px}.pay-tip-qr-code canvas,.pay-tip-qr-code img{display:block;width:180px;height:180px}.pay-tip-btn-primary{width:100%;padding:13px 0;border:none;border-radius:14px;background:linear-gradient(135deg,#07c160,#06ae56);color:#fff;font-size:17px;font-weight:600;cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 16px #07c16040;margin-bottom:12px;transition:transform .15s,box-shadow .15s}.pay-tip-btn-primary:active{transform:scale(.97);box-shadow:0 2px 8px #07c16026}.pay-tip-btn-secondary{width:100%;padding:11px 0;border:1.5px solid #e0e0e0;border-radius:14px;background:#fff;color:#666;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:8px;transition:border-color .15s}.pay-tip-btn-secondary:active{border-color:#ccc;background:#fafafa}.pay-tip-btn-link{font-size:14px;color:#bbb;cursor:pointer;padding:6px 0;transition:color .15s}.pay-tip-btn-link:active{color:#999}.retention-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:101;animation:retFadeIn .2s ease}@keyframes retFadeIn{0%{opacity:0}to{opacity:1}}.retention-card{position:relative;width:300px;max-width:85vw;background:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:36px 24px 28px;box-shadow:0 12px 40px #0000001f;animation:retSlideUp .35s ease;text-align:center}@keyframes retSlideUp{0%{opacity:0;transform:translateY(32px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.retention-close{position:absolute;top:14px;right:14px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;border:none;transition:background .15s}.retention-close:active{background:#e8e8e8}.retention-close svg{width:12px;height:12px}.retention-icon{margin-bottom:16px}.retention-title{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.4;margin-bottom:8px}.retention-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:6px}.retention-highlights{width:100%;display:flex;flex-direction:column;gap:10px;margin:12px 0 18px;text-align:left}.retention-highlight-item{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#444;line-height:1.5}.retention-highlight-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#07c160;margin-top:7px}.retention-highlight-dot.retention-highlight-dot-accent{background:#f5a623}.retention-btn{width:100%;padding:14px 0;border:none;border-radius:14px;background:linear-gradient(135deg,#07c160,#06ae56);color:#fff;font-size:17px;font-weight:600;cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 16px #07c16040;transition:transform .15s,box-shadow .15s;margin-top:8px}.retention-btn:active{transform:scale(.97);box-shadow:0 2px 8px #07c16026}.retention-link{margin-top:14px;font-size:14px;color:#aaa;cursor:pointer;transition:color .15s}.retention-link:active{color:#888}.retention-coupon-card{overflow:hidden;padding:0}.retention-coupon-banner{width:100%;background:linear-gradient(135deg,#ff6b6b,#ee5a24);padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;position:relative}.retention-coupon-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 14px;font-size:12px;color:#fff;font-weight:500;margin-bottom:14px}.retention-coupon-value{font-size:48px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1px}.retention-coupon-unit{font-size:20px;font-weight:600;margin-left:2px}.retention-coupon-hint{font-size:13px;color:#fffc;margin-top:6px}.retention-coupon-body{width:100%;padding:20px 24px 24px;display:flex;flex-direction:column;align-items:center}.retention-coupon-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.retention-coupon-price-old{font-size:16px;color:#bbb;text-decoration:line-through}.retention-coupon-price-new{font-size:32px;font-weight:800;color:#ff6b6b;line-height:1}.retention-coupon-btn{width:100%;padding:14px 0;border:none;border-radius:14px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #ff6b6b59;animation:couponBtnPulse 2s ease-in-out infinite;transition:transform .15s}@keyframes couponBtnPulse{0%,to{box-shadow:0 4px 20px #ff6b6b59}50%{box-shadow:0 4px 32px #ff6b6b8c}}.retention-coupon-btn:active{transform:scale(.97)}.retention-coupon-exit{margin-top:16px;font-size:13px;color:#ccc;cursor:pointer;transition:color .15s}.retention-coupon-exit:active{color:#aaa}.atten-guide-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:101;animation:agOverlayIn .25s ease}@keyframes agOverlayIn{0%{opacity:0}to{opacity:1}}.atten-guide-card{position:relative;width:300px;max-width:88vw;background:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:32px 24px 28px;box-shadow:0 12px 48px #0000002e;animation:agCardIn .3s ease}@keyframes agCardIn{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.atten-guide-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s}.atten-guide-close-btn:active{background:#f0f0f0}.atten-guide-close-icon{position:relative;display:block;width:18px;height:18px}.atten-guide-close-icon:before,.atten-guide-close-icon:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:#999;border-radius:1px}.atten-guide-close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.atten-guide-close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.atten-guide-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.atten-guide-logo{width:28px;height:28px}.atten-guide-brand{font-size:17px;font-weight:600;color:#333}.atten-guide-tip{font-size:14px;color:#666;margin:0 0 8px;text-align:center}.atten-guide-qr-wrapper{padding:12px;background:linear-gradient(135deg,#fdf6f0,#fef0ef);border-radius:16px;margin-bottom:10px}.atten-guide-qr-img{display:block;width:160px;height:160px;border-radius:8px}.atten-guide-sub{font-size:13px;color:#999;margin:0;text-align:center}.atten-float{position:fixed;top:10px;right:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:99;animation:attenPulse 2s linear infinite alternate}@keyframes attenPulse{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(.7)}75%{transform:scale(.8)}to{transform:scale(1)}}.atten-float-icon{width:35px;height:35px}.atten-float-text{font-size:12px;color:#e65151}.edit-user-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-user-card{background:#fff;border-radius:16px;width:85%;max-width:350px;padding:20px}.edit-user-title{font-size:17px;font-weight:600;text-align:center;margin-bottom:20px}.edit-user-avatar{display:flex;justify-content:center;margin-bottom:16px}.edit-user-avatar img{width:72px;height:72px;border-radius:50%}.edit-user-field{margin-bottom:12px}.edit-user-field label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.edit-user-field input,.edit-user-field select{width:100%;padding:8px 10px;border:1px solid var(--color-border-dark);border-radius:6px;font-size:14px;outline:none}.edit-user-field input:focus{border-color:#667eea}.edit-user-btns{display:flex;gap:10px;margin-top:18px}.edit-user-btns button{flex:1;padding:10px;border-radius:20px;border:none;font-size:14px;cursor:pointer}.edit-user-btn-cancel{background:#f0f0f0;color:var(--color-text-secondary)}.edit-user-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-user-disabled{background:var(--color-bg);color:var(--color-text-hint)}.edit-user-logout{width:100%;padding:12px;margin-top:16px;background:#ff4d4f;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.edit-user-logout:active{opacity:.8}.edit-user-refresh-avatar{text-align:center;font-size:13px;color:var(--color-primary);cursor:pointer;margin-top:6px}.edit-user-refresh-avatar:active{opacity:.7}.agreement-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.agreement-card{background:#fff;border-radius:16px;width:85%;max-width:350px;padding:24px 20px}.agreement-title{font-size:18px;font-weight:600;text-align:center;margin-bottom:16px;color:var(--color-text-primary)}.agreement-body{font-size:14px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:20px}.agreement-link{color:#5bc8f5;cursor:pointer}.agreement-btns{display:flex;justify-content:center}.agreement-btn-agree{width:100%;padding:12px;border:none;border-radius:20px;background:linear-gradient(135deg,#5bc8f5,#3da8d8);color:#fff;font-size:16px;cursor:pointer}.error-boundary-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:20px;text-align:center}.error-boundary-icon{font-size:48px;margin-bottom:16px}.error-boundary-msg{font-size:16px;color:var(--color-text-primary);margin-bottom:8px}.error-boundary-sub{font-size:13px;color:var(--color-text-hint);margin-bottom:24px}.error-boundary-btns{display:flex;gap:12px}.error-boundary-btn{padding:8px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer}.error-boundary-btn-reload{background:var(--color-primary);color:var(--color-text-white)}.error-boundary-btn-home{background:#f0f0f0;color:var(--color-text-primary)}.error-boundary-stack{margin-top:24px;padding:12px;background:#fff3f3;border-radius:var(--radius-sm);font-size:12px;color:var(--color-error);max-width:100%;overflow:auto;text-align:left;white-space:pre-wrap}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.index-new{height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column;gap:14px}.in-search-wrap{padding:8px 14px 6px;flex-shrink:0;margin:0}.in-search-bar{background:#f0f0f0;border-radius:20px;height:38px;display:flex;align-items:center;padding:0 14px;gap:8px;cursor:pointer}.in-search-icon{width:16px;height:16px;flex-shrink:0}.in-search-placeholder{font-size:13px;color:#bbb}.in-cat-nav{display:flex;justify-content:space-around;padding:10px 8px 6px;margin:0 12px;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000a;flex-shrink:0}.in-cat-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.in-cat-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.in-cat-icon.c1{background:#fff0ee}.in-cat-icon.c2{background:#eef4ff}.in-cat-icon.c3{background:#f0faf0}.in-cat-icon.c4{background:#fff8ee}.in-cat-img{width:28px;height:28px;object-fit:contain}.in-cat-emoji{font-size:22px;line-height:1}.in-cat-label{font-size:11px;color:#999}.in-vip-banner{margin:0 12px;padding:0;display:flex;justify-content:center;cursor:pointer;flex-shrink:0}.in-vip-banner img{width:100%;height:auto;border-radius:6px}.in-card-stage{margin:0 12px;padding:10px 0 0;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;background:#fcfcfc}.in-coverflow-swiper{width:100%;flex:1;min-height:0;padding-bottom:50px}.in-coverflow-swiper :global(.swiper-wrapper){height:100%}.in-coverflow-swiper :global(.swiper-slide){height:auto}.in-coverflow-slide{width:75%;max-width:340px;height:100%}.in-stack-card{width:100%;height:100%;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;background:#fff}.in-coverflow-slide:not(.swiper-slide-active) .in-stack-card{opacity:.5;transform:scale(.88);transition:opacity .4s ease,transform .4s ease}.in-coverflow-slide.swiper-slide-active .in-stack-card{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.in-card-top{flex:1.2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.in-card-top.bg1{background:linear-gradient(160deg,#ffecd2,#fcb69f 40%,#f8a5c2)}.in-card-top.bg2{background:linear-gradient(160deg,#a1c4fd,#c2e9fb 40%,#9b8fd4)}.in-card-top.bg3{background:linear-gradient(160deg,#d4fc79,#96e6a1 40%,#6dd5b8)}.in-card-top.bg4{background:linear-gradient(160deg,#fbc2eb,#a6c1ee 40%,#84a9f0)}.in-card-top.bg5{background:linear-gradient(160deg,#ffd89b,#ff9a6c 40%,#f7797d)}.in-card-emoji{font-size:52px;position:relative;z-index:1}.in-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.in-card-bottom{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px;background:#fff}.in-card-tag{display:inline-block;font-size:10px;color:#ff5a4c;background:#fff0ee;padding:2px 8px;border-radius:8px;align-self:flex-start;font-weight:500}.in-card-title{font-size:17px;font-weight:700;color:#333}.in-card-desc{font-size:13px;color:#999;line-height:1.4}.in-card-btn{margin-top:6px;background:#ff5a4c;color:#fff;font-size:14px;font-weight:600;padding:10px 0;border-radius:22px;text-align:center;letter-spacing:1px;cursor:pointer}.float-atten{position:fixed;right:8px;top:160px;z-index:999;display:flex;justify-content:flex-end;pointer-events:auto}.float-atten-wrap{width:75px;height:50px;display:flex;flex-direction:column;align-items:center;animation:floatPulse 2s linear infinite alternate}@keyframes floatPulse{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(.7)}75%{transform:scale(.8)}to{transform:scale(1)}}.float-atten img{width:35px;height:35px}.float-atten-text{font-size:12px;color:#ec1010;text-align:center}:root{--color-primary: #ff5a4c;--color-primary-dark: #e04a3d;--color-primary-light: #ff8a7f;--color-secondary: #ffb74d;--color-secondary-dark: #f9a825;--color-bg: #f5f5f5;--color-bg-white: #ffffff;--color-bg-card: #ffffff;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-hint: #999999;--color-text-white: #ffffff;--color-border: #eeeeee;--color-border-dark: #dddddd;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--shadow-card: 0 2px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 4px 24px rgba(0, 0, 0, .15);--font-size-xs: 10px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 22px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-round: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--tabbar-height: 55px;--page-max-width: 500px;--page-gutter: 12px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;color:#333;-webkit-font-smoothing:antialiased}#root{min-height:100vh;margin:0;padding:0}a{text-decoration:none;color:inherit}image,img{display:block;max-width:100%}img.img-fallback{object-fit:contain;background-color:#f5f5f5;min-width:24px;min-height:24px}.page{margin:0!important;padding:0!important;display:flex;flex-direction:column}.page>div{margin-top:0!important;padding-top:0!important}.page-content{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:0 0 20px;position:relative;background-color:#fcfcfc;min-height:100vh}.page-content>*{margin-top:0!important}.container{width:100%;max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-gutter)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--page-max-width);display:flex;justify-content:space-around;align-items:center;height:55px;background:#fff;border-top:1px solid #eee;z-index:100}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;color:#999;font-size:12px}.tabbar-item.active{color:#ff3a59}.tabbar-item img{width:24px;height:24px;margin-bottom:2px}.tabbar-emoji{font-size:24px;line-height:24px;margin-bottom:2px}.tabbar-item-text{font-size:11px}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;z-index:9999;white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:20px;background:linear-gradient(135deg,#ff3a59,#ff6b81);color:#fff;border:none;font-size:15px;cursor:pointer}.pay-btn{display:flex;align-items:center;justify-content:center;gap:6px;background-color:#07c160;padding:10px 16px;border-radius:30px;cursor:pointer}.pay-btn img{width:21px;height:21px}.loading{display:flex;justify-content:center;align-items:center;padding:40px 0;color:#999}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#999}.empty img{width:90px;height:90px}.empty-text{margin-top:8px;font-size:15px}.wx-login-tip{color:#ff3a59;font-size:14px;background:#fff3f3;padding:6px 12px;border-radius:4px}.content{display:flex;flex-direction:column;justify-content:flex-start}.itest-search-wrap{padding:8px 14px 6px}.itest-search-bar{background:#f0f0f0;border-radius:20px;height:38px;display:flex;align-items:center;padding:0 14px;gap:8px}.itest-search-icon{width:16px;height:16px;flex-shrink:0}.itest-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#333;height:100%}.itest-search-input::placeholder{color:#bbb}.itest-search-btn{border:none;background:transparent;padding:0;font-size:13px;color:#ff3b44;flex-shrink:0;cursor:pointer}.classify-content{padding-top:15px;width:100%;max-width:var(--page-max-width);display:flex}.classify-content-left{width:20%;height:100%;background-color:#f7f7f7;float:left;font-size:15px;color:#666;overflow-y:auto}.classify-content-left>div{height:61px;width:100%;line-height:60px;text-align:center;font-size:15px;border-bottom:1px solid #fff;cursor:pointer}.classify-content-left>div:last-child{border-bottom:none}.classify-content-left .choose{background-color:#fff;border-left:4px solid #ff3b44;border-bottom:none;color:#ff3b44;box-sizing:border-box}.classify-content-right{float:left;width:80%;font-size:13px;height:100%;overflow-y:auto}.classify-content-right .right-body{width:100%}.classify-content-right .right-body .test-view:first-child{margin-top:0}.classify-content-right .right-body .test-view{height:100px;margin-top:10px;margin-left:10px;border:1px solid rgb(248,236,236);border-radius:10px;background-color:#f3f8f8;display:flex;flex-direction:row}.classify-content-right .right-body .test-view .testImage{width:25%;height:76%;margin-top:12px;margin-left:8px;border-radius:10px;cursor:pointer}.classify-content-right .right-body .test-view .view-text{width:70%;height:100%;cursor:pointer}.classify-content-right .right-body .test-view .view-text .view-text-top{width:100%;height:55px}.classify-content-right .right-body .test-view .view-text .view-text-top .text-top-title{width:100%;height:20px;margin-top:12px;font-size:13px;font-weight:600}.classify-content-right .right-body .test-view .view-text .view-text-top .text-top-desc{width:100%;height:18px;font-size:11px;font-weight:400;color:#b0b5b8;overflow:hidden}.classify-content-right .right-body .test-view .view-text .text-top-hot{width:15px;height:15px;flex-shrink:0}.classify-content-right .right-body .test-view .view-text .view-text-bottom{width:100%;height:40%;display:flex;align-items:center;gap:4px}.classify-content-right .right-body .test-view .view-text .view-text-bottom .text-bottom-num{font-size:11px;font-weight:500}.classify-content-right .right-body .test-view .view-text .view-text-bottom .text-bottom-btn{margin-left:auto;margin-right:8px;width:75px;height:23px;text-align:center;line-height:23px;font-size:14px;color:#fff;background-color:#8da0f5;border-radius:15px}.adv{margin-top:5px}.start-button-wrapper{width:100%;max-width:var(--page-max-width);position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:center;padding:16px 20px 28px;box-sizing:border-box;z-index:10}.start-button{width:85%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:22px;padding:12px 0;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;animation:introduce-pulse 2s linear 2s infinite alternate}.start-button-text{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}@keyframes introduce-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.footer{width:100%;max-width:var(--page-max-width);text-align:center;padding:20px 0 10px}.footer-links{margin-bottom:10px;font-size:12px}.footer-link{color:#5bc8f5;cursor:pointer}.footer-divider{color:#ccc;margin:0 8px}.footer-copyright{font-size:12px;color:var(--color-text-hint)}.footer-compact{padding:24px 0 16px;font-size:12px;color:var(--color-text-hint)}.test-notice{width:100%;max-width:var(--page-max-width);margin:20px 0 12px;background:linear-gradient(135deg,#f8f7ff,#fff);border:1px solid #e8e4f8;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #6c5ce714}.test-notice-header{display:flex;align-items:center;gap:8px;padding:14px 18px 12px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:16px;font-weight:700;letter-spacing:1px}.test-notice-icon{flex-shrink:0}.test-notice-list{list-style:none;margin:0;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.test-notice-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#444;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.test-notice-list li .text-content,.test-notice-text{flex:1;min-width:0}.test-notice-promo-tag{display:block;margin-top:4px;font-size:12px;color:#e67e22;font-weight:600;line-height:1.4}.test-notice-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.test-notice-price{color:#ff4757;font-weight:700}.test-notice-oa{color:#6c5ce7;font-weight:700}.test-notice-copy{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;margin-left:6px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;user-select:none;transition:transform .15s,box-shadow .15s;vertical-align:middle}.test-notice-copy:hover{transform:scale(1.06);box-shadow:0 2px 8px #6c5ce759}.test-notice-copy:active{transform:scale(.96)}.introduce-page{width:100%;max-width:var(--page-max-width);display:flex;flex-direction:column;align-items:center}.introduce-item{width:100%}.introduce-text{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-text-primary);line-height:1.8}.introduce-image{width:100%}.introduce-image img{width:100%;display:block}.introduce-tip{width:100%;max-width:var(--page-max-width);margin:12px 0 8px;padding:12px 16px;background:#f8f7ff;border:1px solid #e8e4f8;border-radius:10px;box-sizing:border-box}.introduce-tip-header{font-size:13px;color:#6c5ce7;font-weight:600;margin-bottom:6px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.introduce-tip-text{font-size:clamp(11px,3.5vw,13px);color:#6c5ce7;line-height:1.6;white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.introduce-bottom-spacer{width:100%;height:80px}.introduce-fixed-bar{width:100%;max-width:var(--page-max-width);height:72px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;position:fixed;bottom:0;left:50%;transform:translate(-50%);background:#fff;border-top:1px solid #e8e4f8;border-radius:14px 14px 0 0;box-shadow:0 -2px 12px #6c5ce714;z-index:10;box-sizing:border-box}.introduce-fixed-price{font-size:24px;font-weight:700;color:#ff4757;flex-shrink:0}.introduce-fixed-btn{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:22px;padding:10px 32px;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center}.introduce-fixed-btn-text{font-size:18px;font-weight:700;color:#fff;white-space:nowrap}@keyframes introduce-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.age-input-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.age-input-card{background:#fff;border-radius:16px;padding:32px 24px;max-width:400px;width:100%;box-shadow:0 8px 32px #0000001f}.age-input-title{font-size:20px;font-weight:600;color:#333;text-align:center;margin-bottom:8px}.age-input-desc{font-size:14px;color:#999;text-align:center;margin-bottom:24px}.age-input-field{margin-bottom:20px}.age-input-box{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s;text-align:center}.age-input-box:focus{border-color:#6366f1}.age-input-box::-webkit-inner-spin-button,.age-input-box::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.age-input-box[type=number]{-moz-appearance:textfield}.age-input-error{font-size:13px;color:#ef4444;margin-top:8px;text-align:center}.age-input-btn{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.age-input-btn:active{transform:scale(.98)}.confirm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:200;display:flex;justify-content:center;align-items:center}.confirm-modal-box{background:var(--color-bg-white);border-radius:var(--radius-lg);width:280px;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}.confirm-modal-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.confirm-modal-content{font-size:var(--font-size-md);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);text-align:center}.confirm-modal-buttons{display:flex;gap:var(--spacing-xl)}.confirm-modal-btn{padding:6px 20px;border-radius:var(--radius-sm);border:none;font-size:var(--font-size-md);cursor:pointer}.confirm-modal-btn-confirm{background:var(--color-primary);color:var(--color-text-white)}.confirm-modal-btn-cancel{background:var(--color-border-dark);color:var(--color-text-primary)}.answer-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.answer-type-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0}.answer-type-pill{font-size:11px;color:#fff;background:#6366f1;padding:2px 10px;border-radius:20px;font-weight:600;white-space:nowrap}.answer-type-counter{font-size:12px;color:#999}.answer-progress-bg{height:4px;width:100%;max-width:120px;background:#eee;border-radius:2px;overflow:hidden;margin-left:auto}.answer-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:2px;transition:width .3s ease}.answer-number-strip{padding:6px 12px;background:#fff;border-bottom:1px solid #f5f5f5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.answer-number-strip::-webkit-scrollbar{display:none}.answer-number-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;cursor:pointer;transition:all .2s;background:#f0f0f0;color:#999;border:2px solid transparent}.answer-number-dot.answered{color:#6366f1;background:#e8e5ff;border:2px solid #6366f1}.answer-number-dot.current{border-color:#6366f1;outline:2px solid rgba(99,102,241,.2);outline-offset:2px}.answer-body{flex:1;overflow-y:auto;padding:12px 12px 8px;background:#f5f5f7;display:flex;flex-direction:column}.answer-question-area{animation:answer-fade-in .25s ease;margin-top:20px;margin-bottom:auto}@keyframes answer-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.answer-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000d,0 1px 4px #0000000a;overflow:hidden}.answer-card-decor{height:3px;background:linear-gradient(90deg,#6366f1,#a78bfa,#c4b5fd)}.answer-card-body{padding:18px 16px 20px}.answer-card-loading{text-align:center;color:#999;padding-top:32px;padding-bottom:32px}.answer-question-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}.answer-question-no{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 8px #6366f140}.answer-question-title{font-size:17px;font-weight:700;color:#1a1a2e;line-height:1.55;margin:0;padding-top:2px}.answer-question-image{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.answer-question-image img{width:100%;display:block}.answer-question-content{margin-top:4px}.answer-option{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;border:1px solid #eee;background:#fafbfc;cursor:pointer;transition:all .2s}.answer-option:active{transform:scale(.985)}.answer-option-sel{border:1.5px solid #6366f1;background:#f5f3ff;box-shadow:0 2px 12px #6366f11a}.answer-option-radio{width:26px;height:26px;border-radius:50%;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;transition:all .2s}.answer-option-radio-multi{border-radius:6px}.answer-option-radio-sel{background:#6366f1;border-color:#6366f1;color:#fff;font-size:13px}.answer-option-radio-dot{width:8px;height:8px;border-radius:50%;background:#fff}.answer-option-letter{font-size:12px;font-weight:600;color:#bbb}.answer-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0;padding-bottom:calc(10px + var(--safe-area-bottom, 0px))}.answer-nav-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 18px;border-radius:22px;border:1px solid #d9d9d9;background:#fff;color:#000000e0;font-size:14px;cursor:pointer;min-width:84px;justify-content:center;font-weight:500;transition:all .2s}.answer-nav-btn:active:not(:disabled){transform:scale(.96)}.answer-nav-btn:disabled{opacity:.4;cursor:not-allowed}.answer-nav-btn-disabled{opacity:.4;cursor:not-allowed}.answer-nav-btn-disabled:active{transform:none}.answer-nav-next,.answer-nav-submit{background:#6366f1;color:#fff;border-color:#6366f1}.answer-nav-arrow{display:inline-block;width:0;height:0}.answer-nav-arrow-left{border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid currentColor}.answer-nav-arrow-right{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid currentColor}.answer-nav-arrow-submit{width:10px;height:10px;border-radius:2px;background:currentColor;clip-path:polygon(30% 0,100% 50%,30% 100%,28% 100%,95% 50%,28% 0)}.answer-nav-info{font-size:12px;color:#bbb}.answer-timer-bar,.answer-timer,.answer-timer-warn,.answer-type-bar-right{display:none}.answer-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 20px;background:#000000bf;color:#fff;font-size:14px;border-radius:10px;z-index:1000;pointer-events:none;animation:toast-fade-in-out 3s ease forwards}@keyframes toast-fade-in-out{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}html{font-size:calc(100vw / 3.75)}@media(min-width:480px){html{font-size:128px}}.answer-shell-v2{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#f5f5f7;overflow:hidden;touch-action:manipulation;overscroll-behavior:none;padding-top:env(safe-area-inset-top)}.answer-top-bar-v2{display:flex;align-items:center;gap:.08rem;padding:.1rem .16rem;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0}.answer-type-pill-v2{font-size:.11rem;color:#fff;background:#6366f1;padding:.02rem .1rem;border-radius:.2rem;font-weight:600;white-space:nowrap}.answer-type-counter-v2{font-size:.12rem;color:#999}.answer-progress-v2{height:.04rem;flex:1;background:#eee;border-radius:.02rem;overflow:hidden;margin-left:auto;max-width:1.2rem}.answer-progress-fill-v2{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:.02rem;transition:width .3s ease}.answer-body-v2{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:.16rem;-webkit-overflow-scrolling:touch}.question-page-v2{display:flex;flex-direction:column;align-items:center;width:100%;max-width:4.8rem;animation:question-slide-in .3s ease-out}@keyframes question-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.question-hero-v2{width:100%;max-height:4rem;border-radius:.16rem;overflow:hidden;margin-bottom:.2rem}.question-hero-v2 img{width:100%;display:block;object-fit:contain;max-height:4rem}.question-header-v2{display:flex;flex-direction:column;align-items:center;gap:.14rem;margin-bottom:.24rem;width:100%}.question-no-v2{display:inline-flex;align-items:center;justify-content:center;width:.28rem;height:.28rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:clamp(.11rem,3.2vw,.13rem);font-weight:700;flex-shrink:0}.question-title-v2{font-size:clamp(.16rem,4.5vw,.2rem);font-weight:600;color:#1a1a2e;line-height:1.5;text-align:center;margin:0}.question-options-v2{width:100%}.question-options-v2.cols-2,.question-options-v2.cols-grid{display:grid;grid-template-columns:1fr 1fr;gap:.1rem}.question-options-v2.cols-list{display:flex;flex-direction:column;gap:.1rem}.question-options-v2.cols-img{display:grid;grid-template-columns:1fr 1fr;gap:.08rem}.question-options-v2.cols-img-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.06rem}.question-options-v2.cols-likert{display:flex;justify-content:space-between;gap:.04rem;flex-wrap:nowrap}.option-row-v2{display:flex;align-items:center;gap:.1rem;padding:.13rem .14rem;border-radius:.14rem;border:1px solid #e8e8ec;background:#fafbfc;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;min-height:.48rem;line-height:1.5}.option-row-v2:active{transform:scale(.985)}.option-row-v2.cols-2{min-height:1.1rem;flex-direction:column;justify-content:center;text-align:center}.option-row-v2.cols-grid{flex-direction:column;align-items:center;text-align:center}.option-row-sel-v2{border:2px solid #6366f1;background:#f5f3ff;box-shadow:0 2px 12px #6366f126;transform:scale(1.01)}.option-row-sel-v2:active{transform:scale(.995)}.option-indicator-v2{width:.26rem;height:.26rem;border-radius:50%;border:2px solid #d9d9d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;font-size:.12rem;font-weight:600;color:#bbb;transition:all .2s ease}.option-indicator-multi-v2{border-radius:.06rem}.option-indicator-sel-v2{background:#6366f1;border-color:#6366f1;color:#fff;font-size:.13rem}.option-indicator-dot-v2{width:.08rem;height:.08rem;border-radius:50%;background:#fff}.option-text-v2{flex:1;min-width:0;font-size:clamp(.13rem,3.7vw,.15rem);color:#444;font-weight:400;line-height:1.5}.option-row-sel-v2 .option-text-v2{color:#1a1a2e;font-weight:600}.option-row-v2.cols-2 .option-text-v2,.option-row-v2.cols-grid .option-text-v2{flex:none}.option-thumb-v2{width:.48rem;height:.48rem;border-radius:.08rem;object-fit:cover;flex-shrink:0;aspect-ratio:1}.option-img-card-v2{border-radius:.14rem;overflow:hidden;border:2px solid transparent;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .25s ease;background:#fff;display:flex;flex-direction:column}.option-img-card-v2 img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.option-img-card-v2 span{padding:.06rem .08rem;font-size:clamp(.11rem,3.2vw,.13rem);color:#666;text-align:center;line-height:1.4}.option-img-card-sel-v2{border-color:#6366f1;box-shadow:0 4px 16px #6366f133;transform:scale(1.02)}.option-img-card-sel-v2 span{color:#6366f1;font-weight:600}.option-likert-wrap-v2{display:flex;flex-direction:column;align-items:center;gap:.08rem;cursor:pointer;flex:1;min-width:0}.option-likert-btn-v2{width:clamp(.32rem,10vw,.44rem);height:clamp(.32rem,10vw,.44rem);border-radius:50%;border:2px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;color:#999;font-size:clamp(.13rem,3.7vw,.15rem);font-weight:600;transition:all .25s ease}.option-likert-btn-sel-v2{border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;box-shadow:0 4px 12px #6366f14d}.option-likert-label-v2{font-size:clamp(.1rem,2.9vw,.12rem);color:#888;text-align:center;line-height:1.3;max-width:.6rem}.option-likert-label-sel-v2{color:#6366f1;font-weight:600}.answer-nav-v2{display:flex;align-items:center;justify-content:space-between;padding:.1rem .16rem;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0;padding-bottom:calc(.1rem + env(safe-area-inset-bottom,0px));gap:.08rem}.answer-nav-btn-v2{display:inline-flex;align-items:center;justify-content:center;width:.4rem;height:.4rem;border-radius:50%;border:1px solid #e0e0e0;background:#fff;cursor:pointer;flex-shrink:0;transition:all .2s ease;padding:0;color:#666}.answer-nav-btn-v2:active:not(:disabled){transform:scale(.92)}.answer-nav-btn-v2:disabled{opacity:.3;cursor:not-allowed}.answer-nav-btn-v2 svg{width:.18rem;height:.18rem}.answer-nav-next-v2{background:#6366f1;border-color:#6366f1;color:#fff}.answer-nav-submit-v2{background:#6366f1;border-color:#6366f1;color:#fff;width:auto;border-radius:.22rem;padding:0 .18rem;font-size:.14rem;font-weight:500}.answer-nav-submit-v2.disabled-v2{opacity:.4;cursor:not-allowed}.answer-dots-v2{display:flex;align-items:center;gap:.04rem;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 .04rem}.answer-dots-v2::-webkit-scrollbar{display:none}.answer-dot-v2{width:.24rem;height:.24rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.11rem;font-weight:600;flex-shrink:0;cursor:pointer;transition:all .2s ease;background:#f0f0f0;color:#999;border:2px solid transparent;scroll-margin:0 .08rem}.answer-dot-current-v2{color:#6366f1;background:#e8e5ff;border-color:#6366f1;box-shadow:0 0 0 .02rem #6366f133}.answer-dot-answered-v2{color:#6366f1;background:#e8e5ff;border-color:#6366f1}.answer-loading-v2{display:flex;align-items:center;justify-content:center;width:100%;color:#999;font-size:clamp(.13rem,3.7vw,.15rem)}.answer-toast-v2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.12rem .2rem;background:#000000bf;color:#fff;font-size:clamp(.13rem,3.7vw,.14rem);border-radius:.1rem;z-index:1000;pointer-events:none;animation:toast-v2-in .2s ease-out,toast-v2-out .2s ease-in 2.8s forwards;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@keyframes toast-v2-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toast-v2-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.sex-input-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sex-input-card{background:#fff;border-radius:16px;padding:32px 24px;max-width:400px;width:100%;box-shadow:0 8px 32px #0000001f}.sex-input-title{font-size:20px;font-weight:600;color:#333;text-align:center;margin-bottom:8px}.sex-input-desc{font-size:14px;color:#999;text-align:center;margin-bottom:24px}.sex-input-options{display:flex;gap:16px;margin-bottom:20px}.sex-input-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;cursor:pointer;transition:border-color .2s,background .2s}.sex-input-option.selected{border-color:#6366f1;background:#eef2ff}.sex-input-option-icon{font-size:36px;color:#999;margin-bottom:8px}.sex-input-option.selected .sex-input-option-icon{color:#6366f1}.sex-input-option-label{font-size:16px;font-weight:600;color:#666}.sex-input-option.selected .sex-input-option-label{color:#6366f1}.sex-input-error{font-size:13px;color:#ef4444;margin-bottom:12px;text-align:center}.sex-input-btn{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.sex-input-btn:active{transform:scale(.98)}.success-page{width:100%;max-width:var(--page-max-width);margin:0 auto;min-height:100dvh;padding:28px 16px 16px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.success-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;flex-shrink:0}.success-icon{margin-bottom:8px;filter:drop-shadow(0 4px 12px rgba(99,102,241,.25))}.success-icon-circle{animation:successScaleIn .5s cubic-bezier(.34,1.56,.64,1);transform-origin:44px 42px}.success-icon-check{stroke-dasharray:32;stroke-dashoffset:32;animation:successDrawCheck .4s .35s ease forwards}@keyframes successScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes successDrawCheck{0%{stroke-dashoffset:32}to{stroke-dashoffset:0}}.success-title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.success-subtitle{font-size:13px;color:#999;margin:0}.success-body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.success-card{width:100%;max-width:340px;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000d;padding:20px 20px 16px;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.success-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.success-card-icon{width:22px;height:22px}.success-card-brand{font-size:15px;font-weight:600;color:#333}.success-qr-wrapper{padding:8px;background:linear-gradient(135deg,#f5f3ff,#fdf2f8);border-radius:12px;margin-bottom:8px}.success-qr-img{display:block;width:140px;height:140px;border-radius:6px}.success-qr-tip{font-size:12px;color:#aaa;margin:0}.success-feature{font-size:12px;color:#aaa;margin:0 0 16px;text-align:center}.success-steps{width:100%;max-width:340px;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000d;padding:16px 20px}.success-steps-title{font-size:14px;font-weight:600;color:#333;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #f2f2f2}.success-step{display:flex;gap:10px;padding:8px 0}.success-step+.success-step{border-top:1px solid #f8f8f8}.success-step-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#ede9fe;color:#7c3aed;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px}.success-step-body{flex:1;min-width:0}.success-step-text{font-size:13px;color:#666;margin:0 0 2px;line-height:1.5}.success-step-meta{font-size:13px;color:#7c3aed;margin:0;font-weight:500}.success-order-row{display:flex;align-items:center;gap:8px;margin-top:4px;padding:6px 10px;background:#f5f3ff;border-radius:8px}.success-order-no{font-size:12px;color:#444;font-family:monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-copy-btn{flex-shrink:0;padding:3px 12px;font-size:12px;color:#7c3aed;background:#ede9fe;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.success-copy-btn:active{background:#ddd6fe}.success-copy-btn.copied{color:#22c55e;background:#dcfce7}.success-extra{flex-shrink:0;text-align:center;padding-top:12px}.success-extra-text{font-size:12px;color:#bbb;margin:0 0 4px}.success-extra-link{font-size:12px;color:#7c3aed;margin:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.report-page{display:flex;flex-direction:column;align-items:center;padding:0 12px}.report-card{width:100%;max-width:var(--page-max-width)}.report-header{width:100%;background:linear-gradient(135deg,#f5f1f1 0px,#ebe1e1 1px,transparent 1px,transparent 100px),linear-gradient(90deg,#f5f1f1 0px,#ebe1e1 1px,transparent 1px,transparent 100px);background-size:30px 30px;border-radius:8px;padding:16px;display:flex}.report-header-left{flex:1}.report-header-left .type-text{color:#8447f5;font-size:14px}.report-header-left .type-name{color:#8447f5;font-size:20px;font-weight:700;margin:6px 0 0 10px}.report-header-right{width:35%;position:relative}.char-bg{width:120px;height:120px;object-fit:contain;margin-top:20px;margin-left:10px}.score-de{width:100%;padding:16px 0}.score-row{display:flex;align-items:center;width:100%;padding:5px 0;font-size:12px}.score-side{width:60px;text-align:center}.score-bar{flex:1;height:10px;border-radius:5px;background:#f5e6e6;margin:0 8px;display:flex}.score-bar-left{height:100%;border-radius:5px 0 0 5px}.score-bar-right{height:100%;border-radius:0 5px 5px 0}.report-content{width:100%;margin-top:12px;background:#fff;border-radius:8px;padding:16px}.report-content :global(img){max-width:100%}.report-content :global(p){margin:8px 0;line-height:1.7;font-size:14px}.report-content :global(h3),.report-content :global(h4){margin:12px 0 6px}.report-title{font-size:18px;font-weight:700;margin-bottom:12px;text-align:center}.share-fab{position:fixed;top:16px;right:16px;z-index:100;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;box-shadow:0 4px 18px #667eea73,0 0 #667eea4d;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .25s ease;animation:fab-entrance .6s cubic-bezier(.34,1.56,.64,1) both,fab-pulse 2.5s ease-in-out .8s 2;-webkit-tap-highlight-color:transparent;user-select:none;outline:none}.share-fab:hover{transform:scale(1.12);box-shadow:0 6px 26px #667eea8c,0 0 0 10px #667eea14}.share-fab:active{transform:scale(.9);box-shadow:0 2px 8px #667eea59;transition:transform .1s ease,box-shadow .1s ease}.share-fab svg{display:block;width:22px;height:22px}.share-fab--sharing{pointer-events:none;background:linear-gradient(135deg,#a8aedc,#b5a2cc);box-shadow:0 2px 10px #667eea40;transform:scale(.92);transition:all .2s ease}.share-fab--done{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 18px #4ecdc473;border-color:#ffffff59}.share-fab--done svg{animation:fab-pop-in .4s cubic-bezier(.34,1.56,.64,1)}.share-fab-spinner{animation:fab-spin .8s linear infinite}@keyframes fab-entrance{0%{transform:translate(64px) scale(.4);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes fab-pulse{0%,to{box-shadow:0 4px 18px #667eea73,0 0 #667eea4d}50%{box-shadow:0 4px 18px #667eea73,0 0 0 14px #667eea00}}@keyframes fab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fab-pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.35);opacity:1}to{transform:scale(1);opacity:1}}.share-fab-tip{position:fixed;top:70px;right:12px;z-index:101;background:#1e1e28e0;color:#fff;font-size:12px;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;animation:fab-tip-in .3s ease both,fab-tip-out .25s ease 1.8s forwards}@keyframes fab-tip-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fab-tip-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.share-guide-overlay{position:fixed;inset:0;z-index:1000;background:#000000a6;display:flex;align-items:flex-start;justify-content:flex-end;animation:guide-fade-in .3s ease}.share-guide-content{margin-top:60px;margin-right:22px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.share-guide-arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;animation:guide-bounce 1s ease-in-out infinite}.share-guide-text{background:#fff;color:#333;font-size:15px;font-weight:600;padding:14px 22px;border-radius:10px;box-shadow:0 6px 24px #0000002e;text-align:center;line-height:1.7;animation:guide-text-in .4s .2s ease both}.share-guide-sub{font-size:12px;color:#999;font-weight:400;margin-top:4px}@keyframes guide-fade-in{0%{opacity:0}to{opacity:1}}@keyframes guide-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes guide-text-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.report-bottom-spacer{width:100%;height:95px}.pay-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:15px;color:#999}.pay-page{width:100%;max-width:var(--page-max-width);margin:0 auto;padding-bottom:32px;display:flex;flex-direction:column;align-items:center}.pay-header{width:100%;padding:36px 20px 24px;background:linear-gradient(180deg,#e8faf0,#f6fdf9 60%,#fff);display:flex;flex-direction:column;align-items:center;text-align:center;transition:padding .3s ease}.pay-header-compact{padding:16px 20px 12px}.pay-header-icon{font-size:44px;margin-bottom:10px;animation:payIconIn .6s ease}@keyframes payIconIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pay-header-title{font-size:22px;font-weight:700;color:#1a3c2a;margin:0 0 6px}.pay-header-sub{font-size:14px;color:#6b9080;margin:0}.pay-info-card{width:calc(100% - 32px);max-width:360px;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;padding:20px;margin-top:-8px;position:relative;z-index:1}.pay-test-name{font-size:17px;font-weight:600;color:#333;margin:0 0 16px;text-align:center}.pay-meta-grid{display:flex;justify-content:space-around}.pay-meta-item{display:flex;flex-direction:column;align-items:center;gap:4px}.pay-meta-value{font-size:20px;font-weight:700;color:#333}.pay-meta-label{font-size:12px;color:#999}.pay-price-section{width:calc(100% - 32px);max-width:360px;margin-top:18px;padding:20px;background:linear-gradient(135deg,#fefbf5,#fef8f0);border-radius:16px;display:flex;flex-direction:column;align-items:center;border:1px solid #fef0e0}.pay-price-header{font-size:13px;color:#999;margin-bottom:6px}.pay-price-row{display:flex;align-items:baseline;gap:10px}.pay-price-original{font-size:18px;color:#bbb;text-decoration:line-through}.pay-price-current{font-size:36px;font-weight:800;color:#e8652d;line-height:1}.pay-coupon-badge{margin-top:8px;font-size:12px;color:#e8652d;background:#fff4ed;padding:3px 12px;border-radius:20px;border:1px solid #fde0cf}.pay-button-section{width:calc(100% - 32px);max-width:360px;margin-top:20px;display:flex;flex-direction:column;align-items:center}.pay-button{width:100%;padding:16px 24px;background:linear-gradient(135deg,#07c160,#06ae56);border:none;border-radius:14px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #07c1604d;transition:transform .15s,box-shadow .15s;animation:payBtnPulse 2.5s ease-in-out infinite}@keyframes payBtnPulse{0%,to{box-shadow:0 4px 16px #07c1604d}50%{box-shadow:0 4px 28px #07c16080}}.pay-button:active{transform:scale(.97);box-shadow:0 2px 8px #07c16033}.pay-button-icon{font-size:22px}.pay-button-text{letter-spacing:.5px}.pay-button-hint{font-size:12px;color:#bfbfbf;margin-top:10px}.pay-vip-card{width:calc(100% - 32px);max-width:360px;margin-top:18px;padding:16px 18px;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000d;display:flex;align-items:center;cursor:pointer;transition:box-shadow .2s}.pay-vip-card:active{box-shadow:0 2px 8px #00000014}.pay-vip-content{flex:1}.pay-vip-title{font-size:15px;font-weight:600;color:#333;margin-bottom:3px}.pay-vip-desc{font-size:12px;color:#999}.pay-vip-arrow{font-size:22px;color:#ccc}.pay-footer{margin-top:28px;text-align:center}.pay-footer p{font-size:12px;color:#ccc;margin:0}.member-page{width:100%;max-width:var(--page-max-width);margin:0;padding:0}.user-header{width:100%;margin:0;padding:0}.user-header-bg{height:216px;background-image:url(/static/image/member_bg.svg);background-repeat:no-repeat;background-size:100% 100%;background-position:top;cursor:pointer;margin:0;padding:48px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.user-header-bg .avatar{border-radius:51px;width:97px;height:97px}.user-name{font-size:14px;color:#333;margin-top:8px}.menu-list{width:100%;overflow:hidden;border-bottom:8px solid #f3f3f3}.menu-item{width:100%;padding:12px 15px;border-bottom:1px solid #f2f2f2;display:flex;align-items:center;cursor:pointer}.menu-icon{width:18px;height:18px;margin-right:8px;flex-shrink:0}.menu-label{color:#666;font-size:12px;flex:1}.menu-arrow{float:right;width:7px;height:12px}.member-footer{font-size:12px;color:#999;margin-top:20px;text-align:center}.logout-section{width:100%;padding:20px 15px}.logout-btn{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;color:#e65151;font-size:14px;cursor:pointer}.vip-page{width:100%;min-height:100vh;background:#f8f9fc}.vip-header{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:36px 20px 32px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.vip-header:before{content:"";position:absolute;top:-60px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.15) 0%,transparent 70%)}.vip-header:after{content:"";position:absolute;bottom:-30px;left:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.1) 0%,transparent 70%)}.vip-crown{width:48px;height:48px;margin-bottom:12px;position:relative;z-index:1}.vip-title{font-size:13px;color:#fff9;letter-spacing:4px;margin-bottom:6px;position:relative;z-index:1}.vip-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#d4a853,#c9973a);color:#fff;font-size:22px;font-weight:700;padding:6px 24px;border-radius:24px;letter-spacing:1px;position:relative;z-index:1;box-shadow:0 4px 20px #d4a8534d}.vip-badge svg{width:20px;height:20px}.vip-info-section{margin:-16px 16px 0;position:relative;z-index:2}.vip-info-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 16px #0000000f}.vip-info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f0f5}.vip-info-row:last-child{border-bottom:none}.vip-info-label{font-size:14px;color:#999}.vip-info-value{font-size:14px;color:#333;font-weight:500;display:flex;align-items:center;gap:6px}.vip-type-tag{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#fef3e2,#fde8c8);color:#b8860b;font-size:12px;padding:3px 10px;border-radius:10px;font-weight:600}.vip-expiry-permanent{display:inline-flex;align-items:center;gap:4px;color:#d4a853;font-weight:600;font-size:14px}.vip-expiry-permanent:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#d4a853}.vip-no{font-family:SF Mono,Cascadia Code,monospace;font-size:13px;color:#666;letter-spacing:.5px}.vip-points-section{margin:16px 16px 0}.vip-points-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 16px #0000000f;display:flex;justify-content:space-between;align-items:center}.vip-points-left{display:flex;flex-direction:column;gap:4px}.vip-points-label{font-size:13px;color:#999}.vip-points-num{font-size:28px;font-weight:700;color:#333}.vip-points-num span{font-size:14px;font-weight:400;color:#999;margin-left:4px}.vip-points-icon{width:56px;height:56px;opacity:.15}.vip-benefits-section{margin:16px 16px 24px}.vip-benefits-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 16px #0000000f}.vip-benefits-title{font-size:15px;font-weight:600;color:#333;margin-bottom:16px}.vip-benefit-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f7}.vip-benefit-item:last-child{border-bottom:none}.vip-benefit-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vip-benefit-icon.gold{background:linear-gradient(135deg,#fef3e2,#fde8c8)}.vip-benefit-icon.purple{background:linear-gradient(135deg,#f3e8ff,#e8d5f5)}.vip-benefit-icon.blue{background:linear-gradient(135deg,#e8f0fe,#d2e3fc)}.vip-benefit-icon.green{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.vip-benefit-icon svg{width:18px;height:18px}.vip-benefit-text{flex:1}.vip-benefit-name{font-size:14px;color:#333;font-weight:500}.vip-benefit-desc{font-size:12px;color:#999;margin-top:2px}.vip-empty{display:flex;flex-direction:column;align-items:center;padding:80px 20px;gap:20px}.vip-empty-icon{width:80px;height:80px;opacity:.3}.vip-empty-text{font-size:16px;color:#999}.vip-empty-btn{padding:14px 48px;background:linear-gradient(135deg,#d4a853,#c9973a);color:#fff;border:none;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #d4a8534d;transition:transform .2s,box-shadow .2s}.vip-empty-btn:active{transform:scale(.97);box-shadow:0 2px 8px #d4a8534d}.vip-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#999;font-size:14px}.ycard-page{width:100%;min-height:100vh;background:#0a0a1a;padding-bottom:100px}.ycard-hero{background:linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);padding:48px 20px 40px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.ycard-hero:before{content:"";position:absolute;top:-80px;right:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.12) 0%,transparent 65%)}.ycard-hero:after{content:"";position:absolute;bottom:-40px;left:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,83,.08) 0%,transparent 65%)}.ycard-hero-icon{width:64px;height:64px;margin-bottom:16px;position:relative;z-index:1}.ycard-hero-subtitle{font-size:13px;color:#ffffff80;letter-spacing:6px;margin-bottom:8px;position:relative;z-index:1}.ycard-hero-title{font-size:24px;color:#fff;font-weight:700;letter-spacing:2px;position:relative;z-index:1}.ycard-hero-title span{background:linear-gradient(135deg,#f0c060,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ycard-hero-desc{font-size:14px;color:#ffffff8c;margin-top:10px;letter-spacing:1px;position:relative;z-index:1}.ycard-price-section{margin:-24px 16px 0;position:relative;z-index:2}.ycard-price-card{background:#1e1e3a;border:1px solid rgba(212,168,83,.2);border-radius:20px;padding:24px 20px;text-align:center}.ycard-price-label{font-size:13px;color:#ffffff73;margin-bottom:8px;letter-spacing:2px}.ycard-price-value{display:flex;align-items:baseline;justify-content:center;gap:4px}.ycard-price-symbol{font-size:20px;color:#d4a853;font-weight:600}.ycard-price-num{font-size:48px;font-weight:800;color:#d4a853;line-height:1;font-family:SF Pro Display,-apple-system,sans-serif}.ycard-price-original{font-size:16px;color:#ffffff4d;text-decoration:line-through;margin-left:8px}.ycard-price-tag{display:inline-block;margin-top:8px;padding:3px 12px;background:#d4a85326;border-radius:10px;font-size:12px;color:#d4a853;font-weight:500}.ycard-compare-section{margin:20px 16px 0}.ycard-compare-title{font-size:13px;color:#ffffff59;text-align:center;letter-spacing:2px;margin-bottom:12px}.ycard-compare-row{display:flex;gap:8px}.ycard-compare-col{flex:1;background:#16162a;border-radius:14px;padding:16px 12px;text-align:center;border:1px solid rgba(255,255,255,.04)}.ycard-compare-col.active{border-color:#d4a8534d;background:#1a1a35;position:relative}.ycard-compare-col.active:after{content:"推荐";position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#d4a853,#c9973a);color:#fff;font-size:10px;padding:2px 8px;border-radius:8px;font-weight:600}.ycard-compare-col-title{font-size:13px;color:#fff6;margin-bottom:8px}.ycard-compare-col.active .ycard-compare-col-title{color:#d4a853;font-weight:600}.ycard-compare-col-price{font-size:22px;font-weight:700;color:#ffffff80;margin-bottom:10px}.ycard-compare-col.active .ycard-compare-col-price{color:#d4a853}.ycard-compare-col-desc{font-size:11px;color:#ffffff40;line-height:1.6}.ycard-compare-col.active .ycard-compare-col-desc{color:#fff6}.ycard-benefits-section{margin:24px 16px 0}.ycard-benefits-card{background:#16162a;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:20px}.ycard-benefits-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:16px;text-align:center}.ycard-benefit-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.ycard-benefit-row:last-child{border-bottom:none}.ycard-benefit-check{width:22px;height:22px;flex-shrink:0}.ycard-benefit-check svg{width:22px;height:22px}.ycard-benefit-name{font-size:14px;color:#ffffffbf}.ycard-benefit-desc{font-size:11px;color:#ffffff4d;margin-top:2px}.ycard-bottom{position:fixed;bottom:0;left:0;right:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a0a1a00,#0a0a1af2 30%,#0a0a1a);z-index:20}.ycard-bottom-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--page-max-width);margin:0 auto}.ycard-bottom-price{display:flex;align-items:baseline;gap:6px}.ycard-bottom-num{font-size:26px;font-weight:700;color:#d4a853}.ycard-bottom-num small{font-size:14px;font-weight:400}.ycard-bottom-original{font-size:13px;color:#ffffff40;text-decoration:line-through}.ycard-bottom-btn{padding:14px 36px;background:linear-gradient(135deg,#d4a853,#c9973a);color:#fff;border:none;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #d4a85359;transition:transform .2s,box-shadow .2s;letter-spacing:1px}.ycard-bottom-btn:active{transform:scale(.97);box-shadow:0 2px 12px #d4a85359}.ycard-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:#fff6;font-size:14px}.orderlist-body{width:100%}.orderlist-nav{width:100%;height:35px;line-height:35px;display:flex;flex-direction:row;border-top:1px solid #e8e8e8}.orderlist-nav-default{text-align:center;flex:1;color:#666;font-size:16px;border-bottom:1px solid #e8e8e8;cursor:pointer}.orderlist-nav-red{text-align:center;color:#ff3b44;flex:1;font-size:16px;border-bottom:1px solid #ff3b44;cursor:pointer}.orderlist-xc{width:100%;margin-top:0}.orderlist-xc img{width:100%;height:60px}.orderlist-details{width:100%;background:#fff}.orderlist-top{width:auto;height:30px;line-height:30px;padding:0 15px;overflow:hidden}.orderlist-top span:not(.orderlist-number){font-size:12px;color:#ff3b44;float:right}.orderlist-number{float:left;color:#666!important;font-size:12px}.orderlist-mid{width:auto;padding:0 15px;cursor:pointer}.orderlist-mid-top{width:auto;font-size:16px;color:#140101;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.orderlist-mid-bot{height:30px;line-height:30px;width:auto;font-size:12px;color:#666;padding:0;border-bottom:1px solid #e8e8e8;overflow:hidden;display:flex;justify-content:flex-end}.orderlist-mid-bot span{margin-left:7px}.orderlist-time{width:175px;margin-right:25px;color:#7a6a6a;overflow:hidden;text-overflow:ellipsis;text-align:right}.orderlist-bottom{width:auto;padding:10px 15px;overflow:hidden;border-bottom:8px solid #f3f3f3;display:flex;justify-content:flex-end;gap:13px}.orderlist-bottom>div:not(.orderlist-bottom-left):not(.orderlist-bottom-right){float:right}.orderlist-bottom-left,.orderlist-bottom-right{line-height:30px;text-align:center;font-size:14px;width:90px;height:29px;border-radius:20px;display:inline-block;cursor:pointer}.orderlist-bottom-left{color:#999;border:1px solid #ccc}.orderlist-bottom-right{color:#ff3b44;border:1px solid #ff3b44}.orderlist-loading{text-align:center;font-size:14px;margin:10px 0;color:#bbb}.orderlist-none{margin:50px auto;text-align:center}.orderlist-none img{width:100px;height:100px}.orderlist-none span{display:block;color:#bbb;font-size:16px}.setting-page{width:100%;max-width:var(--page-max-width);display:flex;flex-direction:column;align-items:center;padding:12px 0}.setting-section{width:100%;margin-bottom:12px;background:#fff;border-radius:8px;overflow:hidden}.setting-section-title{font-size:15px;font-weight:600;color:#333;padding:12px 15px 6px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #f2f2f2}.setting-item:last-child{border-bottom:none}.setting-clickable{cursor:pointer}.setting-label{font-size:14px;color:#333}.setting-value{font-size:13px;color:#999}.setting-arrow{font-size:14px;color:#ccc}.setting-logout-btn{width:100%;padding:14px;border:none;background:#fff;color:#e65151;font-size:15px;cursor:pointer}.setting-footer{font-size:12px;color:#999;margin-top:20px;text-align:center}.setting-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.setting-modal{background:#fff;border-radius:16px;width:85%;max-width:320px;padding:24px 20px}.setting-modal-title{font-size:17px;font-weight:600;text-align:center;margin-bottom:8px}.setting-modal-text{text-align:center;color:#666;font-size:14px;margin:8px 0 18px}.setting-modal-btns{display:flex;gap:10px}.setting-modal-btns button{flex:1;padding:10px;border-radius:20px;border:none;font-size:14px;cursor:pointer}.setting-btn-cancel{background:#f0f0f0;color:#666}.setting-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.coupons-page{padding-bottom:40px}.coupons-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding:0 var(--page-gutter)}.coupons-tabs{display:flex;padding:0 var(--page-gutter);gap:24px;margin-bottom:20px;border-bottom:1px solid #eee}.coupons-tab{position:relative;padding:10px 4px 12px;font-size:15px;font-weight:500;color:#999;background:none;border:none;cursor:pointer;transition:color .2s}.coupons-tab.active{color:#1a1a1a;font-weight:600}.coupons-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#1a1a1a;border-radius:1px}.coupons-list{padding:0 var(--page-gutter)}.coupon-card{display:flex;align-items:stretch;background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.coupon-card-left{display:flex;align-items:center;justify-content:center;width:90px;min-width:90px;background:linear-gradient(135deg,#ff6b35,#ff3a59);color:#fff}.coupon-value{text-align:center;line-height:1}.coupon-symbol{font-size:16px;font-weight:600}.coupon-num{font-size:28px;font-weight:700}.coupon-unit{font-size:18px;font-weight:600}.coupon-card-body{flex:1;padding:14px 12px;min-width:0}.coupon-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupon-desc{font-size:13px;color:#666;margin-bottom:4px}.coupon-scope{font-size:12px;color:#999;margin-bottom:4px}.coupon-expire{font-size:12px;color:#999}.coupon-expire-urgent{color:#ff3a59;font-weight:500}.coupon-use-btn{align-self:center;margin-right:12px;padding:8px 16px;border-radius:20px;border:none;background:linear-gradient(135deg,#ff6b35,#ff3a59);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:opacity .2s;flex-shrink:0}.coupon-use-btn:active{opacity:.8}.rewards-list{padding:0 var(--page-gutter)}.reward-card{display:flex;align-items:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:10px;box-shadow:0 1px 4px #0000000f}.reward-card-icon{font-size:28px;margin-right:14px}.reward-card-info{flex:1}.reward-card-name{font-size:15px;color:#1a1a1a;font-weight:500;margin-bottom:4px}.reward-card-time{font-size:12px;color:#999}.reward-card-right{text-align:right;flex-shrink:0}.reward-card-amount{font-size:16px;font-weight:700;color:#ff3a59;margin-bottom:4px}.reward-tag{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:500}.reward-tag.pending{background:#fff3e0;color:#e65100}.reward-tag.done{background:#e8f5e9;color:#2e7d32}.reward-tag.expired{background:#f5f5f5;color:#999}.coupons-empty{display:flex;flex-direction:column;align-items:center;padding:80px 20px;text-align:center}.coupons-empty-icon{font-size:56px;margin-bottom:16px}.coupons-empty-text{font-size:16px;color:#666;margin:0 0 8px}.coupons-empty-hint{font-size:13px;color:#999;margin:0;line-height:1.6}.game-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.game-empty{display:flex;flex-direction:column;align-items:center;gap:16px}.game-empty-icon{width:100px;height:100px;border-radius:24px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px;box-shadow:0 8px 24px #667eea4d}.game-empty-title{font-size:15px;color:#999;font-weight:500}