/* Service pages: 流片服务, 芯片设计服务 and IT/CAD 服务, each on its own page. */
.service-hero{text-align:center;padding:96px 24px 56px}
.service-hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:15px}
.service-number{padding:2px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;letter-spacing:.5px}
.service-hero h1{font-size:80px;line-height:1.08;letter-spacing:-4px;margin:0 0 20px}
.service-subtitle{font-size:24px;line-height:1.5;letter-spacing:-.5px;color:#55555b;margin:0 0 32px}
/* The cover starts inset with rounded corners and opens to the full width as the page scrolls (--open from service.js). */
.service-cover{--open:1;margin:0;height:min(78svh,760px);overflow:hidden;background:#0c2342;clip-path:inset(0 calc((1 - var(--open)) * 7%) round calc((1 - var(--open)) * 32px))}
.service-cover img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.12 - var(--open) * .12))}
.service-intro{padding-top:100px;padding-bottom:100px}
.service-intro p{max-width:880px;margin:0 auto;font-size:24px;line-height:1.85;letter-spacing:-.3px;color:#1d1d1f;font-weight:500}
.service-stats{background:#030914;color:#fff;padding:22px 0 86px}
.service-section{padding:110px 0}
#service-sections>.service-section:nth-child(odd){background:var(--paper)}
.section-head{max-width:760px;margin-bottom:48px}
.section-head .eyebrow{color:var(--blue);font-size:14px;letter-spacing:1px;margin-bottom:12px}
.section-head h2{font-size:48px;line-height:1.18;letter-spacing:-2px;margin:0}
.section-head p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);margin:18px 0 0}
.service-cards,.service-steps{display:grid;gap:20px}
.cols-1{grid-template-columns:1fr}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}
.service-card{padding:32px 28px;border-radius:22px;background:var(--paper)}
#service-sections>.service-section:nth-child(odd) .service-card{background:#fff}
.service-card h3,.service-steps h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:0 0 12px}
.service-card p,.service-steps p{font-size:15px;line-height:1.8;color:#6e6e73;margin:0}
.service-steps{list-style:none;margin:0;padding:0}
.service-steps li{position:relative;padding:26px 6px 0 0;border-top:2px solid #d2d2d7}
.service-steps li::before{content:"";position:absolute;left:0;top:-2px;width:48px;height:2px;background:var(--blue)}
.step-number{display:block;font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:1;margin-bottom:16px;background:linear-gradient(180deg,#1d1d1f,#86868b);-webkit-background-clip:text;background-clip:text;color:transparent}
.service-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px}
.service-tags li{padding:16px 28px;border-radius:999px;background:var(--paper);font-size:18px;font-weight:600;letter-spacing:-.3px}
#service-sections>.service-section:nth-child(odd) .service-tags li{background:#fff}
.service-consult{border-top:1px solid #e5e5ea}
.service-more{background:var(--paper);padding:90px 0 100px}
.service-more h2{font-size:36px;letter-spacing:-1.4px;margin:0 0 30px}
.service-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.service-more-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #0000000a;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.service-more-card figure{margin:0;aspect-ratio:16/8;overflow:hidden;background:#0c2342}
.service-more-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.service-more-card>div{padding:26px 30px 30px}
.service-more-card .eyebrow{color:var(--muted);font-size:13px;margin-bottom:8px}
.service-more-card h3{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin:0 0 14px}
.service-more-card .text-link{font-size:15px}
@media(hover:hover){.service-more-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #00000017}.service-more-card:hover img{transform:scale(1.04)}}
/* 关于我们 page. */
.about-mission{background:radial-gradient(ellipse 80% 120% at 50% 0%,#0b3a75 0%,#061a36 50%,#030914 100%);color:#fff;text-align:center;padding:110px 0}
.about-mission .eyebrow{color:#8fc1ff;font-size:15px;letter-spacing:1px}
.about-mission h2{font-size:64px;line-height:1.15;letter-spacing:-2.5px;margin:0 0 24px;background:linear-gradient(100deg,#fff 20%,#9cc6f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-mission p:not(.eyebrow){max-width:720px;margin:0 auto;font-size:19px;line-height:1.8;color:#a9b8ca}
.about-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#service-sections>.service-section:nth-child(odd) .service-more-card{box-shadow:0 1px 2px #0000000a}
.service-more-card .card-text{font-size:15px;line-height:1.75;color:#6e6e73;margin:0 0 16px}
@media(max-width:1050px){.about-services{grid-template-columns:1fr 1fr}.about-mission h2{font-size:52px}}
@media(max-width:760px){.about-mission{padding:72px 0}.about-mission h2{font-size:36px;letter-spacing:-1.4px}.about-mission p:not(.eyebrow){font-size:16px}.about-services{grid-template-columns:1fr}}
/* Reveal on scroll, only when motion is allowed. */
.motion-enabled [data-reveal]{opacity:0;transform:translate3d(0,40px,0);transition:transform 1.1s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s),opacity .9s ease var(--reveal-delay,0s)}
.motion-enabled [data-reveal].is-visible{opacity:1;transform:none}
.motion-enabled .service-hero>*{animation:service-rise 1s cubic-bezier(.16,1,.3,1) backwards}
.motion-enabled .service-hero>:nth-child(2){animation-delay:.06s}.motion-enabled .service-hero>:nth-child(3){animation-delay:.14s}.motion-enabled .service-hero>:nth-child(4){animation-delay:.22s}
@keyframes service-rise{from{opacity:0;transform:translate3d(0,26px,0)}}
@media(max-width:1050px){.service-hero h1{font-size:64px;letter-spacing:-3px}.cols-3,.cols-4,.cols-5{grid-template-columns:repeat(2,1fr)}.section-head h2{font-size:42px}.service-intro p{font-size:21px}}
@media(max-width:760px){.service-hero{padding:60px 22px 40px}.service-hero .eyebrow{font-size:13px;gap:8px;flex-wrap:wrap}.service-hero h1{font-size:46px;letter-spacing:-2px}.service-subtitle{font-size:18px;margin-bottom:24px}.service-cover{height:62svh}.service-intro{padding-top:60px;padding-bottom:60px}.service-intro p{font-size:18px;line-height:1.85}.service-stats{padding:6px 0 60px}.service-section{padding:70px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:34px;letter-spacing:-1.4px}.section-head p:not(.eyebrow){font-size:16px}.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.cols-5{grid-template-columns:1fr 1fr}.service-cards,.service-steps{gap:14px}.service-card{padding:24px 22px;border-radius:18px}.service-steps{gap:26px}.step-number{font-size:32px}.service-tags{gap:10px}.service-tags li{padding:12px 20px;font-size:16px}.service-more{padding:64px 0 72px}.service-more h2{font-size:28px}.service-more-grid{grid-template-columns:1fr;gap:18px}.service-more-card h3{font-size:22px}}