/* IP666666 | shared-layout.css | version: 2026-04-01-v1 */
:root {
  --bg: #F7F8FB;
  --card: #FFFFFF;
  --text: #0B1220;
  --muted: #5B667A;
  --line: #E6EAF2;
  --blue: #2F6BFF;
  --shadow: 0 10px 26px rgba(17, 24, 39, .08);
  --radius: 16px;
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}
header { position: relative; z-index: 10; width: 100%; height: 86px; background: linear-gradient(180deg, #8fd0ff 0%, #74bff5 52%, #5aa9e8 100%); border-bottom: 1px solid rgba(255, 255, 255, .26); }
.top { width: min(1120px, 92vw); height: 86px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; padding: 0 0 0 208px; position: relative; z-index: 2; }
.brand, .logo, .wordmark, .topActions { display: none !important; }
.brand-lockup{display:inline-flex;align-items:center;gap:14px;pointer-events:none;user-select:none;}
.brand-circle{width:44px;height:44px;display:block;flex:0 0 44px;filter:drop-shadow(0 3px 8px rgba(30,64,175,.10));}
.brand-wordmark{width:150px;height:auto;display:block;flex:0 0 auto;}
.footer-brand-lockup{position:absolute;left:118px;top:84px;display:inline-flex;align-items:center;gap:12px;pointer-events:none;user-select:none;z-index:2;}
.footer-brand-lockup .brand-circle{width:38px;height:38px;flex-basis:38px;}
.footer-brand-lockup .brand-wordmark{width:132px;}
.m1-clouds, .m6-clouds { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.cloudSvg { position: absolute; display: block; width: var(--w, 120px); height: auto; opacity: var(--o, .72); }
.cloudSvg svg { display:block; width:100%; height:auto; }
.m1-clouds .c1 { --w: 148px; --o: .72; left: 18px; top: 26px; }
.m1-clouds .c2 { --w: 72px; --o: .68; left: 392px; top: 11px; }
.m1-clouds .c3 { --w: 98px; --o: .74; right: 238px; top: 34px; }
.m1-clouds .c4 { --w: 84px; --o: .62; right: 92px; top: 14px; }
.site-footer { width: 100%; height: 208px; margin: 28px 0 0; background: linear-gradient(180deg, #86c9fb 0%, #70baf0 54%, #5ca9e7 100%); border-top: 1px solid rgba(255, 255, 255, .24); overflow: hidden; position: relative; }
.site-footer-inner { width: min(1120px, 92vw); height: 208px; margin: 0 auto; display: block; color: #ffffff; text-align: center; position: relative; z-index: 2; }
.m6-clouds { z-index: 1; }
.m6-clouds .f1 { --w: 170px; --o: .24; left: 44px; top: 38px; }
.m6-clouds .f2 { --w: 112px; --o: .22; left: 268px; top: 120px; }
.m6-clouds .f3 { --w: 144px; --o: .24; left: 462px; top: 58px; }
.m6-clouds .f4 { --w: 128px; --o: .20; right: 418px; top: 34px; }
.m6-clouds .f5 { --w: 92px; --o: .18; right: 262px; top: 126px; }
.m6-clouds .f6 { --w: 156px; --o: .23; right: 46px; top: 72px; }
.footer-links { position:absolute; top:64px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; font-size:16px; font-weight:800; line-height:1.2; white-space:nowrap; }
.footer-link-text, .footer-contact-btn { appearance:none; border:none; background:transparent; color:#ffffff; font-size:16px; font-weight:800; line-height:1.2; padding:0; cursor:pointer; text-decoration:none; }
.footer-contact-btn:hover, .footer-link-text:hover { opacity: .92; }
.footer-sep { color: rgba(255,255,255,.78); font-size:14px; font-weight:700; }
.footer-copy { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); font-size:14px; font-weight:700; line-height:1.5; color:#ffffff; white-space:nowrap; }
.footer-copy--bottom { margin-top:0; }
.overlay { position: fixed; inset: 0; background: rgba(11,18,32,.40); backdrop-filter: blur(10px); display:none; z-index:2000; }
.overlay.open { display:block; }
.modal { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(980px,94vw); max-height:min(84vh,820px); border-radius:22px; border:1px solid rgba(230,234,242,.9); background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.20); overflow:hidden; display:flex; flex-direction:column; }
.modalHead { min-height:56px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; gap:10px; border-bottom:1px solid var(--line); background:linear-gradient(90deg, rgba(47,107,255,.06), rgba(42,230,216,.04) 55%, rgba(255,255,255,0)); }
.modalBody { padding:14px; overflow:auto; }
.contact-modal-content { font-size:14px; line-height:1.8; color:#334155; white-space:pre-wrap; word-break:break-word; }
.modalClose { width:34px; height:34px; border-radius:999px; border:1px solid transparent; background:linear-gradient(135deg,#2F6BFF,#1D4ED8); cursor:pointer; font-size:18px; font-weight:700; line-height:1; color:#fff; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(47,107,255,.16); }
@media (max-width:1100px){ .m1-clouds .c1{left:8px;top:30px;--w:132px}.m1-clouds .c2{left:290px;top:12px;--w:64px}.m1-clouds .c3{right:180px;top:34px;--w:90px}.m1-clouds .c4{right:44px;top:16px;--w:74px}.m6-clouds .f1{left:20px;top:42px;--w:142px}.m6-clouds .f2{left:184px;top:128px;--w:96px}.m6-clouds .f3{left:328px;top:56px;--w:126px}.m6-clouds .f4{right:290px;top:30px;--w:112px}.m6-clouds .f5{right:166px;top:128px;--w:82px}.m6-clouds .f6{right:16px;top:74px;--w:132px} }
@media (max-width:1100px){ .top{padding-left:148px}.brand-circle{width:40px;height:40px;flex-basis:40px}.brand-wordmark{width:138px}.footer-brand-lockup{left:52px;top:84px}.footer-brand-lockup .brand-circle{width:34px;height:34px;flex-basis:34px}.footer-brand-lockup .brand-wordmark{width:120px} }
@media (max-width:640px){ .m1-clouds .c1{left:4px;top:36px;--w:104px}.m1-clouds .c2{left:152px;top:9px;--w:52px}.m1-clouds .c3{right:78px;top:38px;--w:72px}.m1-clouds .c4{right:10px;top:16px;--w:58px}.m6-clouds .f1{left:-8px;top:44px;--w:112px}.m6-clouds .f2{left:86px;top:132px;--w:72px}.m6-clouds .f3{left:158px;top:68px;--w:94px}.m6-clouds .f4{right:108px;top:30px;--w:84px}.m6-clouds .f5{right:42px;top:130px;--w:64px}.m6-clouds .f6{right:-10px;top:82px;--w:108px}.site-footer{height:192px}.site-footer-inner{height:192px}.footer-links{top:56px;gap:12px}.footer-links,.footer-link-text,.footer-contact-btn{font-size:15px}.footer-copy{font-size:13px;bottom:20px}.footer-copy--bottom{margin-top:0}.footer-brand-lockup{left:24px;top:76px}.footer-brand-lockup .brand-circle{width:32px;height:32px;flex-basis:32px}.footer-brand-lockup .brand-wordmark{width:112px}.top{padding-left:118px}.brand-circle{width:38px;height:38px;flex-basis:38px}.brand-wordmark{width:128px} }