:root{--navy:#080f14;--navy-soft:#0d1621;--blue-light:#c6e6ff;--blue:#1f90f2;--blue-deep:#005eaf;--text:#000000d9;--text-soft:#0009;--bg:#fff;--bg-alt:#f5f8fb;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.container{width:1200px;max-width:100%;margin:0 auto;padding:0 24px}.section-title{text-align:center;color:var(--navy);letter-spacing:2px;margin:0 0 48px;font-size:32px;font-weight:700}.site-header{z-index:100;background:#080f14;position:fixed;top:0;left:0;right:0}.site-header__inner{justify-content:space-between;align-items:center;height:88px;display:flex}.site-header__logo{width:auto;height:44px}.site-header__nav{gap:40px;display:flex}.site-header__nav a{color:#fff;opacity:.85;font-size:18px;text-decoration:none;transition:opacity .2s}.site-header__nav a:hover{opacity:1}@media (width<=768px){.site-header__nav{gap:16px}.site-header__nav a{font-size:14px}}.hero{background:radial-gradient(ellipse at 50% 0%, #0f2537 0%, var(--navy) 70%);justify-content:center;align-items:center;height:720px;display:flex;position:relative;overflow:hidden}.network-bg{width:100%;height:100%;position:absolute;inset:0}.hero__content{z-index:1;flex-direction:column;align-items:center;padding-top:88px;display:flex;position:relative}.hero__logo{width:auto;height:74px}.hero__desc{color:var(--blue-light);letter-spacing:1px;margin:20px 0 0;font-size:24px;font-weight:700}.hero__kv{width:723px;max-width:90vw;height:auto;margin-top:32px}.hero__down{color:var(--blue-light);opacity:.8;font-size:24px;text-decoration:none;animation:2s infinite bounce;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (width<=768px){.hero{height:560px}.hero__desc{font-size:18px}}.about{background:var(--bg);padding:96px 0}.about__content{align-items:flex-start;gap:64px;display:flex}.about__content-img{border-radius:8px;flex-shrink:0;width:473px;max-width:40%;height:auto}.about__text{text-align:left;flex:1}.about__text .section-title{text-align:left}.about__text p{color:var(--text-soft);margin:0 0 18px;font-size:15px;line-height:1.9}@media (width<=900px){.about__content{flex-direction:column;align-items:center}.about__content-img{max-width:80%}.about__text .section-title,.about__text p{text-align:center}}.services{background:var(--bg-alt);padding:96px 0}.services__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.services__card{text-align:center;background:#fff;border:1px solid #eee;border-radius:8px;transition:box-shadow .2s,transform .2s;overflow:hidden}.services__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.services__card-cover{justify-content:center;padding:32px 0 16px;display:flex}.services__card-cover img{width:auto;height:88px}.services__card-title{color:var(--text);min-height:48px;padding:0 16px 24px;font-size:15px;font-weight:500}@media (width<=900px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.services__grid{grid-template-columns:1fr}}.case-modal__mask{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.case-modal{background:#fff;border-radius:4px;width:520px;max-width:100%;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 6px 32px #00000040}.case-modal__close{color:#00000073;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:12px;right:16px}.case-modal__close:hover{color:#000000d9}.case-modal__header{color:var(--text);border-bottom:1px solid #f0f0f0;padding:16px 24px;font-size:16px;font-weight:600}.case-modal__body{padding:24px}.case-modal__img{border-radius:4px;width:100%;height:auto;display:block}.case-modal__desc{color:var(--text-soft);margin-top:16px;font-size:14px;line-height:1.7}.cases{background:var(--bg);padding:96px 0}.cases__filter{justify-content:center;align-items:center;gap:24px;margin-bottom:48px;display:flex}.cases__filter button{color:#898989;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:16px;font-weight:700;transition:color .2s;position:relative}.cases__filter button:not(:last-child):after{content:"";background:#ddd;width:1px;height:14px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.cases__filter button:hover,.cases__filter button.active{color:var(--navy)}.cases__grid{grid-template-columns:repeat(4,1fr);gap:24px;min-height:200px;display:grid}.cases__card{text-align:center;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;padding:0;font-family:inherit;transition:box-shadow .2s,transform .2s;overflow:hidden}.cases__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.cases__card img{object-fit:cover;width:100%;height:160px;display:block}.cases__card-title{color:var(--text-soft);padding:12px 12px 16px;font-size:14px}.cases__pagination{justify-content:center;gap:8px;margin-top:40px;display:flex}.cases__pagination button{width:36px;height:36px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;font-size:14px;transition:all .2s}.cases__pagination button:hover{border-color:var(--blue);color:var(--blue)}.cases__pagination button.active{background:var(--blue);border-color:var(--blue);color:#fff}@media (width<=900px){.cases__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.cases__grid{grid-template-columns:1fr}}.contact{background:var(--navy);text-align:center;padding:96px 0}.contact__mark{width:35px;height:auto;margin-bottom:16px}.contact__title{color:#fff;letter-spacing:2px;margin:0 0 32px;font-size:28px;font-weight:700}.contact__list{color:var(--blue-light);flex-direction:column;gap:12px;margin:0;padding:0;font-size:16px;list-style:none;display:flex}