/* 智播星产品中心与旧站迁移页面公共样式 */
.catalog-page,.product-detail-page { background: #fff; }
.product-hero,.catalog-hero { position: relative; overflow: hidden; padding: 142px 0 76px; color: #fff; background: radial-gradient(760px 440px at 82% 8%,rgba(255,101,0,.22),transparent 68%),radial-gradient(520px 380px at 10% 80%,rgba(255,142,59,.1),transparent 72%),linear-gradient(135deg,#0d0f14 0%,#151821 55%,#1b1714 100%); }
.product-hero::before,.catalog-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 92%); }
.product-hero::after,.catalog-hero::after { content:""; position:absolute; width:430px; height:430px; right:-150px; top:-170px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 62px rgba(255,255,255,.018),0 0 0 126px rgba(255,255,255,.012); }
.product-hero .container,.catalog-hero .container { position: relative; z-index: 1; }
.product-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.82fr); align-items:center; gap:70px; }
.product-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:24px; color:rgba(255,255,255,.38); font-size:11px; }
.product-breadcrumb a:hover { color:#fff; }
.product-breadcrumb i { width:4px; height:4px; background:rgba(255,255,255,.24); border-radius:50%; }
.product-kicker { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:#ffad77; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.product-kicker::before { content:""; width:18px; height:1px; background:currentColor; }
.product-hero h1,.catalog-hero h1 { margin:0; max-width:760px; color:#fff; font-size:clamp(44px,5.2vw,72px); line-height:1.08; letter-spacing:-.05em; }
.product-hero h1 span,.catalog-hero h1 span { display:block; margin-top:14px; color:#ff7a1f; font-size:.52em; line-height:1.35; letter-spacing:-.025em; }
.product-lead { max-width:720px; margin:25px 0 0; color:rgba(255,255,255,.56); font-size:16px; line-height:1.9; }
.product-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.product-hero-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:29px; }
.product-hero-tags span { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; color:rgba(255,255,255,.58); font-size:10px; border:1px solid rgba(255,255,255,.1); border-radius:99px; background:rgba(255,255,255,.035); }
.product-hero-tags i { width:5px; height:5px; background:#ff7a1f; border-radius:50%; box-shadow:0 0 8px rgba(255,101,0,.8); }
.product-status-pill { display:inline-flex; align-items:center; gap:7px; padding:6px 10px; color:#ffd5bd; font-size:10px; font-weight:700; background:rgba(255,101,0,.13); border:1px solid rgba(255,122,31,.3); border-radius:99px; }
.product-status-pill::before { content:""; width:5px; height:5px; background:#ff7a1f; border-radius:50%; }
.product-status-pill.is-soon { color:#ffe6a3; background:rgba(255,184,56,.1); border-color:rgba(255,184,56,.25); }
.product-status-pill.is-soon::before { background:#ffb838; }
.product-hero-visual { position:relative; }
.product-window { overflow:hidden; color:#fff; background:#11141b; border:1px solid rgba(255,255,255,.13); border-radius:22px; box-shadow:0 35px 90px rgba(0,0,0,.42); transform:rotate(1.3deg); }
.product-window-bar { display:flex; align-items:center; gap:8px; height:43px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); }
.product-window-dots { display:flex; gap:5px; }
.product-window-dots i { width:6px; height:6px; background:rgba(255,255,255,.2); border-radius:50%; }
.product-window-title { margin-left:7px; color:rgba(255,255,255,.44); font-size:9px; letter-spacing:.08em; }
.product-window-live { display:flex; align-items:center; gap:5px; margin-left:auto; color:#7ee6a9; font-size:8px; }
.product-window-live::before { content:""; width:5px; height:5px; background:#39d680; border-radius:50%; box-shadow:0 0 8px rgba(57,214,128,.75); }
.product-window-shot { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top center; background:#171a22; }
.product-window-mock { min-height:330px; padding:24px; background:radial-gradient(280px 190px at 72% 28%,rgba(255,101,0,.14),transparent 70%),#11141b; }
.product-mock-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.07); }
.product-mock-top strong { font-size:12px; letter-spacing:.08em; }
.product-mock-top span { padding:4px 8px; color:#ffb087; font-size:8px; background:rgba(255,101,0,.12); border-radius:99px; }
.product-mock-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.product-mock-card { min-height:100px; padding:14px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:12px; }
.product-mock-card.is-hot { background:linear-gradient(145deg,rgba(255,101,0,.17),rgba(255,101,0,.04)); border-color:rgba(255,122,31,.22); }
.product-mock-card small { display:block; color:rgba(255,255,255,.34); font-size:8px; }
.product-mock-card b { display:block; margin-top:9px; color:#fff; font-size:13px; }
.product-mock-card i { display:block; width:72%; height:5px; margin-top:13px; background:rgba(255,255,255,.08); border-radius:99px; }
.product-mock-card i+i { width:45%; margin-top:7px; }
.product-float { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 15px; color:#fff; background:rgba(20,23,30,.9); border:1px solid rgba(255,255,255,.12); border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,.3); backdrop-filter:blur(12px); }
.product-float.is-one { left:-28px; bottom:36px; }
.product-float.is-two { right:-18px; top:33px; }
.product-float .float-mark { display:grid; place-items:center; width:30px; height:30px; color:#ffb287; font-size:13px; font-weight:800; background:rgba(255,101,0,.15); border-radius:9px; }
.product-float div { display:flex; flex-direction:column; line-height:1.25; }
.product-float strong { font-size:10px; }
.product-float small { margin-top:3px; color:rgba(255,255,255,.36); font-size:8px; }
.catalog-hero { padding-bottom:68px; }
.catalog-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 390px; align-items:end; gap:70px; }
.catalog-hero h1 span { max-width:700px; }
.catalog-orbit { position:relative; display:grid; place-items:center; width:360px; height:360px; margin:0 auto; }
.catalog-orbit::before,.catalog-orbit::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }
.catalog-orbit::before { inset:18px; }
.catalog-orbit::after { inset:72px; border-color:rgba(255,101,0,.2); }
.catalog-core { position:relative; z-index:2; display:grid; place-items:center; width:122px; height:122px; background:linear-gradient(145deg,#ff8a3d,#ff5d00); border-radius:30px; box-shadow:0 22px 60px rgba(255,91,0,.32); }
.catalog-core img { width:82px; height:82px; object-fit:contain; }
.catalog-node { position:absolute; z-index:3; display:flex; align-items:center; gap:8px; padding:9px 12px; color:rgba(255,255,255,.72); font-size:9px; background:rgba(22,25,33,.92); border:1px solid rgba(255,255,255,.1); border-radius:10px; box-shadow:0 12px 25px rgba(0,0,0,.22); }
.catalog-node i { width:6px; height:6px; background:#ff7a1f; border-radius:50%; }
.catalog-node.n1 { top:8px; left:17px; }.catalog-node.n2 { top:49px; right:4px; }.catalog-node.n3 { bottom:48px; left:1px; }.catalog-node.n4 { right:20px; bottom:6px; }
.catalog-facts { display:grid; grid-template-columns:repeat(3,1fr); margin-top:50px; border-top:1px solid rgba(255,255,255,.1); }
.catalog-fact { padding:22px 24px 0 0; }
.catalog-fact+.catalog-fact { padding-left:26px; border-left:1px solid rgba(255,255,255,.1); }
.catalog-fact strong { display:block; color:#fff; font-size:28px; letter-spacing:-.03em; }
.catalog-fact span { color:rgba(255,255,255,.36); font-size:10px; }
.product-bands { padding:36px 0; border-top:1px solid #f0eae4; border-bottom:1px solid #f0eae4; background:#fbf8f4; }
.product-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.product-fact { padding:4px 26px; border-right:1px solid #eae3dc; }
.product-fact:first-child { padding-left:0; }.product-fact:last-child { border-right:0; }
.product-fact small { display:block; color:#8b8179; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.product-fact strong { display:block; margin-top:5px; color:#1a1c22; font-size:14px; }
.product-section { padding:96px 0; }
.product-section.is-warm { background:#fbf7f2; border-top:1px solid #f1eae2; border-bottom:1px solid #f1eae2; }
.product-section.is-dark { color:#fff; background:radial-gradient(700px 300px at 78% 10%,rgba(255,101,0,.14),transparent 68%),#11141b; }
.product-section-head { max-width:760px; margin-bottom:42px; }
.product-section-head.is-center { margin-right:auto; margin-left:auto; text-align:center; }
.product-section-head h2 { margin:0; color:#171920; font-size:clamp(30px,3.5vw,44px); line-height:1.23; letter-spacing:-.04em; }
.product-section.is-dark .product-section-head h2 { color:#fff; }
.product-section-head p { margin:14px 0 0; color:#787067; font-size:14px; line-height:1.85; }
.product-section.is-dark .product-section-head p { color:rgba(255,255,255,.43); }
.product-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.product-feature-card { padding:25px; background:#fff; border:1px solid #ebe5de; border-radius:17px; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.product-feature-card:hover { transform:translateY(-3px); border-color:rgba(255,101,0,.22); box-shadow:0 15px 34px rgba(67,43,24,.07); }
.product-feature-no { display:grid; place-items:center; width:34px; height:34px; color:#ff6500; font-size:9px; font-weight:800; background:#fff2e9; border-radius:9px; }
.product-feature-card h3 { margin:18px 0 7px; color:#1b1d24; font-size:16px; }
.product-feature-card p { margin:0; color:#7e756d; font-size:12px; line-height:1.8; }
.product-feature-link { display:inline-flex; align-items:center; gap:6px; margin-top:16px; color:#d95300; font-size:10px; font-weight:700; }
.product-feature-link:hover { color:#ff6500; }
.product-section.is-dark .product-feature-card { background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.08); }
.product-section.is-dark .product-feature-card h3 { color:#fff; }
.product-section.is-dark .product-feature-card p { color:rgba(255,255,255,.4); }
.product-section.is-dark .product-feature-no { color:#ffb087; background:rgba(255,101,0,.13); }
.product-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.product-flow-step { position:relative; padding:24px 22px; background:#fff; border:1px solid #ebe5de; border-radius:16px; }
.product-flow-step b { display:block; margin-bottom:20px; color:#ff6500; font-size:10px; letter-spacing:.14em; }
.product-flow-step h3 { margin:0 0 7px; color:#1b1d24; font-size:15px; }
.product-flow-step p { margin:0; color:#81776f; font-size:11px; line-height:1.75; }
.product-section.is-warm .product-flow-step { box-shadow:0 10px 25px rgba(67,43,24,.035); }
.product-download-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:18px; }
.product-download-card { display:flex; flex-direction:column; padding:28px; background:#fff; border:1px solid #ebe5de; border-radius:20px; }
.product-download-card.is-main { border-color:rgba(255,101,0,.24); box-shadow:0 18px 42px rgba(255,101,0,.07); }
.product-download-card .download-icon { display:grid; place-items:center; width:46px; height:46px; color:#fff; font-size:10px; font-weight:800; background:linear-gradient(145deg,#ff8a3d,#e95800); border-radius:12px; }
.product-download-card h3 { margin:19px 0 6px; color:#1b1d24; font-size:20px; letter-spacing:-.025em; }
.product-download-card > p { margin:0; color:#81776f; font-size:12px; line-height:1.8; }
.product-download-list { display:grid; gap:8px; margin-top:21px; }
.product-download-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 13px; background:#faf8f5; border:1px solid #eee8e1; border-radius:11px; transition:background .18s ease,border-color .18s ease; }
.product-download-row:hover { background:#fff6ef; border-color:rgba(255,101,0,.18); }
.product-download-row div { min-width:0; }
.product-download-row strong { display:block; color:#26272d; font-size:11px; }
.product-download-row small { display:block; margin-top:3px; color:#91877f; font-size:9px; }
.product-download-row span { flex:0 0 auto; color:#db5400; font-size:10px; font-weight:700; }
.product-contact-card { display:flex; flex-direction:column; justify-content:space-between; padding:29px; color:#fff; background:radial-gradient(280px 180px at 90% 0%,rgba(255,101,0,.19),transparent 70%),#171a22; border:1px solid rgba(255,255,255,.09); border-radius:20px; }
.product-contact-card .product-kicker { margin-bottom:14px; color:#ffaa76; }
.product-contact-card h3 { margin:0; font-size:25px; line-height:1.3; letter-spacing:-.03em; }
.product-contact-card p { margin:13px 0 22px; color:rgba(255,255,255,.46); font-size:12px; line-height:1.85; }
.product-contact-list { display:grid; gap:9px; margin:20px 0 0; padding:0; list-style:none; color:rgba(255,255,255,.55); font-size:11px; }
.product-contact-list li::before { content:"✓"; margin-right:8px; color:#ff9a5a; font-weight:800; }
.product-note { margin-top:23px; padding:16px 18px; color:#81776f; font-size:11px; line-height:1.8; background:#faf7f3; border-left:2px solid #ff8a3d; border-radius:0 10px 10px 0; }
.product-related { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.product-related-card { padding:22px; background:#fff; border:1px solid #ebe5de; border-radius:15px; transition:transform .18s ease,border-color .18s ease; }
.product-related-card:hover { transform:translateY(-2px); border-color:rgba(255,101,0,.22); }
.product-related-card small { color:#ff6500; font-size:8px; font-weight:800; letter-spacing:.13em; }
.product-related-card strong { display:block; margin:7px 0 5px; color:#1d1f25; font-size:15px; }
.product-related-card p { margin:0; color:#837a72; font-size:10px; line-height:1.7; }
.product-end-cta { position:relative; overflow:hidden; padding:60px 0; color:#fff; background:linear-gradient(110deg,#15171e,#25201c); }
.product-end-cta::after { content:""; position:absolute; width:420px; height:420px; right:-130px; top:-190px; background:radial-gradient(circle,rgba(255,101,0,.23),transparent 67%); }
.product-end-inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.product-end-inner h2 { margin:0; font-size:clamp(24px,3vw,36px); letter-spacing:-.035em; }
.product-end-inner p { margin:8px 0 0; color:rgba(255,255,255,.44); font-size:12px; }
.product-end-actions { display:flex; flex:0 0 auto; gap:10px; }
.product-end-actions .button { white-space:nowrap; }

/* 产品中心 */
.catalog-section { padding:82px 0 96px; }
.catalog-group+.catalog-group { margin-top:63px; }
.catalog-group-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:25px; padding-bottom:16px; border-bottom:1px solid #ece6df; }
.catalog-group-head h2 { margin:0; color:#171920; font-size:29px; letter-spacing:-.035em; }
.catalog-group-head p { margin:0; color:#897f76; font-size:11px; }
.catalog-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.catalog-card { display:flex; flex-direction:column; min-height:255px; padding:22px; background:#fff; border:1px solid #ebe5de; border-radius:17px; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.catalog-card:hover { transform:translateY(-4px); border-color:rgba(255,101,0,.22); box-shadow:0 18px 40px rgba(64,41,22,.08); }
.catalog-card.is-featured { background:linear-gradient(150deg,#fff8f2,#fff); border-color:rgba(255,101,0,.23); }
.catalog-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.catalog-icon { display:grid; place-items:center; width:43px; height:43px; flex:0 0 auto; color:#ff6500; background:#fff2e9; border:1px solid rgba(255,101,0,.12); border-radius:11px; }
.catalog-icon svg { width:21px; height:21px; }
.catalog-card-top span { padding:4px 7px; color:#847a72; font-size:8px; background:#f7f3ef; border-radius:99px; }
.catalog-card h3 { margin:22px 0 7px; color:#1b1d24; font-size:17px; letter-spacing:-.02em; }
.catalog-card p { margin:0; color:#81776f; font-size:11px; line-height:1.8; }
.catalog-card-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:19px; color:#d95300; font-size:10px; font-weight:700; }
.catalog-card-foot i { font-style:normal; font-size:15px; transition:transform .18s ease; }
.catalog-card:hover .catalog-card-foot i { transform:translateX(3px); }
.catalog-merge-note { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; margin-top:66px; padding:24px 26px; background:#faf7f3; border:1px solid #eee7df; border-radius:16px; }
.catalog-merge-note .merge-mark { display:grid; place-items:center; width:45px; height:45px; color:#fff; font-size:14px; font-weight:800; background:linear-gradient(145deg,#ff8a3d,#ea5900); border-radius:12px; }
.catalog-merge-note strong { display:block; color:#1c1e25; font-size:14px; }
.catalog-merge-note p { margin:4px 0 0; color:#847a72; font-size:11px; line-height:1.7; }
.catalog-merge-note .button { flex:0 0 auto; }

/* 首页产品矩阵 */
.suite-section { padding:104px 0; background:#fbf8f4; border-top:1px solid #f1eae2; border-bottom:1px solid #f1eae2; }
.suite-head { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:42px; }
.suite-head .section-heading { max-width:860px; margin:0; }
.suite-head .button { flex:0 0 auto; }
.suite-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.suite-card { position:relative; display:flex; flex-direction:column; min-height:218px; padding:25px; overflow:hidden; background:#fff; border:1px solid #ebe4dc; border-radius:18px; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.suite-card:hover { transform:translateY(-4px); border-color:rgba(255,101,0,.24); box-shadow:0 18px 38px rgba(65,42,23,.075); }
.suite-card.is-primary { color:#fff; background:radial-gradient(340px 220px at 100% 0%,rgba(255,101,0,.2),transparent 70%),#151820; border-color:rgba(255,255,255,.08); }
.suite-card::after { content:""; position:absolute; width:150px; height:150px; right:-75px; bottom:-85px; border:1px solid rgba(255,101,0,.1); border-radius:50%; }
.suite-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.suite-icon { display:grid; place-items:center; width:42px; height:42px; color:#ff6500; background:#fff2e9; border-radius:11px; }
.suite-icon svg { width:20px; height:20px; }
.suite-card.is-primary .suite-icon { color:#fff; background:linear-gradient(145deg,#ff8a3d,#ff5d00); }
.suite-card-top span { color:#8a8179; font-size:8px; }
.suite-card.is-primary .suite-card-top span { color:rgba(255,255,255,.38); }
.suite-card h3 { margin:23px 0 7px; color:#1a1c23; font-size:19px; letter-spacing:-.025em; }
.suite-card.is-primary h3 { color:#fff; }
.suite-card p { margin:0; color:#81776f; font-size:11px; line-height:1.8; }
.suite-card.is-primary p { color:rgba(255,255,255,.44); }
.suite-card-foot { display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:18px; color:#d95300; font-size:10px; font-weight:700; }
.suite-card.is-primary .suite-card-foot { color:#ffb287; }

@media (max-width:1100px) {
  .product-hero-grid { grid-template-columns:1fr 390px; gap:42px; }
  .catalog-hero-grid { grid-template-columns:1fr 320px; gap:36px; }
  .catalog-orbit { width:310px; height:310px; }
  .catalog-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px) {
  .product-hero { padding-top:118px; }
  .product-hero-grid,.catalog-hero-grid { grid-template-columns:1fr; }
  .product-hero-visual { max-width:620px; width:100%; margin:0 auto; }
  .catalog-orbit { width:290px; height:290px; margin-top:28px; }
  .product-facts { grid-template-columns:1fr 1fr; }
  .product-fact:nth-child(2) { border-right:0; }
  .product-fact:nth-child(n+3) { padding-top:20px; margin-top:18px; border-top:1px solid #eae3dc; }
  .product-feature-grid { grid-template-columns:1fr 1fr; }
  .product-flow { grid-template-columns:1fr 1fr; }
  .suite-grid { grid-template-columns:1fr 1fr; }
  .suite-head { align-items:flex-start; }
  .catalog-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .product-hero,.catalog-hero { padding:104px 0 55px; }
  .product-hero h1,.catalog-hero h1 { font-size:42px; }
  .product-lead { font-size:14px; }
  .product-float.is-one { left:-8px; bottom:18px; }
  .product-float.is-two { right:-6px; top:17px; }
  .product-section { padding:72px 0; }
  .product-feature-grid,.product-flow,.product-download-grid,.product-related { grid-template-columns:1fr; }
  .product-section-head { margin-bottom:29px; }
  .product-fact { padding-right:13px; padding-left:13px; }
  .product-end-inner { flex-direction:column; align-items:flex-start; }
  .product-end-actions { width:100%; }
  .product-end-actions .button { flex:1; }
  .catalog-grid,.suite-grid { grid-template-columns:1fr; }
  .catalog-group-head { align-items:flex-start; flex-direction:column; gap:6px; }
  .catalog-merge-note { grid-template-columns:auto 1fr; }
  .catalog-merge-note .button { grid-column:1/-1; }
  .suite-head { flex-direction:column; }
  .suite-card { min-height:190px; }
}
@media (max-width:480px) {
  .product-hero h1,.catalog-hero h1 { font-size:36px; }
  .product-hero h1 span { font-size:.54em; }
  .product-hero-actions .button,.product-end-actions .button { width:100%; }
  .product-float { display:none; }
  .product-facts { grid-template-columns:1fr; }
  .product-fact,.product-fact+.product-fact { padding:14px 0; border-right:0; border-top:1px solid #eae3dc; }
  .product-fact:first-child { padding-top:0; border-top:0; }
  .product-window-mock { min-height:280px; padding:18px; }
  .product-mock-card { min-height:85px; padding:12px; }
  .product-download-row { align-items:flex-start; flex-direction:column; gap:6px; }
  .catalog-node { font-size:8px; }
}

/* 激活码与活动页面 */
.buy-hero-copy { max-width: 820px; }
.buy-price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.buy-price-card { position:relative; display:flex; flex-direction:column; padding:29px; background:#fff; border:1px solid #e9e3dc; border-radius:20px; }
.buy-price-card.is-hot { background:linear-gradient(150deg,#fff8f2,#fff); border-color:rgba(255,101,0,.3); box-shadow:0 20px 48px rgba(255,101,0,.08); }
.buy-hot-badge { position:absolute; top:-11px; left:50%; padding:5px 13px; color:#fff; font-size:9px; font-weight:800; background:linear-gradient(90deg,#ff8a3d,#e95800); border-radius:99px; transform:translateX(-50%); white-space:nowrap; }
.buy-plan { color:#8a8179; font-size:11px; font-weight:700; letter-spacing:.08em; }
.buy-price { margin-top:7px; color:#1a1c23; font-size:42px; font-weight:800; line-height:1.1; letter-spacing:-.05em; }
.buy-price span { color:#90867e; font-size:11px; font-weight:500; letter-spacing:0; }
.buy-plan-desc { margin:7px 0 20px; color:#8b8179; font-size:11px; }
.buy-plan-list { display:grid; gap:9px; margin:0 0 24px; padding:17px 0 0; list-style:none; border-top:1px solid #eee8e1; color:#5f5a55; font-size:11px; }
.buy-plan-list li::before { content:"✓"; margin-right:7px; color:#ff6500; font-weight:800; }
.buy-price-card .button { margin-top:auto; }
.buy-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.buy-step { padding:23px; background:#fff; border:1px solid #ebe5de; border-radius:16px; }
.buy-step b { display:grid; place-items:center; width:32px; height:32px; margin-bottom:18px; color:#fff; font-size:10px; background:linear-gradient(145deg,#ff8a3d,#e95800); border-radius:9px; }
.buy-step h3 { margin:0 0 7px; color:#1b1d24; font-size:15px; }
.buy-step p { margin:0; color:#81776f; font-size:11px; line-height:1.8; }
.buy-contact { display:grid; grid-template-columns:1fr auto; align-items:center; gap:30px; padding:31px; color:#fff; background:radial-gradient(300px 200px at 90% 0%,rgba(255,101,0,.19),transparent 70%),#171a22; border:1px solid rgba(255,255,255,.09); border-radius:20px; }
.buy-contact h2 { margin:0; font-size:26px; letter-spacing:-.03em; }
.buy-contact p { margin:8px 0 0; color:rgba(255,255,255,.46); font-size:12px; }
.buy-contact strong { color:#ffb287; }
.buy-contact-actions { display:flex; gap:10px; }
.buy-faq { display:grid; gap:10px; }
.buy-faq details { padding:0 19px; background:#fff; border:1px solid #ebe5de; border-radius:13px; }
.buy-faq summary { padding:16px 0; color:#22242a; font-size:12px; font-weight:700; cursor:pointer; }
.buy-faq p { margin:-4px 0 16px; color:#81776f; font-size:11px; line-height:1.8; }
@media (max-width:900px) { .buy-price-grid { grid-template-columns:1fr 1fr; } .buy-steps { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) { .buy-price-grid,.buy-steps { grid-template-columns:1fr; } .buy-contact { grid-template-columns:1fr; } .buy-contact-actions { flex-wrap:wrap; } }

/* 抽奖与活动页 */
.lucky-hero { padding-bottom:54px; }
.lucky-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:62px; align-items:center; }
.lucky-mark { position:relative; display:grid; place-items:center; width:280px; height:280px; margin:0 auto; color:#fff; background:radial-gradient(circle at 50% 35%,rgba(255,170,80,.28),transparent 58%),#171a22; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 28px 70px rgba(0,0,0,.32); }
.lucky-mark::before,.lucky-mark::after { content:""; position:absolute; inset:34px; border:1px dashed rgba(255,138,61,.3); border-radius:50%; animation:lucky-spin 22s linear infinite; }
.lucky-mark::after { inset:75px; border-style:solid; border-color:rgba(255,255,255,.08); animation-direction:reverse; animation-duration:16s; }
.lucky-mark strong { position:relative; z-index:2; font-size:62px; line-height:1; }
.lucky-mark span { position:absolute; bottom:48px; z-index:2; color:rgba(255,255,255,.4); font-size:10px; letter-spacing:.15em; }
@keyframes lucky-spin { to { transform:rotate(360deg); } }
.lucky-section { padding:82px 0 94px; background:#fbf8f4; }
.lucky-card { max-width:760px; margin:0 auto; padding:34px; background:#fff; border:1px solid #eae3dc; border-radius:22px; box-shadow:0 17px 42px rgba(67,43,24,.06); }
.lucky-status-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:23px; border-bottom:1px solid #eee8e1; }
.lucky-status-bar h2 { margin:0; color:#1b1d24; font-size:24px; letter-spacing:-.03em; }
.lucky-remain { padding:7px 12px; color:#d95300; font-size:10px; font-weight:800; background:#fff2e9; border-radius:99px; }
.lucky-rules { display:grid; gap:9px; margin:22px 0; padding:0; list-style:none; color:#6f6861; font-size:12px; }
.lucky-rules li::before { content:"✓"; margin-right:8px; color:#ff6500; font-weight:800; }
.lucky-draw-button { width:100%; padding:17px; color:#fff; font-size:18px; font-weight:800; background:linear-gradient(100deg,#ff8a3d,#e95800); border:0; border-radius:14px; box-shadow:0 14px 30px rgba(255,101,0,.24); cursor:pointer; letter-spacing:.08em; }
.lucky-draw-button:hover { background:linear-gradient(100deg,#ff974f,#d95000); }
.lucky-draw-button:disabled { opacity:.6; cursor:not-allowed; }
.lucky-result { display:none; margin-top:18px; padding:21px; background:#faf7f3; border:1px solid #ebe3db; border-radius:14px; color:#5e5751; font-size:12px; line-height:1.8; }
.lucky-result.show { display:block; }
.lucky-result.is-win { color:#176139; background:#effaf3; border-color:#b9e9ca; }
.lucky-code { margin:13px 0; padding:13px; color:#1e3326; font-family:Consolas,monospace; font-size:20px; font-weight:800; letter-spacing:.08em; text-align:center; background:#fff; border:1px dashed #52b777; border-radius:10px; word-break:break-all; }
.lucky-copy { padding:9px 17px; color:#fff; font-size:11px; font-weight:700; background:#2f9d5c; border:0; border-radius:8px; cursor:pointer; }
.lucky-note { margin-top:14px; color:#928981; font-size:10px; line-height:1.8; }
@media (max-width:900px) { .lucky-hero-grid { grid-template-columns:1fr; } }
@media (max-width:480px) { .lucky-mark { width:220px; height:220px; } .lucky-mark strong { font-size:50px; } .lucky-card { padding:24px 18px; } .lucky-status-bar { align-items:flex-start; flex-direction:column; gap:10px; } }