:root{--color-primary: #29cc5f;--color-primary-hover: #20b754;--color-primary-active: #1aa649;--color-primary-bg: #07725f;--color-primary-soft: rgba(41, 204, 95, .1);--color-primary-soft-hover: rgba(41, 204, 95, .16);--color-primary-ring: rgba(41, 204, 95, .24);--color-yellow: #ffcf40;--color-yellow-soft: rgba(255, 207, 64, .16);--color-text-primary: #1f2022;--color-text-secondary: #5b6066;--color-text-tertiary: #919499;--color-text-disabled: #c2c5ca;--color-text-on-dark: #ffffff;--color-text-on-dark-secondary: rgba(255, 255, 255, .72);--color-text-on-dark-tertiary: rgba(255, 255, 255, .56);--color-bg-page: #ffffff;--color-bg-soft: #fafcff;--color-bg-muted: #f5f7fa;--color-bg-strong: #1f2022;--color-bg-overlay: rgba(31, 32, 34, .56);--color-border: rgba(0, 0, 0, .1);--color-border-hover: var(--color-primary);--color-border-soft: rgba(0, 0, 0, .06);--color-border-on-dark: rgba(255, 255, 255, .12);--color-danger: #ff4d4f;--color-warning: #faad14;--color-success: var(--color-primary);--fs-display: 64px;--fs-h1: 44px;--fs-h2: 36px;--fs-h3: 28px;--fs-h4: 20px;--fs-body-lg: 18px;--fs-body: 16px;--fs-sm: 14px;--fs-xs: 12px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 90px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(31, 32, 34, .04);--shadow-md: 0 4px 12px rgba(31, 32, 34, .08);--shadow-lg: 0 12px 32px rgba(31, 32, 34, .12);--shadow-xl: 0 24px 64px rgba(31, 32, 34, .16);--shadow-focus-ring: 0 0 0 2px var(--color-primary-ring);--z-nav: 100;--z-overlay: 1000;--z-modal: 1010;--z-toast: 1020;--container-max: 1200px;--container-px: 24px;--control-h-md: 38px;--control-h-lg: 44px;--control-h-sm: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .24s;--dur-slow: .36s}@media (max-width: 768px){:root{--fs-display: 36px;--fs-h1: 28px;--fs-h2: 24px;--fs-h3: 20px;--fs-h4: 18px;--fs-body-lg: 16px;--fs-body: 15px;--container-px: 16px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:PingFang SC,Inter,-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;color:var(--color-text-primary);line-height:var(--lh-relaxed);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" on;-webkit-user-select:none;user-select:none;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{font-family:inherit}.container{max-width:var(--container-max);margin:0 auto;padding-left:var(--container-px);padding-right:var(--container-px)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);height:64px;background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.nav.scrolled{box-shadow:0 1px 0 var(--color-border-soft),var(--shadow-sm)}.nav .container{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{height:32px;flex-shrink:0}a.nav-logo{display:inline-flex;align-items:center}.nav-logo img{display:block;height:100%;width:auto;max-height:100%}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-primary);transition:color var(--dur-fast) var(--ease-out);position:relative;padding:6px 0}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-primary);border-radius:2px}.nav-right{display:flex;align-items:center;gap:12px}.lang-switch{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-tertiary);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.lang-switch:hover{color:var(--color-text-primary);background:var(--color-bg-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h-md);padding:0 20px;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-cta,.btn-primary{background:var(--color-primary);color:var(--color-text-on-dark)}.btn-cta:hover,.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 18px #29cc5f47}.btn-cta:active,.btn-primary:active{background:var(--color-primary-active)}.btn-login,.btn-ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-login:hover,.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-on-dark)}.btn-block{width:100%}.btn-lg{height:var(--control-h-lg);padding:0 28px;font-size:var(--fs-body)}.btn-sm{height:var(--control-h-sm);padding:0 16px;font-size:var(--fs-xs)}.hero-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h-lg);padding:0 36px;background:var(--color-primary);color:var(--color-text-on-dark);font-size:var(--fs-body);font-weight:var(--fw-semibold);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.hero-login:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 10px 28px #29cc5f5c}.menu-toggle{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;align-items:center;justify-content:center}.menu-toggle span{display:block;width:22px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.menu-toggle span+span{margin-top:5px}.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-drawer{position:fixed;top:64px;right:0;bottom:0;left:0;background:var(--color-bg-page);z-index:calc(var(--z-nav) - 1);padding:24px;display:none;flex-direction:column;gap:4px;border-top:1px solid var(--color-border-soft);overflow-y:auto}.nav-mobile-drawer.is-open{display:flex}.nav-mobile-drawer a{font-size:var(--fs-body-lg);font-weight:var(--fw-medium);color:var(--color-text-primary);padding:14px 8px;border-bottom:1px solid var(--color-border-soft)}.nav-mobile-drawer a:last-of-type{border-bottom:none}.nav-mobile-drawer .drawer-cta{margin-top:16px;height:var(--control-h-lg);display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-on-dark);border-radius:var(--radius-pill);border-bottom:none!important}.footer{padding:64px 0 24px;background:var(--color-bg-strong);color:var(--color-text-on-dark-tertiary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand img{height:24px;margin-bottom:16px;opacity:.96}.footer-brand p{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-text-on-dark-secondary)}.footer h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-on-dark);margin-bottom:16px;letter-spacing:.4px}.footer ul{list-style:none}.footer ul li{margin-bottom:10px}.footer ul a{font-size:var(--fs-sm);color:var(--color-text-on-dark-tertiary);transition:color var(--dur-fast) var(--ease-out)}.footer ul a:hover{color:var(--color-text-on-dark)}.footer-bottom{border-top:1px solid var(--color-border-on-dark);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);color:var(--color-text-on-dark-tertiary);line-height:var(--lh-normal)}.footer-bottom span,.footer-bottom a{color:var(--color-text-on-dark-tertiary)}.footer-bottom a:hover{color:var(--color-text-on-dark)}.tennis-divider{display:flex;align-items:center;gap:12px;color:var(--color-text-tertiary);font-size:var(--fs-xs);letter-spacing:1.6px;text-transform:uppercase;margin:0 auto}.tennis-divider:before,.tennis-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.tennis-divider .ball{width:8px;height:8px;border-radius:50%;background:var(--color-yellow);box-shadow:0 0 0 2px #ffcf402e}.tabular{font-variant-numeric:tabular-nums lining-nums}.highlight-yellow{background:linear-gradient(180deg,transparent 60%,var(--color-yellow-soft) 60%);padding:0 4px}.section-title{font-size:var(--fs-h2);font-weight:var(--fw-semibold);color:var(--color-text-primary);line-height:var(--lh-tight);margin-bottom:16px}.section-eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--color-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.section-sub{font-size:var(--fs-body);color:var(--color-text-tertiary);line-height:var(--lh-relaxed)}.ec-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.ec-modal-overlay.is-open{opacity:1;pointer-events:auto}.ec-modal{position:relative;background:var(--color-bg-page);border-radius:var(--radius-lg);width:min(840px,calc(100vw - 32px));min-height:520px;box-shadow:var(--shadow-xl);overflow:hidden;display:grid;grid-template-columns:280px 1fr;transform:translateY(8px) scale(.98);transition:transform var(--dur-base) var(--ease-out)}.ec-modal-overlay.is-open .ec-modal{transform:translateY(0) scale(1)}.ec-modal-aside{background:var(--color-primary-bg);color:var(--color-text-on-dark);padding:36px 28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.ec-modal-aside:before{content:"";position:absolute;right:-90px;bottom:-90px;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none}.ec-modal-aside .ec-aside-logo{position:relative;z-index:1}.ec-modal-aside .ec-aside-logo img{display:block;height:26px;width:auto}.ec-modal-aside .ec-aside-title{font-size:26px;font-weight:var(--fw-semibold);line-height:1.3;margin-top:24px;position:relative;z-index:1}.ec-modal-aside .ec-aside-sub{margin-top:12px;font-size:var(--fs-sm);color:var(--color-text-on-dark-secondary);line-height:var(--lh-relaxed);position:relative;z-index:1}.ec-modal-aside .ec-aside-foot{font-size:var(--fs-xs);color:var(--color-text-on-dark-tertiary);letter-spacing:1px;text-transform:uppercase;position:relative;z-index:1}.ec-modal-main{padding:32px 40px;display:flex;flex-direction:column;position:relative;overflow:hidden}.ec-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ec-modal-close:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.ec-modal-close:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.ec-tabs{display:flex;gap:24px;margin-bottom:24px;border-bottom:1px solid var(--color-border-soft);transition:opacity var(--dur-fast) var(--ease-out)}.ec-tabs.is-hidden{visibility:hidden;height:0;margin:0;padding:0;border:none;pointer-events:none;opacity:0}.ec-tab{background:none;border:none;padding:0 2px 12px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text-tertiary);cursor:pointer;position:relative;margin-bottom:-1px;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.ec-tab:hover{color:var(--color-text-secondary)}.ec-tab.is-active{color:var(--color-text-primary);font-weight:var(--fw-semibold);border-bottom-color:var(--color-primary)}.ec-tab:focus-visible{outline:none;color:var(--color-primary)}.ec-panel{display:none;flex-direction:column;gap:20px}.ec-panel.is-active{display:flex}.ec-panel h2{font-size:22px;font-weight:var(--fw-semibold);color:var(--color-text-primary);line-height:var(--lh-tight)}.ec-panel .ec-panel-sub{font-size:var(--fs-sm);color:var(--color-text-tertiary);margin-top:-8px;line-height:var(--lh-normal)}.ec-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:var(--fs-sm);color:var(--color-text-primary);padding:0;align-self:flex-start;margin-bottom:4px}.ec-back:hover{color:var(--color-primary)}.ec-field{display:flex;flex-direction:column;gap:6px}.ec-field label{font-size:var(--fs-sm);color:var(--color-text-secondary);font-weight:var(--fw-medium)}.ec-input{height:var(--control-h-md);padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-page);font-size:var(--fs-sm);color:var(--color-text-primary);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);width:100%}.ec-input:hover{border-color:var(--color-primary)}.ec-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #29cc5f1f}.ec-input.is-error{border-color:var(--color-danger)}.ec-form-login,.ec-form-forgot,.ec-form-reset,.ec-form-bind{display:flex;flex-direction:column;gap:12px}.ec-field-help{font-size:var(--fs-xs);color:var(--color-text-tertiary);line-height:1.4}.ec-field-help.is-error{color:var(--color-danger)}.ec-field-help:empty{display:none}.ec-input-pwd-wrap{position:relative}.ec-input-pwd-wrap .ec-input{padding-right:40px}.ec-input-pwd-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ec-input-pwd-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-muted)}.ec-input-pwd-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.ec-row-between{display:flex;justify-content:space-between;align-items:center}.ec-link{background:none;border:none;padding:0;font-size:var(--fs-sm);color:var(--color-primary);font-weight:var(--fw-medium);cursor:pointer}.ec-link:hover{color:var(--color-primary-hover)}.ec-otp{display:flex;gap:8px}.ec-otp-cell{width:48px;height:56px;border-radius:var(--radius-sm);border:1px solid var(--color-border);text-align:center;font-size:22px;font-weight:var(--fw-semibold);color:var(--color-text-primary);background:var(--color-bg-page);font-variant-numeric:tabular-nums;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ec-otp-cell:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.ec-otp-cell.is-error{border-color:var(--color-danger)}.ec-otp-len-4 .ec-otp-cell{width:56px}.ec-otp-len-6 .ec-otp-cell{width:44px}.ec-resend{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--color-text-secondary)}.ec-resend .ec-link[disabled]{color:var(--color-text-tertiary);cursor:not-allowed}.ec-wechat{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 4px}.ec-wechat-qr-box{position:relative;width:220px;height:220px;padding:16px;background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.ec-wechat-qr-box canvas{display:block;width:180px;height:180px;image-rendering:pixelated}.ec-wechat-qr-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:var(--fs-sm);color:var(--color-text-secondary);text-align:center;white-space:pre-line;background:rgba(255,255,255,.96);transition:opacity var(--dur-fast) var(--ease-out)}.ec-wechat-qr-mask.is-hidden{opacity:0;pointer-events:none}.ec-wechat-qr-mask[data-state=scanned]{background:rgba(255,255,255,.96);color:var(--color-primary);font-weight:var(--fw-semibold)}.ec-wechat-qr-mask[data-state=expired],.ec-wechat-qr-mask[data-state=error]{background:rgba(31,32,34,.78);color:#fff;cursor:pointer}.ec-wechat-qr-mask[data-state=expired] .ec-spinner,.ec-wechat-qr-mask[data-state=error] .ec-spinner,.ec-wechat-qr-mask[data-state=scanned] .ec-spinner{display:none}.ec-wechat-refresh{font-size:var(--fs-sm)}.ec-spinner{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.08);border-top-color:var(--color-primary);animation:ec-spin .7s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.ec-modal-overlay{align-items:flex-end}.ec-modal{grid-template-columns:1fr;width:100%;min-height:auto;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(40px)}.ec-modal-overlay.is-open .ec-modal{transform:translateY(0)}.ec-modal-aside{display:none}.ec-modal-main{padding:24px 20px 32px;overflow-y:auto}.ec-modal-close{top:6px;right:6px;width:44px;height:44px;font-size:24px}.ec-modal-main:before{content:"";display:block;width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:4px auto 16px}.ec-input{height:44px;font-size:var(--fs-body)}.ec-input-pwd-toggle{width:36px;height:36px}[data-submit]{min-height:44px}.ec-wechat-qr-box{width:200px;height:200px;padding:12px}.ec-wechat-qr-box canvas{width:168px;height:168px}}.mini-program-qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}.mini-program-qr-overlay.is-open{opacity:1;pointer-events:auto}.mini-program-qr-modal{background:var(--color-bg-page);border-radius:var(--radius-xl);width:min(360px,calc(100vw - 32px));padding:32px 24px 28px;text-align:center;position:relative;box-shadow:var(--shadow-xl)}.mini-program-qr-modal h3{font-size:var(--fs-h4);color:var(--color-text-primary);margin-bottom:4px}.mini-program-qr-modal p{font-size:var(--fs-sm);color:var(--color-text-tertiary);margin-bottom:16px}.mini-program-qr-modal img{width:220px;height:220px;margin:0 auto;border-radius:var(--radius-md);background:var(--color-bg-soft)}.mini-program-qr-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-size:20px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out)}.mini-program-qr-close:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.ec-toast{position:fixed;left:50%;top:88px;transform:translate(-50%) translateY(-12px);background:rgba(31,32,34,.92);color:#fff;padding:10px 18px;border-radius:var(--radius-md);font-size:var(--fs-sm);z-index:var(--z-toast);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-lg);max-width:calc(100vw - 32px)}.ec-toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}.ec-toast.is-error{background:var(--color-danger)}.ec-toast.is-success{background:var(--color-primary)}@media (max-width: 768px){.nav{height:56px}.nav-logo{height:26px}.nav-mobile-drawer{top:56px;right:0;bottom:0;left:0}.nav-links{display:none}.menu-toggle{display:inline-flex}.nav-right .btn:not(.lang-switch){display:none}.footer-grid{grid-template-columns:1fr;gap:28px;margin-bottom:28px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.btn{min-height:44px;padding:12px 20px}.btn-sm{min-height:36px;padding:8px 14px}.nav-mobile-drawer .drawer-cta{min-height:44px}}