:root{--font-main: "HarmonyOS Sans SC", "PingFang SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--text-main: #16324f;--text-muted: #4d667f;--text-soft: #67819d;--brand: #0f5da8;--brand-deep: #0b4a85;--line: #d6e4f3;--card-bg: rgba(255, 255, 255, .9);--shadow: 0 18px 40px rgba(13, 47, 83, .1);line-height:1.7}*{box-sizing:border-box}html,body,#app{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-main);color:var(--text-main);background:radial-gradient(circle at 85% 8%,rgba(113,194,255,.24),transparent 32%),radial-gradient(circle at 8% 25%,rgba(142,216,195,.24),transparent 30%),linear-gradient(160deg,#f5faff,#f7fbff 40%,#fdf8f1)}.page{max-width:1120px;margin:0 auto;padding:40px 18px 24px}[id]{scroll-margin-top:98px}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:translateY(12px);transition:transform .28s ease,box-shadow .28s ease;animation:card-rise .65s ease forwards}.top-nav{position:sticky;top:12px;z-index:20;margin-bottom:14px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border:1px solid #c9ddf0;border-radius:14px;background:#ffffffe0;box-shadow:0 10px 26px #0d2f5314;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{color:var(--brand-deep);font-size:17px;font-weight:600;text-decoration:none}.nav-links{display:flex;gap:12px}.nav-links a{position:relative;padding:6px 10px;border-radius:999px;color:#355a7f;font-size:14px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.nav-links a:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}.nav-links a:hover{color:var(--brand-deep);background:#0f5da81a}.nav-links a:hover:after{transform:scaleX(1)}.hero{padding:32px;background:linear-gradient(130deg,#d9eeffa6,#f7fcffe0 45%,#fff),var(--card-bg);background-size:170% 170%;animation:card-rise .65s ease forwards,hero-flow 10s ease-in-out infinite alternate;border-color:#c9def3}.tag{display:inline-flex;margin:0;padding:4px 10px;border-radius:999px;font-size:13px;color:var(--brand-deep);background:#0f5da81a;opacity:0;animation:text-rise .45s ease forwards;animation-delay:.18s}h1{margin:14px 0 12px;font-size:clamp(30px,4vw,42px);line-height:1.25;letter-spacing:.02em;opacity:0;animation:text-rise .5s ease forwards;animation-delay:.28s}.desc{margin:0;max-width:820px;color:var(--text-muted);font-size:16px;opacity:0;animation:text-rise .5s ease forwards;animation-delay:.36s}.highlight-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.highlight-item{padding:18px 16px;border:1px solid #d8e7f6;border-radius:14px;background:#ffffffd1;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.highlight-item:hover{transform:translateY(-4px);box-shadow:0 14px 26px #1047781f;border-color:#bfd8ee}.highlight-item h3{margin:0;font-size:17px;color:var(--brand-deep)}.highlight-item p{margin:8px 0 0;color:var(--text-muted);font-size:14px}.content{margin-top:18px;display:grid;gap:18px}.content .card{padding:28px}.content .card:nth-child(1){animation-delay:.08s}.content .card:nth-child(2){animation-delay:.16s}.content .card:nth-child(3){animation-delay:.24s}.content .card:nth-child(4){animation-delay:.32s}.content .card:nth-child(5){animation-delay:.4s}.content .card:nth-child(6){animation-delay:.48s}h2{margin:0;font-size:24px;line-height:1.3}.section-intro{margin:10px 0 0;color:var(--text-muted)}.pill-grid{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid #c8dbef;background:#f5faff;color:var(--brand-deep);font-size:13px}.scope-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scope-card{padding:16px;border-radius:14px;border:1px solid #d3e3f3;background:#fdffffe6;transition:transform .24s ease,box-shadow .24s ease}.scope-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #194a781a}.scope-card h3{margin:0;font-size:16px;color:var(--brand-deep)}.scope-card ul{margin:10px 0 0;padding-left:18px;color:var(--text-muted)}.scope-card li{margin-top:6px}.scope-card li:first-child{margin-top:0}.legal-note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#0c53940f;color:var(--text-soft);font-size:13px}.steps{margin:14px 0 0;padding-left:20px;color:var(--text-muted)}.steps li{margin-top:8px}.steps li:first-child{margin-top:0}.case-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.case-card{padding:14px;border-radius:12px;border:1px solid #d3e2f1;background:linear-gradient(170deg,#fff,#f7fbff);transition:transform .24s ease,box-shadow .24s ease}.case-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #1450821f}.case-card h3{margin:0;font-size:16px;color:var(--brand-deep)}.case-scene{margin:10px 0 0;font-size:13px;color:var(--text-muted)}.case-value{margin:8px 0 0;font-size:13px;color:#2f608e}.contact{background:linear-gradient(155deg,#d3ecff52,#fffffff0 36%,#fff),var(--card-bg)}.contact-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-item{padding:15px;border-radius:12px;border:1px solid #d2e3f4;background:#ffffffeb;transition:transform .24s ease,box-shadow .24s ease}.contact-item:hover{transform:translateY(-4px);box-shadow:0 12px 22px #104e811a}.contact-item h3{margin:0;font-size:16px;color:var(--brand-deep)}.contact-item p{margin:8px 0 0;color:var(--text-muted);font-size:13px}.contact-link{color:var(--brand);text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-tip{margin:14px 0 0;padding:10px 12px;border-radius:10px;border:1px dashed #b6d2ec;background:#ffffffc7;color:var(--text-soft);font-size:13px}.footer{margin-top:22px;text-align:center;color:#5c738d;font-size:14px}.footer p{margin:6px 0}.footer a{color:var(--brand);text-decoration:none}.footer a:hover{text-decoration:underline}@keyframes card-rise{to{opacity:1;transform:translateY(0)}}@keyframes text-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-flow{0%{background-position:8% 10%}to{background-position:88% 64%}}@media (max-width: 900px){.top-nav{flex-wrap:wrap;gap:10px}.nav-links{width:100%;flex-wrap:wrap}.highlight-grid,.scope-grid{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:18px 12px 20px}.top-nav{top:8px;padding:10px 12px}.brand{font-size:16px}.nav-links a{padding:6px 8px;font-size:13px}.hero{padding:24px 18px}.content .card{padding:22px 18px}h1{font-size:28px}h2{font-size:21px}.case-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.card,.hero,.tag,h1,.desc{animation:none;opacity:1;transform:none}.card,.highlight-item,.scope-card,.case-card,.contact-item,.nav-links a:after{transition:none}}