*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;min-height:100vh;color:#1e293b;background:linear-gradient(180deg,#fff 0%,#f8faff 45%,#fff 100%);line-height:1.6}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid #9cc0ff;outline-offset:3px}

.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border-bottom:1px solid rgba(77,144,254,.1);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.site-header-inner{max-width:1200px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-brand{display:inline-flex;align-items:center;gap:.6rem;min-width:0}
.site-brand img{width:2rem;height:2rem;object-fit:contain}
.site-brand span{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#4d90fe 0%,#3367d6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}
.site-nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem .95rem;color:#6b7280;font-size:.95rem;font-weight:500;border-radius:.75rem;transition:all .25s ease}
.site-nav-link:hover{color:#4d90fe;background:rgba(77,144,254,.08)}
.site-nav-link.active{color:#4d90fe;background:rgba(77,144,254,.12)}
.site-nav-hot{padding:.1rem .38rem;border-radius:.35rem;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.6rem;font-weight:700}

.container{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 1rem}
.header{position:relative;overflow:hidden;padding:2.5rem 2rem;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border-radius:1.75rem;box-shadow:0 8px 24px rgba(77,144,254,.1),0 2px 8px rgba(15,23,42,.04);border:1px solid rgba(77,144,254,.1)}
.header::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#4d90fe 0%,#3367d6 55%,#2563eb 100%)}
.header h1{text-align:center;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;background:linear-gradient(135deg,#4d90fe 0%,#3367d6 50%,#2563eb 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}
.box{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center}
.banner{border-radius:1.5rem;padding:1.5rem;background:linear-gradient(145deg,#dfeafc,#c3d7fa);box-shadow:0 16px 36px rgba(77,144,254,.16),0 8px 18px rgba(15,23,42,.06)}
.mock-window{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 10px 26px rgba(30,64,140,.18)}
.mock-bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .9rem;background:#f2f6fd;border-bottom:1px solid #e3ebf8;font-size:.8rem;color:#52627a}
.mock-bar i{width:.6rem;height:.6rem;border-radius:50%;background:#f87171}.mock-bar i:nth-child(2){background:#fbbf24}.mock-bar i:nth-child(3){background:#34d399}.mock-bar span{margin-left:.5rem;font-weight:600}
.mock-body{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;padding:1rem}
.mock-video{aspect-ratio:16/10;border-radius:.7rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:grid;place-items:center;color:#fff}
.mock-lines{display:flex;flex-direction:column;justify-content:center;gap:.55rem}.mock-lines b{height:.55rem;border-radius:1rem;background:#dbe6f8}.mock-lines b.short{width:65%}
.mock-wave{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.2rem 1rem 1rem}.mock-wave i{width:.3rem;border-radius:1rem;background:#60a5fa;height:.8rem}
.mock-wave i:nth-child(3n){height:1.6rem}.mock-wave i:nth-child(4n){height:2.2rem;background:#3b82f6}.mock-wave i:nth-child(5n){height:1.1rem}
.right h2{color:#334155;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.4}
.lead{color:#64748b;margin-top:.9rem;font-size:1.02rem}
.badges{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.badge{padding:.55rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,rgba(77,144,254,.12),rgba(51,103,214,.1));color:#3367d6;font-size:.95rem;font-weight:600}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero-actions .buy-button{width:auto;padding:.85rem 1.8rem;margin:0}
.ghost-button{display:inline-flex;align-items:center;padding:.85rem 1.5rem;border-radius:.9rem;border:1px solid rgba(77,144,254,.3);color:#3367d6;font-weight:600;background:#fff}
.ghost-button:hover{background:#f3f8ff}

.section-title{text-align:center;font-size:1.8rem;margin:3.5rem 0 1.5rem;color:#1f2937}
.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:960px;margin:0 auto}
.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
.product-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:1.75rem;border-radius:1.5rem;background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border:1px solid rgba(77,144,254,.12);box-shadow:0 8px 24px rgba(77,144,254,.08),0 2px 8px rgba(15,23,42,.04);transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(77,144,254,.16),0 8px 18px rgba(15,23,42,.06)}
.product-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#4d90fe 0%,#3367d6 100%)}
.product-card.advanced::before{background:linear-gradient(90deg,#4d90fe,#60a5fa)}
.editions-grid .product-card{cursor:pointer}
#software-editions{scroll-margin-top:140px}
.product-price{display:flex;align-items:baseline;gap:.6rem;margin-top:1.2rem}
.price-amount{font-size:2.4rem;font-weight:800;color:#3367d6}
.premium .price-amount{color:#ea580c}
.price-unit{color:#64748b;font-size:.95rem}
.product-card.premium::before{background:linear-gradient(90deg,#f59e0b,#f97316)}
.product-icon{width:3rem;height:3rem;border-radius:1rem;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4d90fe,#06b6d4);box-shadow:0 8px 20px rgba(77,144,254,.22);margin-bottom:1rem}
.product-card.premium .product-icon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 8px 20px rgba(249,115,22,.22)}
.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.product-title{color:#1f2937;font-size:1.35rem;font-weight:700}
.faq-grid .product-title{font-size:1.08rem;margin-bottom:.6rem}
.product-desc{color:#64748b;font-size:.97rem;margin-top:.25rem}
.recommended-badge{padding:.3rem .75rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:.78rem;font-weight:700;white-space:nowrap;box-shadow:0 6px 14px rgba(249,115,22,.24)}
.license-highlight{margin-top:1rem;padding:.65rem 1rem;border-radius:.9rem;background:linear-gradient(135deg,rgba(255,247,237,.98),rgba(255,251,235,.95));color:#c2410c;font-weight:700;text-align:center}
.features-list{list-style:none;margin:1.2rem 0 1.5rem;flex:1}
.feature-item{display:flex;align-items:center;gap:.65rem;padding:.55rem 0;color:#475569;border-bottom:1px dashed rgba(148,163,184,.25)}
.feature-item:last-child{border-bottom:0}
.tick{width:1.3rem;height:1.3rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:#2563eb;background:rgba(77,144,254,.12);flex-shrink:0}
.feature-item.muted{color:#94a3b8}.feature-item.muted .tick{color:#d97706;background:rgba(245,158,11,.14)}
.buy-button{display:block;width:100%;text-align:center;border:0;padding:.9rem 1rem;border-radius:.95rem;color:#fff;font-size:1.02rem;font-weight:700;background:linear-gradient(135deg,#4d90fe 0%,#3367d6 100%);box-shadow:0 10px 22px rgba(77,144,254,.26);transition:transform .2s,box-shadow .2s}
.buy-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(77,144,254,.32)}
.buy-button.outline{background:#fff;color:#3367d6;border:1px solid rgba(77,144,254,.35);box-shadow:none}

.footer{text-align:center;margin-top:4rem;padding:2rem 0 1rem;border-top:1px solid rgba(77,144,254,.12);color:#64748b}
.footer-nav{margin-top:.8rem;color:#94a3b8}.footer-nav a{color:#4d90fe;margin:0 .4rem}
.copyright{margin-top:.6rem;font-size:.85rem;color:#94a3b8}

.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
.modal[hidden]{display:none}
.modal-content{position:relative;width:min(380px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:2rem 1.75rem 1.75rem;border-radius:1.5rem;text-align:center;background:linear-gradient(160deg,#4d90fe 0%,#3367d6 100%);color:#fff;box-shadow:0 30px 70px rgba(15,23,42,.35)}
#kefu-modal{z-index:1001}
.payment-price{font-size:2.5rem;font-weight:800;margin:.7rem 0}
.payment-tabs{display:flex;gap:.65rem}
.payment-tab{flex:1;border:1px solid rgba(255,255,255,.45);border-radius:.65rem;padding:.55rem .7rem;background:rgba(255,255,255,.1);color:#fff;font-weight:600}
.payment-tab.active[data-method=alipay]{background:#fff;color:#1677ff}
.payment-tab.active[data-method=wechat]{background:#fff;color:#15803d}
.payment-note{color:#b45309;font-size:.85rem;margin-top:.4rem}
.modal-footer{margin-top:1rem;font-size:.9rem}
.contact-button{margin-top:.65rem;background:#fff;color:#3367d6;border:0;border-radius:.7rem;padding:.55rem 1.3rem;font-weight:700}
.modal-close{position:absolute;top:.6rem;right:.9rem;border:0;background:none;color:#fff;font-size:1.8rem;line-height:1}
.modal-title{font-size:1.5rem}.modal-subtitle{opacity:.9;margin-top:.3rem}
.qrcode-container{margin-top:1.3rem;background:#fff;border-radius:1.1rem;padding:1rem}
.qrcode-image{width:220px;height:220px;max-width:100%;display:block;margin:0 auto}
.qrcode-label{color:#334155;margin-top:.5rem;font-weight:600}

.fixed-kefu{position:fixed;right:24px;top:280px;z-index:99;background:linear-gradient(135deg,#fff,#f8faff);border-radius:20px;padding:14px;box-shadow:0 12px 28px rgba(77,144,254,.16),0 4px 14px rgba(15,23,42,.08);border:1px solid rgba(77,144,254,.16)}
.fixed-kefu img{width:150px;height:150px;border-radius:14px;display:block}
.fixed-kefu p{color:#334155;font-size:14px;text-align:center;margin-top:10px;font-weight:600}

@media (max-width:1380px){.fixed-kefu{display:none}}
@media (max-width:900px){.box{grid-template-columns:1fr}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .site-header-inner{flex-direction:column;align-items:flex-start;padding:.7rem 1rem}.site-nav{justify-content:flex-start}.site-nav-link{padding:.45rem .6rem;font-size:.88rem}
  .header{padding:2rem 1.1rem;border-radius:1.25rem}.products-grid,.faq-grid{grid-template-columns:1fr}.mock-body{grid-template-columns:1fr}
  .section-title{font-size:1.45rem;margin-top:2.6rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}