:root{--bg:#eef2f7;--panel:#fff;--card-bg:#fcfdff;--line:#d6e0eb;--text:#2e3c52;--title:#152840;--highlight:#d9c289;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--heading:"Source Han Serif SC", "STSong", serif;--mono:"JetBrains Mono", Menlo, Consolas, monospace;--fs-100:12px;--fs-200:14px;--fs-300:16px;--fs-400:18px;--fs-500:22px;--fs-600:28px;--fs-700:40px;--fs-800:56px;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px;--space-7:44px;--space-8:58px;--space-9:76px;font:var(--fs-300) / 1.7 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 8% 4%, #759dc72e, transparent 25%), radial-gradient(circle at 94% 0%, #e9cc9238, transparent 28%), var(--bg);min-height:100svh}h1,h2,h3{color:var(--title);font-family:var(--heading);margin:0;line-height:1.25}h1{font-size:clamp(var(--fs-700), 5vw, var(--fs-800));margin-top:var(--space-4);color:#f9fbff}h2{font-size:clamp(var(--fs-600), 3.4vw, 42px);margin-top:var(--space-2)}h3{font-size:var(--fs-500)}p{margin:0}a{color:inherit}.site-shell{width:min(1120px,100% - 40px);margin:var(--space-4) auto var(--space-8);border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:clip;box-shadow:0 16px 38px #0c223a1f}.hero-section{padding:var(--space-3) var(--space-8) var(--space-8);color:#f6f8fc;background:linear-gradient(160deg,#062445eb 0%,#0f3e72e0 58%,#15508de6 100%),url(/backgrounds/tech-grid.svg) 50%/cover no-repeat;min-height:640px;position:relative}.tech-overlay{pointer-events:none;opacity:.4;background-color:#0000;background-image:linear-gradient(#aacded2b 1px,#0000 1px),linear-gradient(90deg,#aacded2b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-section>*{position:relative}.top-nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid #ebf5ff42;display:flex}.brand{letter-spacing:.02em;font-weight:700;font-size:var(--fs-400)}.nav-links{gap:var(--space-1);flex-wrap:wrap;display:flex}.nav-links a{color:#f4f9fff0;padding:var(--space-1) var(--space-2);font-size:var(--fs-200);border-radius:4px;text-decoration:none}.nav-links a:hover{background:#ffffff29}.hero-layout{margin-top:var(--space-6);gap:var(--space-5);grid-template-columns:1.35fr .9fr;display:grid}.hero-content{max-width:760px}.hero-panel{padding:var(--space-4);background:#041c3885;border:1px solid #dbecff73;border-radius:6px}.hero-panel h3{color:#f6ecd0;font-size:var(--fs-500)}.hero-panel ul{margin:var(--space-3) 0 0;padding-left:20px}.hero-panel li{margin-bottom:var(--space-2);font-size:var(--fs-300);color:#eef7fff2}.eyebrow{font-size:var(--fs-200);letter-spacing:.16em;text-transform:uppercase;color:var(--highlight);margin:0}.hero-copy{max-width:720px;margin-top:var(--space-3);font-size:var(--fs-400);color:#e8eef8}.hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.btn{padding:var(--space-2) var(--space-5);font-size:var(--fs-300);border-radius:4px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:transform .22s,box-shadow .22s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--highlight);color:#122033;box-shadow:0 12px 26px #b69e6b59}.btn-secondary{color:#f6f8fc;border:1px solid #f5faff73}.kpi-strip{margin:var(--space-6) 0 0;gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));padding:0;list-style:none;display:grid}.kpi-strip li{padding:var(--space-3);background:#081d3685;border:1px solid #d8e9fe52;border-radius:4px}.kpi-strip strong{color:#f8edcc;font-size:var(--fs-600);display:block}.kpi-strip span{font-size:var(--fs-100);color:#eef6ffe6}.section{padding:var(--space-8) var(--space-8);border-top:1px solid var(--line);background-color:#f7fbff;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:520px;position:relative}.section:before{content:"";pointer-events:none;background:#f7fbffd1;position:absolute;inset:0}.section>*{z-index:1;position:relative}#business{background-image:url(/backgrounds/tech-circuit.svg)}#solutions{background-image:url(/backgrounds/tech-wave.svg)}#process{background-image:url(/backgrounds/tech-matrix.svg)}.case-section{background-image:url(/backgrounds/tech-dots.svg)}.about-section{background-image:url(/backgrounds/tech-wave.svg)}.advantage-section{background-image:url(/backgrounds/tech-circuit.svg)}.news-section{background-image:url(/backgrounds/tech-pulse.svg)}.faq-section{background-image:url(/backgrounds/tech-matrix.svg)}#contact{background-image:url(/backgrounds/tech-dots.svg)}.section-head{max-width:820px}.section-head p+h2{margin-top:var(--space-2)}.grid{margin-top:var(--space-6);gap:var(--space-4);display:grid}.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);padding:var(--space-5);background:#ffffffeb;border-radius:6px;transition:transform .22s,border-color .22s}.card:hover{border-color:#9ab6d6;transform:translateY(-3px)}.card p{margin-top:var(--space-2);font-size:var(--fs-300)}.split-section{gap:var(--space-4);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.split-section>div>p{margin-top:var(--space-4);font-size:var(--fs-300)}.solution-list{gap:var(--space-3);display:grid}.solution-list article{padding:var(--space-4);background:#f6f9feeb;border:1px solid #d8e3ef;border-radius:4px}.solution-list h3{font-size:var(--fs-500)}.solution-list p{margin-top:var(--space-2)}.timeline{margin:var(--space-6) 0 0;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.timeline li{padding:var(--space-4);background:#ffffffeb;border:1px solid #d6e2ef;border-radius:4px}.step-index{color:#1c4d7f;font-weight:700;font-family:var(--mono);font-size:var(--fs-300);display:inline-block}.timeline p{margin-top:var(--space-2);font-size:var(--fs-300)}.case-card{min-height:220px}.about-section p{max-width:860px;margin-top:var(--space-4);font-size:var(--fs-400)}.news-list{margin-top:var(--space-5);gap:var(--space-3);display:grid}.news-list article{padding:var(--space-4);background:#ffffffed;border:1px solid #d8e3ef;border-left:4px solid #235c93}.news-list p{margin-top:var(--space-1);font-size:var(--fs-300)}.faq-list{margin-top:var(--space-6);gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.faq-list article{padding:var(--space-4);background:#ffffffed;border:1px solid #d6e1ec;border-radius:4px}.faq-list h3{font-size:var(--fs-400)}.faq-list p{margin-top:var(--space-2);font-size:var(--fs-300)}.contact-section{gap:var(--space-5);grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.contact-section>div>p{margin-top:var(--space-4);font-size:var(--fs-300)}.contact-card{padding:var(--space-5);background:#f8fbfff0;border:1px solid #cfdceb;border-radius:4px}.contact-card p{font-size:var(--fs-300)}.contact-card p+p{margin-top:var(--space-2)}.footer{border-top:1px solid var(--line);text-align:center;padding:var(--space-4);color:#5b6b80;font-size:var(--fs-200)}@media (width<=1024px){.site-shell{width:calc(100% - 24px);margin:var(--space-2) auto var(--space-6);border-radius:6px}.hero-section{padding:var(--space-3) var(--space-4) var(--space-6);min-height:560px}.top-nav{padding-bottom:var(--space-2);flex-direction:column;align-items:flex-start}.hero-layout{gap:var(--space-4);grid-template-columns:1fr}.kpi-strip{grid-template-columns:1fr 1fr}.section{padding:var(--space-6) var(--space-4);min-height:460px}.four-cols,.three-cols,.faq-list,.timeline,.split-section,.contact-section{grid-template-columns:1fr}}