/* Services — 独立沉浸式目录页 */
.services-page{--ink:#f4f2ed;background:#060608;color:var(--ink);overflow-x:hidden}.services-page .site-header{background:rgb(6 6 8/.58);border-color:rgb(255 255 255/.1);backdrop-filter:blur(22px) saturate(160%)}.services-page .site-nav-left a,.services-page .site-nav-links a{color:#eee}.services-page .site-logo{filter:brightness(0) invert(1)}.services-scroll{scroll-snap-type:y mandatory}
.service-panel{--cursor-x:50%;--cursor-y:50%;min-height:calc(100svh - var(--nav-height));height:calc(100svh - var(--nav-height));position:relative;overflow:hidden;display:block;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;color:var(--ink);background:#070709}.service-panel::before,.service-panel::after{content:'';position:absolute;pointer-events:none}.service-panel::before{inset:0;opacity:.32;background-image:linear-gradient(rgb(255 255 255/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.045) 1px,transparent 1px);background-size:5vw 5vw;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent)}.service-panel::after{width:60vmax;height:60vmax;border-radius:50%;left:calc(var(--cursor-x) - 30vmax);top:calc(var(--cursor-y) - 30vmax);background:radial-gradient(circle,rgb(255 255 255/.09),transparent 47%);filter:blur(12px);transition:left .8s cubic-bezier(.2,.75,.2,1),top .8s cubic-bezier(.2,.75,.2,1);z-index:-1}.service-panel__inner{height:100%;padding:clamp(1.5rem,4vw,4.5rem);display:flex;flex-direction:column;position:relative;z-index:2}.service-eyebrow,.service-meta,.scroll-cue{font:600 10px/1.2 var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.service-eyebrow{color:rgb(255 255 255/.58);transform:translateY(-12px);opacity:0;transition:.8s ease .12s}.is-visible .service-eyebrow{transform:none;opacity:1}.service-index{position:absolute;right:clamp(1.5rem,4vw,4.5rem);bottom:clamp(1.5rem,4vw,3rem);font:500 10px var(--font-mono);letter-spacing:.1em;z-index:3;color:rgb(255 255 255/.55)}
/* 开场 */
.service-panel--intro{background:#060608}.service-panel--intro::before{background-image:radial-gradient(circle at 50% 40%,rgb(119 77 255/.46),transparent 1.5%),radial-gradient(circle at 50% 40%,transparent 0 9%,rgb(255 255 255/.10) 9.1% 9.25%,transparent 9.35% 18%,rgb(255 255 255/.06) 18.1% 18.25%,transparent 18.35%);background-size:auto;opacity:1;mask-image:none;animation:pulse-field 8s ease-in-out infinite alternate}.service-panel__noise{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:screen}.services-intro h1{margin:auto 0;font-size:clamp(4.7rem,13.8vw,14.5rem);line-height:.72;letter-spacing:-.105em;font-weight:800;transform:translateY(38px);opacity:0;transition:1.1s cubic-bezier(.16,1,.3,1) .14s;text-shadow:0 0 50px rgb(157 127 255/.24)}.services-intro h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.13em;background:linear-gradient(110deg,#d4c5ff,#fff 42%,#a98eff);-webkit-background-clip:text;background-clip:text;color:transparent}.is-visible .services-intro h1{transform:none;opacity:1}.services-intro__copy{font-size:clamp(.9rem,1.25vw,1.12rem);line-height:1.75;margin-bottom:1.5rem;color:rgb(255 255 255/.72);transform:translateY(16px);opacity:0;transition:.8s ease .5s}.is-visible .services-intro__copy{transform:none;opacity:1}.scroll-cue{display:flex;align-items:center;gap:.7rem;color:#ada9b8}.scroll-cue i{display:block;height:1px;width:3rem;background:currentColor;animation:cue 1.7s ease-in-out infinite;transform-origin:left}@keyframes pulse-field{to{transform:scale(1.08) rotate(8deg);filter:hue-rotate(24deg)}}@keyframes cue{50%{transform:scaleX(.35)}}
/* 通用业务屏 */
.service-title-wrap{margin:auto 0;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.service-title-wrap h2{font-size:clamp(3.65rem,10.8vw,11.5rem);line-height:.78;letter-spacing:-.09em;font-weight:750;transform:translateY(50px);opacity:0;transition:1s cubic-bezier(.16,1,.3,1) .18s}.is-visible .service-title-wrap h2{transform:none;opacity:1}.service-arrow{width:clamp(3.5rem,7vw,7rem);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgb(255 255 255/.38);border-radius:50%;font:300 clamp(2rem,4vw,4.5rem)/.7 Arial,sans-serif;transition:transform .45s cubic-bezier(.2,.85,.2,1),background .3s ease,color .3s ease;transform:translateY(16px);opacity:0;transition-delay:.45s}.is-visible .service-arrow{transform:none;opacity:1}.service-panel:hover .service-arrow{transform:rotate(45deg) scale(1.08);background:#fff;color:#0a0a0c}.service-meta{display:flex;justify-content:space-between;border-top:1px solid rgb(255 255 255/.28);padding-top:.8rem;color:rgb(255 255 255/.68);transform:translateY(14px);opacity:0;transition:.75s ease .48s}.is-visible .service-meta{transform:none;opacity:1}
/* 01 POS — 黑钛与金属终端 */
.service-panel--brand{background:radial-gradient(circle at 72% 38%,#3a2a14,transparent 19%),linear-gradient(125deg,#08090c 0%,#15100b 52%,#070708 100%);cursor:pointer}.service-panel--brand::before{inset:9% 7% 11% auto;width:min(42vw,40rem);height:auto;border:1px solid rgb(255 214 141/.34);border-radius:2rem;background:linear-gradient(140deg,rgb(255 232 186/.42),rgb(255 255 255/.04) 20%,rgb(0 0 0/.2) 70%),repeating-linear-gradient(90deg,transparent 0 7%,rgb(255 255 255/.035) 7.1% 7.3%);box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),0 42px 100px rgb(0 0 0/.6);opacity:1;mask-image:none;transform:perspective(900px) rotateY(-18deg) rotateX(7deg);transition:transform .8s cubic-bezier(.2,.75,.2,1)}.service-panel--brand:hover::before{transform:perspective(900px) rotateY(-9deg) rotateX(3deg) translateY(-10px)}.service-panel--brand::after{content:'POS';width:auto;height:auto;left:auto;top:auto;right:11%;bottom:21%;background:none;filter:none;font:700 clamp(2.5rem,6vw,7rem)/1 var(--font-mono);letter-spacing:-.12em;color:rgb(255 225 169/.75);z-index:0}.service-panel--brand .service-title-wrap h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#ffd99c}
/* 02 收款码 — 深蓝光场与二维码网格 */
.service-panel--digital{background:radial-gradient(circle at 68% 45%,#0c7299,transparent 15%),radial-gradient(circle at 45% 62%,#172e8c,transparent 42%),#04071d;cursor:pointer}.service-panel--digital::before{background-image:linear-gradient(90deg,rgb(111 243 255/.16) 1px,transparent 1px),linear-gradient(rgb(111 243 255/.16) 1px,transparent 1px);background-size:clamp(20px,3.3vw,52px) clamp(20px,3.3vw,52px);width:min(43vw,42rem);aspect-ratio:1;height:auto;inset:auto 9% 12% auto;border:1px solid rgb(153 249 255/.5);opacity:.8;mask-image:none;transform:rotate(8deg);box-shadow:0 0 80px rgb(23 215 255/.25),inset 0 0 60px rgb(23 215 255/.13);animation:scan 6s linear infinite}.service-panel--digital::after{background:radial-gradient(circle,rgb(166 250 255/.32),transparent 61%)}.digital-grid{position:absolute;width:min(40vw,37rem);aspect-ratio:1;right:10%;top:17%;display:grid;grid-template-columns:repeat(3,1fr);gap:10%;z-index:1;opacity:.8;transform:rotate(-9deg)}.digital-grid span{border:1px solid rgb(178 248 255/.7);background:linear-gradient(135deg,rgb(130 241 255/.38),transparent 70%)}.digital-grid span:nth-child(1){grid-column:1/span 2}.digital-grid span:nth-child(4){grid-column:2/span 2}.service-panel--digital h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#a9f7ff}@keyframes scan{50%{filter:brightness(1.7)}}
/* 03 三合照 — 荧光底片与三张成片 */
.service-panel--lab{background:radial-gradient(circle at 65% 35%,#dffb91 0 1%,transparent 17%),linear-gradient(125deg,#b8e43b,#84c51b 52%,#d5f14b);color:#101408;cursor:pointer}.service-panel--lab::before{display:none}.service-panel--lab::after{width:36vmax;height:36vmax;left:auto;top:-17vmax;right:-7vmax;background:repeating-conic-gradient(#142000 0 2deg,transparent 2deg 10deg);filter:none;opacity:.55;animation:spin 26s linear infinite}.service-panel--lab .service-eyebrow,.service-panel--lab .service-meta{color:rgb(16 20 8/.67)}.service-panel--lab .service-arrow{border-color:rgb(16 20 8/.6)}.service-panel--lab:hover .service-arrow{background:#101408;color:#c8ec45}.service-panel--lab .service-meta{border-color:rgb(16 20 8/.45)}.service-panel--lab h2 span{display:inline-block;font-family:var(--font-mono);font-size:.59em;letter-spacing:-.12em;background:#101408;color:#d7ff23;padding:.12em .18em .05em;transform:rotate(-3deg)}.lab-stamp{width:clamp(5.25rem,9vw,8.5rem);aspect-ratio:4/5;border:2px solid;display:grid;place-items:center;text-align:center;font:800 clamp(1rem,2vw,1.8rem)/.82 var(--font-mono);letter-spacing:-.12em;transform:rotate(-8deg);margin:auto 19% 0 auto;position:relative;background:#c9ed46;z-index:1;box-shadow:10px 14px 0 rgb(16 20 8/.2)}.lab-stamp::before,.lab-stamp::after{content:'';position:absolute;width:100%;height:100%;border:2px solid #101408;background:#c9ed46;z-index:-1}.lab-stamp::before{transform:translate(-25%,18%) rotate(-10deg)}.lab-stamp::after{transform:translate(27%,14%) rotate(12deg)}.photo-service-info{display:flex;gap:clamp(1rem,6vw,6rem);align-items:flex-end;margin:0 0 clamp(1.5rem,4vw,3rem);font-size:clamp(.78rem,1.25vw,1rem);line-height:1.65;transform:translateY(16px);opacity:0;transition:.75s ease .4s}.is-visible .photo-service-info{transform:none;opacity:1}.photo-service-info p:first-child{font:700 clamp(.9rem,1.55vw,1.35rem)/1.25 var(--font-mono);letter-spacing:-.07em}.photo-service-info p:last-child{color:rgb(16 20 8/.7)}@keyframes spin{to{transform:rotate(360deg)}}.services-page .site-footer{background:#070709;border-color:rgb(255 255 255/.12);color:#fff}.services-page .site-footer-inner{color:#999}.services-page .site-footer a:hover{color:#fff}
@media(max-width:700px){.services-intro h1{font-size:clamp(4.2rem,21vw,7rem)}.service-title-wrap h2{font-size:clamp(3.4rem,16.5vw,5.4rem)}.service-meta{font-size:8px}.service-panel--brand::before{width:71vw;right:-15vw;top:18%}.service-panel--brand::after{right:8%;bottom:28%}.service-panel--digital::before{width:64vw;right:-8vw;top:21%;bottom:auto}.digital-grid{width:60vw;right:2%;top:15%}.lab-stamp{margin-right:27%}.photo-service-info{display:block;margin-bottom:1.5rem}.photo-service-info p+p{margin-top:.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0ms!important}}

/* 第一屏：浅色的能力说明书；导航默认浅色，深屏自动反色 */
.services-page .site-header { background: rgb(247 246 241 / .7); border-color: rgb(15 16 18 / .12); color: #111216; transition: background .55s ease, border-color .55s ease, color .55s ease; }
.services-page .site-header .site-nav-left a,
.services-page .site-header .site-nav-links a { color: #111216; }
.services-page .site-header .site-logo { filter: none; }
.services-page .site-header.is-dark-surface { background: rgb(6 6 8 / .58); border-color: rgb(255 255 255 / .1); color: #eee; }
.services-page .site-header.is-dark-surface .site-nav-left a,
.services-page .site-header.is-dark-surface .site-nav-links a { color: #eee; }
.services-page .site-header.is-dark-surface .site-logo { filter: brightness(0) invert(1); }
.service-panel--intro { color: #111216; background: radial-gradient(circle at 71% 43%, #e7d8ff 0 1%, transparent 18%), radial-gradient(circle at 34% 83%, #cfedff, transparent 22%), #f7f6f1; }
.service-panel--intro::before { background-image: radial-gradient(circle at 72% 42%, transparent 0 8%, rgb(16 18 22 / .12) 8.1% 8.22%, transparent 8.3% 16%, rgb(16 18 22 / .07) 16.1% 16.22%, transparent 16.3%); filter: none; opacity: 1; }
.service-panel--intro::after { background: radial-gradient(circle, rgb(119 77 255 / .12), transparent 51%); }
.service-panel--intro .service-eyebrow, .service-panel--intro .scroll-cue, .service-panel--intro .services-intro__copy { color: rgb(17 18 22 / .7); }
.service-panel--intro .service-index { color: rgb(17 18 22 / .55); }
.services-intro h1 { color: #111216; text-shadow: none; max-width: 14ch; font-size: clamp(3.5rem, 8.4vw, 8.8rem); line-height: .86; }
.services-intro h1 em { background: linear-gradient(110deg, #643bd8, #1c1d20 52%, #4f74d9); -webkit-background-clip: text; background-clip: text; }
.intro-orbit { position: absolute; right: clamp(1.5rem, 7vw, 9rem); top: 50%; width: min(37vw, 31rem); aspect-ratio: 1; transform: translateY(-48%); border: 1px solid rgb(17 18 22 / .15); border-radius: 50%; animation: orbit-turn 30s linear infinite; }
.intro-orbit::before, .intro-orbit::after { content: ''; position: absolute; inset: 17%; border: 1px dashed rgb(17 18 22 / .2); border-radius: 50%; }
.intro-orbit::after { inset: 37%; background: #121318; border: 0; box-shadow: 0 0 0 12px rgb(255 255 255 / .42); }
.intro-orbit { box-shadow: 0 0 0 1.6rem rgb(132 98 255 / .045), 0 0 90px rgb(106 60 255 / .16); }
.intro-orbit::before { animation: dash-spin 14s linear infinite; }
.intro-orbit span { position: absolute; display: block; padding: .52rem .7rem; border: 1px solid rgb(17 18 22 / .19); border-radius: 999px; background: rgb(255 255 255 / .56); box-shadow: 0 8px 28px rgb(39 26 77 / .1); font: 600 clamp(9px, .7vw, 11px)/1 var(--font-mono); letter-spacing: .04em; white-space: nowrap; animation: counter-orbit 30s linear infinite reverse; }
.intro-orbit span:nth-child(1) { left: -7%; top: 15%; }.intro-orbit span:nth-child(2) { right: -12%; top: 27%; }.intro-orbit span:nth-child(3) { right: 5%; bottom: 7%; }.intro-orbit span:nth-child(4) { left: 9%; bottom: -3%; }.intro-orbit span:nth-child(5) { left: -15%; top: 53%; }.intro-orbit span:nth-child(6) { left: 29%; top: -5%; background: #121318; color: #fff; }
.services-intro__copy small { display: inline-block; margin-top: .55rem; color: rgb(17 18 22 / .5); font-size: .76em; }
@keyframes orbit-turn { to { transform: translateY(-48%) rotate(360deg); } }
@keyframes counter-orbit { to { transform: rotate(360deg); } }
@keyframes dash-spin { to { transform: rotate(-360deg); } }
@media(max-width:700px) { .intro-orbit { width: 68vw; right: -19vw; top: 29%; opacity: .72; } .services-intro h1 { position: relative; z-index: 1; } .services-intro__copy { position: relative; z-index: 1; } }

/* 三合照：深海蓝的照片工作台 */
.service-panel--lab { background: radial-gradient(circle at 68% 25%, #244bba 0, transparent 18%), radial-gradient(circle at 20% 85%, #0b7192 0, transparent 28%), linear-gradient(130deg, #030b25, #08174a 54%, #040b23); color: #f1f6ff; }
.service-panel--lab::after { background: repeating-conic-gradient(#8ab7ff 0 2deg, transparent 2deg 10deg); opacity: .28; }
.service-panel--lab .service-eyebrow, .service-panel--lab .service-meta { color: rgb(232 243 255 / .67); }
.service-panel--lab .service-arrow { border-color: rgb(211 232 255 / .55); }
.service-panel--lab:hover .service-arrow { background: #d9f1ff; color: #071443; }
.service-panel--lab .service-meta { border-color: rgb(211 232 255 / .35); }
.service-panel--lab h2 span { background: #d9f1ff; color: #071443; }
.lab-stamp { background: linear-gradient(145deg, #d7ecff, #78acff); border-color: #d8edff; color: #071443; box-shadow: 10px 14px 0 rgb(0 0 0 / .25), 0 0 34px rgb(118 174 255 / .5); }
.lab-stamp::before, .lab-stamp::after { border-color: #badfff; background: linear-gradient(145deg, #5b91e8, #173a86); }
.photo-service-info p:last-child { color: rgb(231 243 255 / .72); }