:root{--bg:#f3f6fb;--surface:#fff;--text:#1f2937;--subtext:#4b5563;--primary:#3a8d98;--primary-light:#e4f3f5;--border:#e5e7eb;--max-width:1180px;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}.page{min-height:100vh;position:relative;overflow:hidden}.page:before,.page:after{content:"";pointer-events:none;z-index:0;position:absolute}.page:before{opacity:.26;background:url(/%E6%B5%99%E6%B1%9F%E7%9C%81%E5%86%9C%E7%A7%91%E9%99%A2/10003.png) 50%/contain no-repeat;width:660px;height:650px;top:150px;left:-120px}.page:after{opacity:.2;background:url(/%E6%B5%99%E6%B1%9F%E7%9C%81%E5%86%9C%E7%A7%91%E9%99%A2/10005.png) 50%/contain no-repeat;width:700px;height:403px;bottom:220px;right:-120px}.hero{z-index:1;color:#fff;background:linear-gradient(#3a8d98d1,#3a8d98d1),url(/%E6%B5%99%E6%B1%9F%E7%9C%81%E5%86%9C%E7%A7%91%E9%99%A2/10001.png) 50%/cover no-repeat;padding:18px 24px 48px;position:relative}.top-nav{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-weight:600;display:flex}.brand-icon{background:#fff;border-radius:8px;width:36px;height:36px;padding:6px}.top-nav ul{gap:18px;margin:0;padding:0;list-style:none;display:flex}.top-nav a{color:#e9f5ef;font-size:14px;text-decoration:none}.hero-content{max-width:var(--max-width);margin:40px auto 0}.tag{letter-spacing:1.2px;text-transform:uppercase;color:#cce8da;margin:0 0 12px;font-size:12px}h1{margin:0;font-size:40px;line-height:1.24}.subtitle{color:#e9f5ef;max-width:860px;margin-top:18px;line-height:1.75}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.stat{background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;padding:14px}.stat h3{margin:0;font-size:26px}.stat p{color:#dbe7ff;margin:4px 0 0;font-size:14px}main{z-index:1;max-width:var(--max-width);margin:0 auto;padding:30px 24px 60px;position:relative}.section{margin-top:30px}.section-intro{color:var(--subtext);text-align:center;margin:0 0 16px}.section h2{text-align:center;margin:0 0 16px;font-size:28px;position:relative}.section h2:before{content:"";vertical-align:-3px;opacity:.55;background:url(/%E6%B5%99%E6%B1%9F%E7%9C%81%E5%86%9C%E7%A7%91%E9%99%A2/10004.png) 50%/cover no-repeat;width:22px;height:22px;margin-right:8px;display:inline-block}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card,.panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:20px}.small-icon{width:22px;height:22px}.feature-card .small-icon{margin:0 0 8px;display:block}.feature-card{text-align:left}.card h3,.panel h3{margin:0 0 10px;font-size:20px}.card p,.panel li{color:var(--subtext);line-height:1.7}.panel{margin-top:16px}.panel ul,.app-card ul{margin:0;padding-left:18px}.cover{object-fit:cover;border-radius:10px;width:100%;height:170px;margin-bottom:12px}.module-title{align-items:center;gap:8px;display:flex}.module-title h3{margin:0}.tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tags span{color:var(--primary);background:var(--primary-light);border-radius:999px;padding:4px 10px;font-size:12px}.app-card .btn{color:var(--primary);background:var(--primary-light);border-radius:8px;margin-top:14px;padding:8px 14px;text-decoration:none;display:inline-block}.app-slider{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-snap-stop:always;scrollbar-width:thin;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.app-slider .app-card{scroll-snap-align:start;flex:0 0 min(360px,85vw);min-width:min(360px,85vw)}.app-slider-wrap{padding:0 42px;position:relative}.slider-arrow{border:1px solid var(--border);width:32px;height:32px;color:var(--primary);cursor:pointer;z-index:2;background:#fff;border-radius:999px;font-size:24px;line-height:1;position:absolute;top:45%;transform:translateY(-50%)}.slider-arrow-left{left:0}.slider-arrow-right{right:0}.slider-arrow:disabled{opacity:.35;cursor:not-allowed}.doc-table{border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;overflow:hidden}.doc-table th,.doc-table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 14px}.doc-table th{background:#f8fafc}.doc-table a{color:var(--primary);text-decoration:none}.download-card .status{color:#166534;background:#dcfce7;border-radius:999px;margin-top:10px;padding:5px 10px;font-size:12px;display:inline-block}.download-card{background:#60d5e44d;border-color:#fff}.site-footer{background:#f5f5f5;margin-top:24px}.zaas-footer-banner{background:linear-gradient(#1f6670d1,#1f6670d1),url(/zaas/index_bottom2.png) 50%/cover no-repeat;padding:30px 24px;position:relative}.zaas-footer-banner:before{content:"";opacity:.35;pointer-events:none;background:url(/%E6%B5%99%E6%B1%9F%E7%9C%81%E5%86%9C%E7%A7%91%E9%99%A2/10002.png) 100% 0/auto 100% no-repeat;height:144px;position:absolute;top:0;left:0;right:0}.zaas-footer-inner{max-width:var(--max-width);color:#fff;margin:0 auto}.zaas-footer-logo{width:min(520px,100%);display:block}.zaas-footer-contact{margin-top:22px;font-size:18px;line-height:1.85}.zaas-footer-contact p{margin:0}.footer-bottom{color:#d8e6df;text-align:center;background:linear-gradient(#2f7781 0%,#245e66 100%);padding:14px;font-size:15px}.footer-bottom p{margin:3px 0}@media (width<=960px){h1{font-size:34px}.grid,.grid.three,.grid.four,.stats,.footer-grid{grid-template-columns:1fr}.top-nav{flex-direction:column;align-items:flex-start}.top-nav ul{flex-wrap:wrap}.zaas-footer-contact{font-size:16px}.app-slider-wrap{padding:0}.slider-arrow{display:none}}
