:root{--paper:#F3F8FD;--deep:#DCEAF6;--white:#FFFFFF;--navy:#0E3A5C;--text:#24384C;--muted:#5A7388;--soft:#7A93A8;--sky:#5BA3D0;--tide:#3D7EA6;--mist:#C5E4F5;--sand:#E8C9A0;--border:rgba(14,58,92,.12);--shadow:0 14px 34px rgba(14,58,92,.10);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.site-head{position:fixed;z-index:50;top:0;left:0;right:0}.tide-line{height:8px;background:var(--tide);color:#fff;overflow:visible}.tide-line-inner{height:8px;display:flex;justify-content:space-between;align-items:flex-start;position:relative}.brand-mini{font-size:10px;line-height:8px;color:#fff;white-space:nowrap}.text-button{border:0;background:var(--navy);color:#fff;padding:5px 13px;min-height:32px;cursor:pointer;border-radius:0 0 8px 8px;position:relative;top:0}.tide-platform{height:50px;background:#fff;border-bottom:1px solid var(--mist)}.platform-inner{height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;min-width:0}.logo-img{height:26px;width:auto;max-width:210px;object-fit:contain}.logo-fallback{font-weight:800;font-size:21px;color:var(--navy);letter-spacing:.04em}.platform-actions{display:flex;align-items:center;gap:10px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:700;transition:.2s ease}.primary-btn{background:var(--tide);color:#fff;border:1px solid var(--tide)}.secondary-btn{background:#fff;color:var(--navy);border:1px solid var(--sky)}.compact{min-height:40px;padding:0 15px}.primary-btn:hover,.primary-btn:focus-visible{background:var(--navy)}.secondary-btn:hover,.secondary-btn:focus-visible{background:var(--mist)}.tide-bridge{height:64px;background:var(--mist);border-bottom:1px solid rgba(255,255,255,.9)}.bridge-grid{display:grid;grid-template-columns:repeat(5,1fr);height:64px}.bridge-grid a{display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.9);font-weight:700;color:var(--navy);min-height:44px}.bridge-grid a:first-child{border-left:1px solid rgba(255,255,255,.9)}.bridge-grid a.active{background:#fff}.site-main{padding-top:150px;min-height:70vh}.page-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto 64px}.hero,.section-card,.content-card,.feature-card,.faq-item{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.hero{padding:24px;margin-bottom:24px}.eyebrow{font-size:13px;letter-spacing:.14em;color:var(--tide);font-weight:800;text-transform:uppercase}.hero h1,.page-title{font-size:clamp(28px,4vw,32px);line-height:1.3;color:var(--navy);margin:.25em 0 .45em}.lead{font-size:17px;color:var(--muted);max-width:820px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.media-slot{background:linear-gradient(135deg,var(--mist),#fff);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--navy);font-weight:800}.media-slot.cover{height:min(200px,28vw);min-height:140px;margin-bottom:20px}.media-slot.cover img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.card-media{height:170px;border-radius:10px 10px 0 0}.media-slot.card-media img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.wide{height:180px}.media-slot.wide img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.app-art{height:420px;max-height:62vw}.media-slot.app-art img{width:100%;height:100%;object-fit:contain;object-position:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.feature-card{overflow:hidden}.feature-card .pad{padding:20px}.feature-card h2,.section-card h2,.content-card h2{color:var(--navy);font-size:22px;line-height:1.35;margin:0 0 8px}.feature-card p,.section-card p,.content-card p{margin:.4em 0}.read-link{font-weight:800;color:var(--tide);display:inline-block;margin-top:8px}.section-card{padding:24px;margin:20px 0}.section-card.split{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.section-card.reverse{grid-template-columns:.8fr 1.2fr}.section-card .copy{min-width:0}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tag{display:inline-flex;padding:5px 10px;border-radius:8px;background:var(--deep);color:var(--navy);font-size:13px;font-weight:700}.note{border-left:4px solid var(--sand);background:#fffaf3;padding:14px 16px;border-radius:0 10px 10px 0;margin:16px 0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.content-card{padding:26px}.content-card h2{margin-top:1.35em}.content-card h2:first-child{margin-top:0}.content-card h3{color:var(--navy);font-size:18px}.content-card ul{padding-left:1.25em}.side-stack{display:grid;gap:16px;align-content:start}.side-box{background:var(--deep);border-radius:12px;padding:18px;color:var(--navy)}.side-box h2{margin:0 0 8px;font-size:18px}.side-box a{display:block;padding:8px 0;border-bottom:1px solid rgba(14,58,92,.10);font-weight:700}.side-box a:last-child{border-bottom:0}.app-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:center}.faq-list{display:grid;gap:14px}.faq-item{padding:20px}.faq-item h2{font-size:19px;color:var(--navy);margin:0 0 8px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-footer{background:var(--navy);color:var(--mist);padding:38px 0 calc(24px + env(safe-area-inset-bottom));margin-top:60px}.footer-top{display:grid;grid-template-columns:1.1fr 1.9fr;gap:38px}.footer-brand strong{font-size:20px;color:#fff}.footer-logo{height:26px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.en-brand{font-weight:800;letter-spacing:.08em;color:#fff}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links h2{font-size:15px;color:#fff;margin:0 0 9px}.footer-links a{display:block;color:var(--mist);padding:3px 0;font-size:14px}.footer-links a:hover,.footer-links a:focus-visible{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(197,228,245,.2);margin-top:24px;padding-top:18px;font-size:13px}.overlay{position:fixed;inset:0;background:rgba(6,32,50,.48);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.tide-bay{position:fixed;z-index:80;top:58px;left:0;width:300px;height:480px;max-height:calc(100vh - 70px);background:#fff;border-radius:0 0 12px 0;box-shadow:var(--shadow);overflow:auto;visibility:hidden;pointer-events:none;transform:translateY(-8px);opacity:0;transition:.18s}.tide-bay.open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.bay-head,.search-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.bay-groups{padding:10px 16px 22px}.bay-groups section{padding:8px 0}.bay-groups h2{font-size:13px;color:var(--soft);margin:0 0 4px}.bay-groups a{display:block;padding:8px 0;border-bottom:1px solid var(--border)}.bay-groups b,.bay-groups span{display:block}.bay-groups b{color:var(--navy)}.bay-groups span{font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}.icon-close{border:0;background:var(--deep);color:var(--navy);width:44px;height:44px;border-radius:10px;font-size:24px;cursor:pointer}.search-panel{position:fixed;z-index:81;top:58px;left:max(16px,calc((100vw - 1120px)/2));width:440px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:0 0 12px 12px;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.18s}.search-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.search-head h2{margin:0;color:var(--navy);font-size:18px}.search-shell{display:block;padding:14px 16px 8px}.search-shell input{width:100%;border:1px solid var(--sky);background:var(--paper);color:var(--text);padding:12px 14px;border-radius:10px;outline:none}.search-shell input:focus{box-shadow:0 0 0 3px rgba(91,163,208,.18)}.search-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 16px 18px}.search-links a{background:var(--deep);color:var(--navy);padding:10px 12px;border-radius:9px;font-weight:700}.mobile-bottom{display:none}.locked{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:860px){.content-layout,.app-grid,.footer-top{grid-template-columns:1fr}.grid-3,.service-cards{grid-template-columns:1fr 1fr}.section-card.split,.section-card.reverse{grid-template-columns:1fr}.section-card.reverse .copy{order:-1}.footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.tide-bridge{display:none}.site-main{padding-top:82px;padding-bottom:64px}.tide-line{height:8px}.tide-platform,.platform-inner{height:50px}.brand-mini{max-width:68vw;overflow:hidden;text-overflow:ellipsis}.platform-actions{gap:8px}.platform-actions .compact{padding:0 11px;min-height:44px}.logo-img{max-width:150px;height:24px}.grid-3,.service-cards{grid-template-columns:1fr}.hero,.section-card,.content-card{padding:20px}.media-slot.cover{height:180px;min-height:0}.media-slot.app-art{height:360px}.tide-bay{top:58px;width:calc(100vw - 12px);height:62vh;border-radius:0 0 12px 0}.search-panel{top:58px;left:8px;width:calc(100vw - 16px);max-width:none}.mobile-bottom{display:grid;position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:13px;color:var(--navy);font-weight:700}.mobile-bottom a.active{background:var(--tide);color:#fff}.site-footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.footer-links{grid-template-columns:1fr 1fr}.page-shell{width:min(100% - 32px,var(--max))}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{width:100%}}
@media(max-width:420px){.footer-links{grid-template-columns:1fr}.platform-actions .primary-btn{padding:0 9px}.platform-actions .secondary-btn{padding:0 10px}.logo-fallback{font-size:18px}}