*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#152238;background:#f7f9fc;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.marketing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:1240px;height:68px;margin:0 auto;padding:0 28px;border-bottom:1px solid #e8edf4;background:rgba(247,249,252,.9);backdrop-filter:blur(16px)}.marketing-brand{display:flex;align-items:center;gap:10px;font-size:17px}.marketing-brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#246bfe,#7657f5);box-shadow:0 7px 15px rgba(36,107,254,.2)}.marketing-header nav{display:flex;align-items:center;gap:24px;color:#667085;font-size:13px}.marketing-header nav a:hover{color:#246bfe}.header-cta,.primary-action{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;color:#fff!important;background:#246bfe;box-shadow:0 8px 18px rgba(36,107,254,.2)}.header-cta{min-height:36px;padding:0 16px}.marketing-hero{display:grid;grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:70px;max-width:1180px;margin:0 auto;padding:96px 28px 110px}.marketing-eyebrow{color:#246bfe;font-size:11px;font-weight:800;letter-spacing:1.7px}.hero-copy h1{margin:15px 0 18px;font-size:clamp(36px,5vw,64px);line-height:1.12;letter-spacing:-2.5px}.hero-copy h1 em{display:block;color:#246bfe;font-style:normal}.hero-copy p{max-width:570px;margin:0;color:#667085;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary-action,.secondary-action{min-height:46px;padding:0 22px;font-size:14px;font-weight:700}.secondary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e2ee;border-radius:11px;color:#42526a;background:#fff}.hero-note{display:block;margin-top:16px;color:#8490a1;font-size:12px}.hero-art{position:relative;height:420px}.hero-card{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;width:250px;height:330px;padding:22px;border:7px solid #fff;border-radius:25px;box-shadow:0 24px 54px rgba(38,57,91,.14)}.hero-card span{font-size:11px;font-weight:800;letter-spacing:1.7px}.hero-card-back{right:18px;top:30px;color:#49617e;background:linear-gradient(150deg,#dfe9f5,#f9fbff);transform:rotate(13deg)}.hero-card-mid{right:108px;top:56px;color:#fff;background:linear-gradient(155deg,#7a68f5,#246bfe);transform:rotate(-6deg)}.hero-card-front{left:55px;top:28px;color:#fff;background:linear-gradient(155deg,#152e50 0%,#254f86 60%,#e2b47e 60%,#f0d0a5 100%);transform:rotate(5deg)}.hero-card-front strong{margin-top:auto;font-size:25px;line-height:1.12;letter-spacing:1px}.hero-card-front small{margin-top:7px;opacity:.82;font-size:11px}.hero-spark{font-size:44px!important;letter-spacing:0!important}.marketing-section,.trust-section{max-width:1180px;margin:0 auto;padding:76px 28px}.section-heading{max-width:660px;margin-bottom:28px}.section-heading h2{margin:10px 0 8px;font-size:34px;line-height:1.25;letter-spacing:-1px}.section-heading p{margin:0;color:#667085;font-size:14px}.case-grid,.price-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-card,.price-grid article,.trust-grid article,.legal-section{border:1px solid #e4eaf2;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(38,57,91,.05)}.case-card{padding:14px}.case-visual{display:grid;place-items:center;height:220px;border-radius:14px;color:#fff;font-size:26px;font-weight:800;letter-spacing:1px}.case-main{background:linear-gradient(150deg,#246bfe,#8c7df4)}.case-detail{background:linear-gradient(150deg,#e2c9b0,#f5efe6);color:#6c4c31}.case-wholesale{background:linear-gradient(150deg,#263b55,#76879c)}.case-card h3{margin:17px 5px 5px;font-size:18px}.case-card p{margin:0 5px 8px;color:#667085;font-size:13px}.pricing-section{padding-top:30px}.price-grid article{display:flex;flex-direction:column;min-height:180px;padding:25px}.price-grid article span{color:#667085;font-size:13px;font-weight:700}.price-grid article strong{margin:15px 0 7px;font-size:25px}.price-grid article strong b{color:#246bfe;font-size:38px}.price-grid article small{color:#8490a1;font-size:12px}.price-featured{border-color:#bcd3ff!important;background:linear-gradient(145deg,#f7fbff,#fff)}.trust-section{padding-top:100px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:26px}.trust-grid article{padding:22px}.trust-grid h3{margin:0 0 7px;font-size:16px}.trust-grid p,.legal-section p{margin:0;color:#667085;font-size:13px;line-height:1.8}.legal-links{display:flex;flex-wrap:wrap;gap:20px;color:#246bfe;font-size:13px}.legal-section{max-width:1180px;margin:0 auto 16px;padding:26px 28px;scroll-margin-top:90px}.legal-section h2{margin:0 0 7px;font-size:17px}footer{display:flex;justify-content:space-between;gap:20px;max-width:1180px;margin:70px auto 0;padding:24px 28px 40px;border-top:1px solid #e4eaf2;color:#8490a1;font-size:12px}footer a{color:#246bfe}@media(max-width:820px){.marketing-header{height:58px;padding:0 16px}.marketing-header nav{gap:10px;font-size:11px}.marketing-header nav>a:not(.header-cta){display:none}.header-cta{min-height:32px;padding:0 12px}.marketing-hero{grid-template-columns:1fr;gap:10px;padding:64px 22px 65px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:14px}.hero-art{height:310px;transform:scale(.82);transform-origin:top center;margin-bottom:-50px}.marketing-section,.trust-section{padding:58px 22px}.section-heading h2{font-size:28px}.case-grid,.price-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.case-visual{height:180px}footer{flex-direction:column;margin-top:42px;padding:22px}.legal-section{margin:0 22px 14px;padding:22px}}
/* 视觉整改 3：使用不含真实用户素材的中性示意，强化案例层次与客服入口。 */
.hero-card { overflow: hidden; justify-content: flex-start; padding: 22px; }
.hero-card-back { padding-top: 24px; }
.hero-card-back > span, .hero-card-mid > span { position: relative; z-index: 2; }
.hero-card-back > b, .hero-card-mid > b { position: absolute; left: 22px; bottom: 22px; font-size: 16px; }
.hero-line { display: block; width: 78%; height: 13px; margin-top: 24px; border-radius: 4px; background: rgba(73,97,126,.2); }
.hero-line-two { width: 55%; margin-top: 10px; }
.hero-grid { display: block; width: 78%; height: 120px; margin: 28px auto 0; border: 1px solid rgba(255,255,255,.5); border-radius: 10px; background: repeating-linear-gradient(0deg, rgba(255,255,255,.2) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, rgba(255,255,255,.2) 0 1px, transparent 1px 28px); }
.hero-card-front { padding: 22px; }
.hero-card-front > strong { position: absolute; left: 22px; bottom: 54px; }
.hero-card-front > small { position: absolute; left: 22px; bottom: 25px; }
.hero-product-orb { position: absolute; right: 24px; top: 78px; width: 92px; height: 120px; border: 8px solid rgba(255,255,255,.74); border-radius: 45% 45% 32% 32%; background: linear-gradient(145deg, rgba(255,255,255,.55), rgba(238,194,138,.55)); box-shadow: 0 16px 30px rgba(8,22,48,.2); transform: rotate(8deg); }
.hero-product-orb::after { content: ""; position: absolute; left: 15px; right: 15px; top: 42px; height: 24px; border-radius: 5px; background: rgba(21,46,80,.75); }
.case-visual { position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: flex-start; padding: 20px; }
.case-visual::before { content: ""; position: absolute; inset: 0; opacity: .44; background: radial-gradient(circle at 80% 15%, rgba(255,255,255,.55), transparent 28%), linear-gradient(135deg, transparent 0 55%, rgba(255,255,255,.18) 55% 56%, transparent 56%); }
.mock-product, .mock-detail-stack, .mock-sheet, .mock-copy, .case-badge { position: relative; z-index: 1; }
.mock-package { width: 116px; height: 142px; border: 6px solid rgba(255,255,255,.82); border-radius: 17px 17px 12px 12px; background: linear-gradient(155deg, rgba(255,255,255,.85), rgba(232,240,255,.48)); box-shadow: 0 18px 26px rgba(24,48,90,.2); transform: rotate(-6deg); }
.mock-package::before { content: ""; position: absolute; left: 15px; right: 15px; top: 28px; height: 12px; border-radius: 4px; background: rgba(36,107,254,.75); }
.mock-package::after { content: ""; position: absolute; left: 23px; right: 23px; bottom: 25px; height: 36px; border-radius: 50%; background: rgba(36,107,254,.22); }
.mock-package span { position: absolute; left: 20px; top: 54px; color: #2b4b83; font-size: 12px; font-weight: 800; }
.mock-copy { display: grid; gap: 3px; margin-left: 14px; color: #fff; }
.mock-copy b { font-size: 15px; }
.mock-copy small { font-size: 10px; opacity: .84; }
.case-detail .mock-copy { color: #684e39; }
.mock-detail-stack { display: grid; gap: 7px; width: 130px; transform: rotate(-5deg); }
.mock-detail-stack i { display: block; height: 40px; border: 5px solid rgba(255,255,255,.86); border-radius: 8px; background: linear-gradient(100deg, rgba(255,255,255,.92), rgba(174,132,91,.26)); box-shadow: 0 8px 15px rgba(91,63,38,.15); }
.mock-detail-stack i:nth-child(2) { width: 108px; margin-left: 12px; }
.mock-detail-stack i:nth-child(3) { width: 84px; margin-left: 26px; }
.mock-sheet { display: grid; gap: 8px; width: 190px; padding: 17px; border-radius: 11px; color: #243a55; background: rgba(255,255,255,.94); box-shadow: 0 16px 25px rgba(18,35,58,.2); transform: rotate(4deg); }
.mock-sheet b { font-size: 15px; }
.mock-sheet span { font-size: 10px; }
.mock-sheet i { display: block; height: 1px; background: #d6dee9; }
.case-badge { position: absolute; top: 13px; right: 13px; padding: 5px 8px; border: 1px solid rgba(255,255,255,.48); border-radius: 999px; color: #fff; background: rgba(20,39,68,.26); font-size: 10px; font-weight: 700; }
.case-detail .case-badge { color: #684e39; background: rgba(255,255,255,.52); }
.trust-support { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0 24px; padding: 16px 18px; border: 1px solid #dbe6f5; border-radius: 15px; background: linear-gradient(100deg,#f6faff,#fff); }
.trust-support div { display: grid; gap: 3px; }
.trust-support strong { font-size: 14px; }
.trust-support span { color: #667085; font-size: 12px; }
.trust-support .secondary-action { min-height: 38px; padding: 0 15px; font-size: 12px; white-space: nowrap; }
.support-section { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.support-section > div:first-child { max-width: 700px; }
.support-actions { display: flex; gap: 9px; flex: 0 0 auto; }
.support-actions a { min-height: 38px; padding: 0 15px; font-size: 12px; white-space: nowrap; }
@media(max-width:820px){.hero-card-front > strong{font-size:21px}.hero-product-orb{right:20px;width:78px;height:102px}.trust-support,.support-section{align-items: flex-start; flex-direction: column}.trust-support,.support-actions{width:100%}.support-actions a{flex:1}.case-visual{height:210px}}
@media(max-width:480px){.hero-art{height:300px}.hero-card{width:230px;height:296px}.hero-card-front{left:38px}.hero-card-mid{right:70px}.hero-card-back{right:0}.case-visual{height:190px}.mock-package{width:100px;height:124px}.mock-detail-stack{width:115px}.mock-sheet{width:170px}.case-badge{font-size:9px}}