:root{--blue:#1265e8;--blue-deep:#104ba9;--ink:#162238;--muted:#68758c;--line:#e3eaf4;--soft:#f4f8ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:16px/1.75 Arial,"Microsoft YaHei",sans-serif}.shell{width:min(1440px,calc(100% - 40px));margin:auto}.hero{background:#fff}.hero-grid{min-height:430px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:24px}.hero-copy h1{margin:0 0 15px;font-size:50px;line-height:1.16;letter-spacing:0}.hero-copy p{max-width:610px;margin:0;color:#5d6d86;font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:16px;margin-top:25px}.button{height:50px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--blue);border-radius:5px;background:#fff;color:var(--blue);font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #145ed028}.button.primary{background:var(--blue);color:#fff}.hero-art{width:100%;max-height:410px;object-fit:contain;mix-blend-mode:multiply}.feature-strip{margin-top:-6px;padding-bottom:28px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff}.feature-grid article{min-height:126px;padding:19px 23px;display:flex;align-items:center;gap:18px;border-right:1px solid var(--line)}.feature-grid article:last-child{border-right:0}.feature-grid img{width:68px;height:68px;object-fit:contain;flex:0 0 68px}.feature-grid h2{margin:0;font-size:21px;line-height:1.35}.feature-grid p{margin:5px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.section{padding:42px 0}.soft{background:var(--soft)}.line-title{margin:0;text-align:center;font-size:36px;line-height:1.25}.line-title:before,.line-title:after{content:"";display:inline-block;width:55px;border-top:1px solid #4e87ed;vertical-align:middle;margin:0 18px 7px}.section-subtitle{margin:9px 0 25px;color:var(--muted);font-size:18px;text-align:center}.plan-area{padding-top:45px}.rack-tabs{display:flex;justify-content:center;gap:12px;margin:0 auto 24px}.rack-tabs button{min-width:182px;height:48px;padding:0 22px;border:1px solid #d6e1f1;border-radius:5px;background:#fff;color:#263650;font:700 18px/1 Arial,"Microsoft YaHei",sans-serif;cursor:pointer;transition:.2s}.rack-tabs button:hover,.rack-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 8px 17px #155dcc23}.rack-plan-grid{display:grid;gap:18px}.rack-plan-grid.count-4{grid-template-columns:repeat(4,1fr)}.rack-plan-grid.count-1{grid-template-columns:minmax(270px,340px);justify-content:center}.rack-plan{position:relative;min-height:365px;display:flex;flex-direction:column;padding:23px 22px 22px;background:#fff;border:1px solid #dce5f0;border-radius:8px;box-shadow:0 6px 20px #1c4e8b0b;transition:.22s}.rack-plan:hover{transform:translateY(-5px);border-color:#82acef;box-shadow:0 15px 28px #145ed022}.plan-tag{position:absolute;top:0;right:0;padding:7px 12px;border-radius:0 7px 0 8px;background:#1c67dd;color:#fff;font-size:13px;font-weight:800}.rack-plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid #edf1f6}.rack-plan-top h3{margin:0;font-size:21px;line-height:1.35}.rack-plan-top p{margin:4px 0 0;color:var(--muted);font-size:14px}.rack-plan-top img{width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply}.rack-plan ul{flex:1;margin:13px 0;padding:0;list-style:none}.rack-plan li{padding:4px 0;color:#52627a;font-size:16px}.rack-plan li:before{content:"✓";display:inline-block;width:22px;color:var(--blue);font-weight:800}.rack-price{margin:8px 0 14px;color:var(--blue);font-size:29px;font-weight:800;text-align:center;line-height:1}.rack-plan>a{height:42px;display:grid;place-items:center;border-radius:4px;background:var(--blue);color:#fff;font-size:17px;font-weight:800;text-decoration:none}.rack-plan>a:hover{background:var(--blue-deep)}.resource-band{padding-top:0}.resource-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:66px;padding:38px 40px;border:1px solid var(--line);border-radius:8px;background:#fff}.resource-grid>img{width:100%;max-height:330px;object-fit:contain;mix-blend-mode:multiply}.resource-grid h2{margin:0 0 17px;font-size:34px;line-height:1.25}.resource-list{padding:0;margin:0;list-style:none}.resource-list li{display:flex;align-items:flex-start;gap:13px;padding:12px 0;border-bottom:1px dashed #dbe5f0}.resource-list li:last-child{border-bottom:0}.resource-list i{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:#e7f0ff;color:var(--blue);font-style:normal;font-weight:800}.resource-list b{display:block;font-size:19px}.resource-list span{display:block;margin-top:2px;color:var(--muted);font-size:15px}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scene-card{padding:19px;border:1px solid var(--line);border-radius:7px;background:#fff;transition:.2s}.scene-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #1a53901a}.scene-card img{display:block;width:88px;height:88px;object-fit:contain;mix-blend-mode:multiply}.scene-card h3{margin:12px 0 6px;font-size:20px}.scene-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-grid article{display:flex;align-items:center;gap:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:7px}.service-grid img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply}.service-grid h3{margin:0;font-size:19px}.service-grid p{margin:4px 0 0;color:var(--muted);font-size:14px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px}.faq-grid article{display:flex;align-items:flex-start;gap:15px;padding:19px 20px;border:1px solid var(--line);border-radius:7px;background:#fff}.faq-mark{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border-radius:50%;background:#e7f0ff;color:var(--blue);font-size:18px;font-weight:800}.faq-grid h3{margin:0;font-size:19px;line-height:1.45}.faq-grid p{margin:5px 0 0;color:var(--muted);font-size:15px;line-height:1.75}.payment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.payment-grid article{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:7px}.payment-grid i{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;background:#e7f0ff;color:var(--blue);font-size:20px;font-style:normal;font-weight:800}.payment-grid h3{margin:0;font-size:19px}.payment-grid p{margin:4px 0 0;color:var(--muted);font-size:14px}.cabinet-cta{padding:36px 0 50px;background:var(--soft)}.cta-inner{display:grid;grid-template-columns:1fr .74fr;align-items:center;min-height:236px;padding:25px 48px;border:1px solid #bfd5fa;border-radius:8px;background:#edf5ff}.cta-inner h2{margin:0;font-size:35px;line-height:1.25}.cta-inner p{margin:8px 0 20px;color:#61718b;font-size:17px}.cta-actions{display:flex;gap:14px}.cta-actions .button{height:46px;font-size:17px}.cta-art{width:100%;max-height:210px;object-fit:contain;mix-blend-mode:multiply}@media(max-width:1050px){.site-header .main-nav{margin-left:45px;gap:17px}.rack-plan-grid.count-4{grid-template-columns:repeat(2,1fr)}.feature-grid,.payment-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(2){border-right:0}.feature-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.scene-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero-grid,.resource-grid,.cta-inner{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:45px 0 25px}.hero-copy h1{font-size:37px}.hero-art{max-height:300px}.feature-grid,.payment-grid,.service-grid,.scene-grid,.faq-grid,.rack-plan-grid.count-4{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--line)}.feature-grid article:last-child{border-bottom:0}.resource-grid{gap:26px;padding:28px 22px}.rack-tabs{flex-wrap:wrap}.rack-tabs button{min-width:145px}.line-title{font-size:29px}.line-title:before,.line-title:after{width:28px;margin:0 9px 5px}.section{padding:31px 0}.cta-inner{padding:30px 25px}.cta-inner h2{font-size:29px}.site-header .main-nav{margin-left:0;gap:0}.site-header .main-nav a{padding:0 7px;font-size:13px}}
