/* Subtle visual polish and progressive enhancement. Content stays readable without JS. */
body{font-family:"Segoe UI Variable Text","PingFang SC","Microsoft YaHei UI","Noto Sans CJK SC",sans-serif;font-optical-sizing:auto}
h1,h2,h3{font-family:"Segoe UI Variable Display","PingFang SC","Microsoft YaHei UI",sans-serif;text-wrap:balance}
.hero h1,.tour-heading h2,.product-heading h2,.directory-heading h2,.free-copy h2,.download-layout h2{letter-spacing:-.055em}
.module-cards p,.analysis-points p,.service-explain p,.finance-list p,.tool-grid p,.directory-grid p,.action-steps span{font-size:13px}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(38,71,83,.04)}
.desktop-nav a{position:relative;padding-block:8px}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:#329775;transition:right .3s ease}
.desktop-nav a:hover::after,.desktop-nav a.is-active::after{right:0}
.desktop-nav a.is-active{color:#247c5f}
.tour-intro,.product-section,.directory-section,.free-section,.download-section{scroll-margin-top:78px}
.hero{background:radial-gradient(circle at 84% 18%,rgba(86,166,171,.2),transparent 28%),linear-gradient(135deg,#10253a 2%,#17344d 64%,#234354)}
.hero-copy{animation:hero-enter .8s cubic-bezier(.2,.8,.2,1) both}
.hero-visual{animation:hero-enter .9s cubic-bezier(.2,.8,.2,1) .14s both;transition:box-shadow .35s ease,transform .35s ease}
.hero-visual:hover{box-shadow:0 35px 90px rgba(0,15,28,.35);transform:translateY(-4px)}
.visual-image-link{overflow:hidden}.visual-image-link img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.visual-image-link:hover img{transform:scale(1.015)}
.button,.header-cta{box-shadow:0 8px 24px rgba(8,39,54,.08);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.button:hover,.header-cta:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(8,39,54,.16)}.button:active,.header-cta:active{transform:translateY(0) scale(.98)}
.module-cards article,.analysis-points article,.finance-list article,.tool-grid article,.directory-grid>div,.shop-tiles>div,.tour-path>div{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.module-cards article:hover,.analysis-points article:hover,.finance-list article:hover,.tool-grid article:hover,.directory-grid>div:hover,.shop-tiles>div:hover,.tour-path>div:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(25,64,77,.1);border-color:#a7cfc0}
.feature-jump a{transition:transform .2s ease,background .2s ease,color .2s ease}.feature-jump a:hover{transform:translateY(-2px)}
.action-panels>div,.preview-shell,.service-board,.finance-visual,.diagnosis-frame{transition:box-shadow .32s ease,transform .32s ease}.action-panels>div:hover,.preview-shell:hover,.service-board:hover,.finance-visual:hover,.diagnosis-frame:hover{transform:translateY(-3px);box-shadow:0 23px 48px rgba(27,66,76,.13)}
.scroll-progress{position:fixed;z-index:70;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3fb392,#77d8bc);transform-origin:left center;transform:scaleX(0);pointer-events:none;will-change:transform}
.page-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#f6faf8;pointer-events:none;animation:loader-exit .45s ease 1s forwards}
.page-loader-inner{display:grid;justify-items:center;gap:12px;color:#15364a}
.page-loader img{width:52px;height:52px;border-radius:13px;box-shadow:0 14px 35px rgba(30,82,77,.14)}
.page-loader strong{font-size:18px;letter-spacing:.03em}
.page-loader small{font-size:11px;color:#748d91;letter-spacing:.16em}
.loader-track{width:120px;height:3px;border-radius:8px;background:#dcece6;overflow:hidden;margin-top:5px}
.loader-track::after{content:"";display:block;height:100%;background:#42b592;transform-origin:left;animation:loader-fill .8s cubic-bezier(.15,.7,.25,1) both}
@keyframes loader-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes loader-exit{to{opacity:0;visibility:hidden}}
@keyframes hero-enter{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
.motion-enabled .reveal{transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:600px){.module-cards p,.analysis-points p,.service-explain p,.finance-list p,.tool-grid p,.directory-grid p,.action-steps span{font-size:12px}.site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.page-loader{display:none}.hero-copy,.hero-visual{animation:none!important}.scroll-progress{will-change:auto}.motion-enabled .reveal,.motion-enabled .reveal:not(.is-visible){opacity:1;transform:none;transition:none}.button,.header-cta,.visual-image-link img,.module-cards article,.analysis-points article,.finance-list article,.tool-grid article,.directory-grid>div,.shop-tiles>div,.tour-path>div,.action-panels>div,.preview-shell,.service-board,.finance-visual,.diagnosis-frame{transition:none!important}}