*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft Yahei","PingFang SC",sans-serif;color:#222;background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}
ul,li{list-style:none}
img{max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.red{color:#ff6f06}
/* header */
.site-header{position:sticky;top:0;z-index:99;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.06)}
.site-header .wrap{display:flex;align-items:center;height:72px;gap:36px}
.logo{font-size:26px;font-weight:800;letter-spacing:1px}
.logo b{color:#ff6f06}
.nav{display:flex;gap:34px;flex:1;justify-content:center}
.nav a{font-size:16px;padding:6px 2px;position:relative}
.nav a:hover,.nav a.on{color:#ff6f06}
.head-cta{display:flex;align-items:center;gap:18px}
.head-tel{color:#ff6f06;font-weight:700;font-size:15px}
.btn-red{display:inline-block;background:#ff6f06;color:#fff;padding:9px 26px;border-radius:6px;font-size:15px;transition:.2s}
.btn-red:hover{background:#e05f00}
/* changelog bar */
.cl-bar-wrap{margin-top:26px}
.cl-bar{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #ffd9b8;border-radius:999px;padding:10px 22px;font-size:14.5px;box-shadow:0 4px 14px rgba(255,111,6,.12);transition:.2s}
.cl-bar b{color:#c24f06;font-weight:700}
.cl-bar span{color:#888}
.cl-bar:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,111,6,.18)}
/* price hero */
.price-hero{background:linear-gradient(120deg,#fff5ec 0%,#ffe7d1 60%,#ffd1a8 100%);padding:80px 0 60px;text-align:center}
.price-hero h1{font-size:44px;font-weight:800;line-height:1.3}
.price-hero .sub{font-size:18px;color:#555;margin-top:18px;max-width:760px;margin-left:auto;margin-right:auto}
.price-hero .tag{display:inline-block;background:#ff6f06;color:#fff;padding:5px 18px;border-radius:14px;font-size:14px;margin-top:22px;font-weight:600}
/* tabs */
.tabs{display:flex;justify-content:center;gap:0;background:#fff;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.06);max-width:520px;margin:-30px auto 50px;padding:6px;position:relative;z-index:2}
.tabs a{flex:1;display:block;text-align:center;padding:14px 0;border-radius:8px;font-size:16px;font-weight:600;color:#666;transition:.2s;cursor:pointer}
.tabs a.on{background:#ff6f06;color:#fff;box-shadow:0 2px 8px rgba(255,111,6,.3)}
/* tab pane 切换 */
.tab-pane.hidden{display:none}
/* section */
.section{padding:60px 0}
.section.gray{background:#f7f8fa}
.sec-head{text-align:center;margin-bottom:42px}
.sec-head h2{font-size:30px;font-weight:800}
.sec-head p{color:#777;margin-top:10px;font-size:15px;max-width:680px;margin-left:auto;margin-right:auto}
/* pricing cards */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.price-grid.overseas-grid{grid-template-columns:repeat(3,1fr);max-width:1080px;margin:0 auto;gap:22px}
.price-grid .p{background:#fff;border-radius:18px;padding:32px 24px 28px;box-shadow:0 6px 24px rgba(0,0,0,.06);position:relative;display:flex;flex-direction:column;transition:.25s}
.price-grid .p:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.1)}
.price-grid .p .tag-pill{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:5px 18px;border-radius:14px;font-size:13px;font-weight:600;color:#fff;white-space:nowrap}
.price-grid .p.purple{border-top:3px solid #8b5cf6}
.price-grid .p.purple .tag-pill{background:#8b5cf6}
.price-grid .p.orange{border-top:3px solid #ff6f06}
.price-grid .p.orange .tag-pill{background:#ff6f06}
.price-grid .p.gold{border-top:3px solid #ca8a04}
.price-grid .p.gold .tag-pill{background:#ca8a04}
.price-grid .p.red{border-top:3px solid #ef4444}
.price-grid .p.red .tag-pill{background:#ef4444}
.price-grid .p.pink{border-top:3px solid #ec4899}
.price-grid .p.pink .tag-pill{background:#ec4899}
.price-grid .p h3{font-size:24px;font-weight:800;margin-top:6px;color:#222}
.price-grid .p .for{color:#999;font-size:13.5px;margin:6px 0 16px;line-height:1.5}
.price-grid .p .money{font-size:38px;font-weight:800;line-height:1.1}
.price-grid .p.purple .money{color:#8b5cf6}
.price-grid .p.orange .money{color:#ff6f06}
.price-grid .p.gold .money{color:#ca8a04}
.price-grid .p.red .money{color:#ef4444}
.price-grid .p.pink .money{color:#ec4899}
.price-grid .p .money small{font-size:14px;color:#999;font-weight:400;text-decoration:line-through;margin-left:8px}
.price-grid .p .money .unit{font-size:14px;color:#999;font-weight:400;margin-left:4px}
.price-grid .p ul{margin:18px 0 22px;flex:1}
.price-grid .p li{font-size:14px;color:#444;padding:7px 0 7px 24px;position:relative;line-height:1.5}
.price-grid .p li::before{content:"✔";position:absolute;left:0;top:7px;font-size:13px;font-weight:800}
.price-grid .p.purple li::before{color:#8b5cf6}
.price-grid .p.orange li::before{color:#ff6f06}
.price-grid .p.gold li::before{color:#ca8a04}
.price-grid .p.red li::before{color:#ef4444}
.price-grid .p.pink li::before{color:#ec4899}
.price-grid .p li.no{color:#bbb}
.price-grid .p li.no::before{content:"✗";color:#ccc}
.price-grid .p .buy{display:block;text-align:center;border:1.5px solid;border-radius:8px;padding:12px 0;font-size:15px;font-weight:600;transition:.2s}
.price-grid .p.purple .buy{color:#8b5cf6;border-color:#8b5cf6}
.price-grid .p.orange .buy{color:#fff;background:#ff6f06;border-color:#ff6f06}
.price-grid .p.gold .buy{color:#ca8a04;border-color:#ca8a04}
.price-grid .p.red .buy{color:#ef4444;border-color:#ef4444}
.price-grid .p.pink .buy{color:#fff;background:#ec4899;border-color:#ec4899}
.price-grid .p.purple .buy:hover{background:#8b5cf6;color:#fff}
.price-grid .p.orange .buy:hover{background:#e05f00;border-color:#e05f00}
.price-grid .p.gold .buy:hover{background:#ca8a04;color:#fff}
.price-grid .p.red .buy:hover{background:#ef4444;color:#fff}
.price-grid .p.pink .buy:hover{background:#d63384;border-color:#d63384}
/* compare table */
.cmp{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06);border-radius:14px;overflow:hidden;font-size:14.5px}
.cmp th,.cmp td{padding:14px 18px;text-align:center;border-bottom:1px solid #f2f2f2}
.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp thead th{background:#222;color:#fff;font-size:15px}
.cmp thead th.hl{background:#ff6f06}
.cmp td.hl{color:#ff6f06;font-weight:600}
.cmp tbody td:first-child{font-weight:600;color:#333}
.cmp tr:hover td{background:#fafafa}
.cmp .yes{color:#ff6f06;font-weight:800;font-size:18px}
.cmp .no{color:#ccc}
/* solutions */
.sols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sols .s{background:#fff;border-radius:14px;padding:30px 28px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.sols .s .who{color:#ff6f06;font-size:13.5px;font-weight:700;margin-bottom:8px;letter-spacing:1px}
.sols .s h3{font-size:18px;font-weight:800;margin-bottom:12px}
.sols .s p{color:#666;font-size:14.5px;line-height:1.7}
.sols .s .rec{display:inline-block;background:#fff0e2;color:#ff6f06;padding:4px 12px;border-radius:14px;font-size:12.5px;margin-top:14px;font-weight:600}
/* faq */
.faq-list{max-width:900px;margin:0 auto}
.faq-list .qa{background:#fff;border-radius:12px;padding:20px 26px;box-shadow:0 4px 16px rgba(0,0,0,.05);margin-bottom:14px}
.faq-list .qa h4{font-size:16px;color:#ff6f06;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.faq-list .qa h4:before{content:"Q";flex:0 0 26px;height:26px;line-height:26px;text-align:center;background:#fff0e2;color:#ff6f06;border-radius:50%;font-size:14px;font-weight:800}
.faq-list .qa p{color:#555;font-size:15px;padding-left:36px}
/* contact band */
.band{background:linear-gradient(100deg,#ff6f06,#e05f00);color:#fff;text-align:center;padding:60px 0}
.band h2{font-size:30px;font-weight:800}
.band p{margin:12px 0 26px;font-size:16px;opacity:.92}
.band .ways{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.band .w{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:16px 30px;font-size:15px}
.band .w b{display:block;font-size:18px;margin-bottom:2px}
.band .btn-w{display:inline-block;background:#fff;color:#ff6f06;padding:13px 52px;border-radius:6px;font-size:17px;font-weight:700;margin-top:28px}
@media(max-width:900px){.price-hero h1{font-size:30px}.price-hero .sub{font-size:15px}.price-grid,.price-grid.overseas-grid,.sols{grid-template-columns:1fr}.nav{display:none}.cmp{font-size:13px}.cmp th,.cmp td{padding:10px 8px}}