:root{--wp-primary:#6c47ff;--wp-primary-dark:#2f2a6b;--wp-primary-light:#8a6bff;--wp-bg:#ffffff;--wp-hero-tint:#ede8fc;--wp-ink:#211f3d;--wp-gray:#5c5a78;--wp-border:#e3e0f5;--wp-card:#ffffff;--wp-save:#1a9c6f;--wp-save-bg:#e3f6ec}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:var(--wp-ink);background:var(--wp-hero-tint);line-height:1.6}
a{text-decoration:none;color:inherit}
h1,h2,h3,p{margin:0}
#wp-app{overflow-x:hidden}

.wp-nav{position:sticky;top:0;z-index:50}
.wp-nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:14px 24px}
.wp-brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;color:var(--wp-primary-dark);flex:none}
.wp-brand-logo{height:28px;width:28px;object-fit:contain;border-radius:7px;flex:none}
.wp-nav-links{display:flex;gap:26px;flex:1}
.wp-nav-links a{font-size:14px;color:#4a4768;font-weight:500}
.wp-nav-links a:hover{color:var(--wp-primary)}
.wp-auth-area{display:flex;align-items:center;gap:10px;flex:none}
.wp-nav-toggle{display:none;order:1;margin-left:auto;border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--wp-ink)}
.wp-nav-links,.wp-auth-area{order:2}

.wp-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:9px 20px;font-size:14px;font-weight:700;cursor:pointer;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}
.wp-btn-primary{background:var(--wp-primary);color:#fff}
.wp-btn-primary:hover{background:var(--wp-primary-dark)}
.wp-btn-ghost{background:transparent;border-color:transparent;color:var(--wp-ink)}
.wp-btn-ghost:hover{color:var(--wp-primary)}
.wp-btn-outline{background:#fff;border-color:var(--wp-primary);color:var(--wp-primary)}
.wp-btn-outline:hover{background:var(--wp-primary);color:#fff}
.wp-btn-lg{padding:13px 26px;font-size:15px}

.wp-notice{background:var(--wp-primary-dark);text-align:center;padding:8px 20px}
.wp-notice p{font-size:12.5px;font-weight:600;color:#fff;letter-spacing:.01em}

.wp-hero{background:linear-gradient(var(--wp-hero-tint) 0%,#ffffff 40%);padding:104px 24px 60px;text-align:center}
.wp-hero>*{max-width:880px;margin-left:auto;margin-right:auto}
.wp-hero h1{font-size:clamp(32px,5.4vw,50px);font-weight:800;letter-spacing:-.02em;color:var(--wp-ink);text-wrap:balance}
.wp-hero p{margin-top:18px;font-size:17px;color:var(--wp-gray);line-height:1.75}

.wp-section{max-width:1180px;margin:0 auto;padding:56px 24px 72px}
.wp-section-alt{max-width:none;background:var(--wp-card)}
.wp-section-alt>*{max-width:1180px;margin-left:auto;margin-right:auto}
.wp-section-title{text-align:center;font-size:28px;font-weight:800;margin-bottom:32px;color:var(--wp-primary-dark)}

.wp-period-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:0 auto 40px;padding:5px;background:var(--wp-hero-tint);border-radius:999px;width:fit-content}
.wp-period-tab{position:relative;border:0;background:transparent;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;color:#4a4768;cursor:pointer;display:flex;align-items:center;gap:8px}
.wp-period-tab:hover{color:var(--wp-primary)}
.wp-period-tab.active{background:#fff;color:var(--wp-ink);box-shadow:0 2px 10px rgba(47,42,107,.14)}
.wp-period-badge{font-size:11px;font-weight:800;color:var(--wp-primary)}
.wp-period-tab:not(.active) .wp-period-badge{color:var(--wp-save);background:var(--wp-save-bg);border-radius:999px;padding:2px 8px}

.wp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;align-items:start}
.wp-pricing-loading,.wp-pricing-empty{grid-column:1/-1;text-align:center;color:var(--wp-gray);padding:40px 0}

.wp-plan-card{position:relative;display:flex;flex-direction:column;border-radius:18px;background:var(--wp-card);border:1px solid var(--wp-border);box-shadow:0 2px 10px rgba(47,42,107,.05);overflow:hidden}
.wp-plan-card.wp-plan-featured{border-color:var(--wp-primary);box-shadow:0 18px 38px rgba(108,71,255,.2)}
.wp-plan-ribbon{background:linear-gradient(135deg,var(--wp-primary),var(--wp-primary-light));color:#fff;text-align:center;font-size:12px;font-weight:800;letter-spacing:.04em;padding:9px;text-transform:uppercase}
.wp-plan-body{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1}
.wp-plan-discount-badge{position:absolute;top:16px;right:16px;background:var(--wp-save-bg);color:var(--wp-save);font-size:12px;font-weight:800;border-radius:999px;padding:4px 10px}
.wp-plan-name{font-size:18px;font-weight:800;color:var(--wp-ink)}
.wp-plan-price-old{margin-top:16px;font-size:13px;color:#a29ec2;text-decoration:line-through}
.wp-plan-price{margin-top:2px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.wp-plan-name+.wp-plan-price{margin-top:16px}
.wp-plan-price .wp-plan-amount{font-size:32px;font-weight:800;color:var(--wp-primary-dark)}
.wp-plan-price .wp-plan-period{font-size:13px;color:var(--wp-gray)}
.wp-plan-monthly{margin-top:6px;font-size:13px;font-weight:700;color:var(--wp-primary)}
.wp-plan-save{margin-top:4px;font-size:12.5px;font-weight:700;color:var(--wp-save)}
.wp-plan-features{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.wp-plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#4a4768;line-height:1.55}
.wp-plan-features li::before{content:"✓";flex:none;color:var(--wp-primary);font-weight:800;line-height:1.4}
.wp-plan-features li.wp-plan-feature-heading{margin-top:8px;padding-top:12px;border-top:1px solid var(--wp-border);font-weight:800;color:var(--wp-ink);font-size:13px}
.wp-plan-features li.wp-plan-feature-heading::before{content:none}
.wp-plan-features li.wp-plan-feature-highlight{font-weight:700;color:var(--wp-primary-dark)}
.wp-plan-features li.wp-plan-feature-highlight::before{color:var(--wp-save)}
.wp-plan-cta{margin-top:22px}
.wp-plan-cta .wp-btn{width:100%}

.wp-section-download{padding-top:48px;padding-left:0;padding-right:0}
.wp-section-download .wp-section-title{padding:0 24px}
.wp-dl-tabs-wrap{border-top:1px solid var(--wp-border);border-bottom:1px solid var(--wp-border);background:#faf9ff;max-width:none!important;margin-bottom:56px}
.wp-dl-tabs{max-width:1180px;margin:0 auto;display:flex;gap:8px;padding:0 24px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wp-dl-tabs::-webkit-scrollbar{display:none}
.wp-dl-tab{position:relative;flex:1 0 140px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px 24px;border:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:#8a88a6;cursor:pointer;scroll-snap-align:center;transition:color .15s}
.wp-dl-tab::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:4px;border-radius:4px 4px 0 0;background:transparent;transition:background .15s}
.wp-dl-tab:hover{color:var(--wp-ink)}
.wp-dl-tab.active{color:var(--wp-ink)}
.wp-dl-tab.active::after{background:var(--wp-primary)}
.wp-dl-tab-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px}
.wp-dl-tab-icon svg{width:30px;height:30px}
.wp-dl-tab.active .wp-dl-tab-icon{color:var(--wp-primary)}
.wp-dl-panel{max-width:760px;margin:0 auto;padding:0 24px 8px;text-align:left}
.wp-dl-panel[hidden]{display:none}
.wp-dl-version{display:inline-block;margin-bottom:18px;padding:5px 14px;border-radius:999px;background:var(--wp-hero-tint);font-size:13px;font-weight:700;color:var(--wp-primary)}
.wp-dl-version[hidden]{display:none}
.wp-dl-panel h3{font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.2;color:var(--wp-ink);letter-spacing:-.01em;text-wrap:balance}
.wp-dl-panel p{margin-top:18px;font-size:16px;line-height:1.8;color:var(--wp-gray)}
.wp-dl-panel p strong{color:var(--wp-ink)}
.wp-dl-panel p.wp-dl-lead{font-size:20px;color:var(--wp-ink)}
.wp-dl-actions{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.wp-dl-actions>.wp-btn-lg{min-width:160px}
.wp-dl-divider{margin:44px 0 36px;border:0;border-top:1px solid var(--wp-border)}
.wp-appstore-badge{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 22px;border-radius:12px;background:#000;color:#fff;border:1px solid #a6a6a6;transition:transform .15s,box-shadow .15s}
.wp-appstore-badge:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.25)}
.wp-appstore-logo{display:flex;width:26px;height:26px}
.wp-appstore-logo svg{width:26px;height:26px}
.wp-appstore-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.wp-appstore-text small{font-size:11px;letter-spacing:.02em}
.wp-appstore-text b{font-size:22px;font-weight:600;letter-spacing:-.01em}
.wp-qr-wrap{position:relative;display:inline-block}
.wp-qr-wrap .wp-btn{min-width:0;height:56px;padding:0 20px}
.wp-qr-pop{position:absolute;z-index:20;top:calc(100% + 10px);left:0;width:200px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--wp-border);box-shadow:0 18px 40px rgba(47,42,107,.2);text-align:center}
.wp-qr-pop[hidden]{display:none}
.wp-qr-pop img{display:block;width:160px;height:160px;margin:0 auto 10px}
.wp-qr-pop span{display:block;font-size:12.5px;color:var(--wp-gray);line-height:1.5}

.wp-faq-list{display:flex;flex-direction:column;gap:12px}
.wp-faq-item{border:1px solid var(--wp-border);border-radius:14px;background:var(--wp-card);overflow:hidden}
.wp-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:transparent;border:0;text-align:left;font-size:15px;font-weight:600;color:var(--wp-ink);cursor:pointer}
.wp-faq-arrow{flex:none;color:var(--wp-gray);transition:transform .2s;font-size:18px}
.wp-faq-item.open .wp-faq-arrow{transform:rotate(90deg);color:var(--wp-primary)}
.wp-faq-answer{max-height:0;overflow:hidden;transition:max-height .22s ease}
.wp-faq-answer p{padding:0 20px 18px;font-size:14px;color:var(--wp-gray);white-space:pre-line}

.wp-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-bottom:14px}
.wp-footer-links a{font-size:13px;color:var(--wp-gray)}
.wp-footer-links a:hover{color:var(--wp-primary)}
.wp-footer{background:var(--wp-card);padding:36px 24px 48px;text-align:center;color:var(--wp-gray);font-size:13px;border-top:1px solid var(--wp-border)}

@media(max-width:860px){
  .wp-nav-links{display:none}
  .wp-nav-toggle{display:block}
  .wp-auth-area{display:none}
  .wp-nav.wp-nav-open .wp-nav-links,.wp-nav.wp-nav-open .wp-auth-area{display:flex;flex-direction:column;align-items:stretch;flex:0 0 100%;width:100%}
  .wp-nav.wp-nav-open .wp-nav-inner{flex-wrap:wrap}
  .wp-section-download{padding-top:36px;padding-left:0;padding-right:0}
  .wp-dl-tabs-wrap{margin-bottom:28px;border:0;background:transparent}
  .wp-dl-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px;overflow:visible}
  .wp-dl-tab{flex:none;flex-direction:row;justify-content:center;gap:8px;padding:14px 6px;border:1.5px solid var(--wp-border);border-radius:14px;background:#faf9ff;font-size:14px;white-space:nowrap}
  .wp-dl-tab:last-child:nth-child(odd){grid-column:1/-1}
  .wp-dl-tab::after{display:none}
  .wp-dl-tab.active{border-color:var(--wp-primary);background:var(--wp-hero-tint);color:var(--wp-primary-dark)}
  .wp-dl-tab-icon{width:24px;height:24px}
  .wp-dl-tab-icon svg{width:22px;height:22px}
  .wp-dl-panel{padding:0 20px 8px}
  .wp-dl-panel p{font-size:15px}
  .wp-dl-panel p.wp-dl-lead{font-size:18px}
  .wp-dl-actions>.wp-btn-lg{flex:1 1 100%}
  .wp-dl-actions>.wp-appstore-badge{flex:1 1 auto;justify-content:center}
  .wp-dl-divider{margin:32px 0 28px}
  .wp-qr-wrap .wp-btn{height:56px}
  .wp-qr-pop{left:auto;right:0}
  .wp-hero{padding:64px 20px 44px}
  .wp-section{padding:44px 20px 56px}
}