*{box-sizing:border-box}
:root{
    --ink:#14120f;
    --soft:#504940;
    --muted:#81786b;
    --paper:#f7efe3;
    --milk:#fffaf1;
    --line:rgba(20,18,15,.13);
    --jade:#28a98b;
    --rose:#e36d76;
    --amber:#e7b95f;
    --violet:#7868d9;
    --sky:#68a6d9;
    --title:#b85b32;
    --back:#d8891d;
    --wuxing-gold:#ffae00;
    --wuxing-wood:#2f9a5f;
    --wuxing-water:#1f5f9f;
    --wuxing-fire:#d82f28;
    --wuxing-earth:#80603b;
    --find-orange:#ff6600;
    --shadow:0 28px 90px rgba(42,32,20,.14);
}
html{scroll-behavior:smooth;overflow-y:scroll}
body{margin:0;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.home-page{min-height:100vh;overflow-x:hidden;background:#f8efe3}
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;background:
    linear-gradient(120deg,#fff6ea 0%,#f1eadf 42%,#eef4ed 100%)}
.ambient:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,18,15,.08) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 75%)}
.glow{position:absolute;width:38vw;height:38vw;min-width:360px;min-height:360px;border-radius:50%;filter:blur(54px);opacity:.55;animation:floatGlow 12s ease-in-out infinite alternate}
.glow-a{left:-10vw;top:7vh;background:#ffd6a8}
.glow-b{right:-12vw;top:4vh;background:#a7ead6;animation-delay:-4s}
.glow-c{left:38vw;bottom:-18vw;background:#d5ccff;animation-delay:-7s}
.space-water-ball{position:absolute;z-index:1;width:118px;height:110px;border:1px solid rgba(255,255,255,.62);border-radius:50% 50% 51% 49%/49% 51% 50% 50%;background:radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.88) 0 10%,rgba(255,255,255,.42) 11% 20%,transparent 34%),radial-gradient(ellipse at 78% 72%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.34),rgba(191,239,235,.16) 38%,rgba(255,219,167,.13) 68%,rgba(255,255,255,.08));box-shadow:inset 9px 10px 22px rgba(255,255,255,.46),inset -16px -14px 28px rgba(72,191,196,.14),inset 0 0 0 2px rgba(255,255,255,.14),0 18px 54px rgba(42,32,20,.055);backdrop-filter:blur(4px) saturate(1.16);filter:drop-shadow(0 10px 22px rgba(75,43,22,.08));pointer-events:none;animation:waterBallFloat 9.6s ease-in-out infinite,waterBallShape 7.8s ease-in-out infinite}
.space-water-ball:before{content:"";position:absolute;inset:8px 10px 11px 8px;border-radius:inherit;border:1px solid rgba(255,255,255,.42);background:conic-gradient(from 24deg,rgba(255,255,255,.64),transparent 28%,rgba(106,220,223,.22) 43%,transparent 56%,rgba(255,196,108,.18) 72%,transparent 86%,rgba(255,255,255,.5));-webkit-mask:radial-gradient(ellipse at center,transparent 0 54%,#000 55% 64%,transparent 66%);mask:radial-gradient(ellipse at center,transparent 0 54%,#000 55% 64%,transparent 66%);opacity:.68;animation:waterBallRim 8.8s linear infinite}
.space-water-ball:after{content:"";position:absolute;left:18%;top:18%;width:28%;height:15%;border-radius:50%;border:1px solid rgba(255,255,255,.54);background:rgba(255,255,255,.18);filter:blur(.2px);transform:rotate(-24deg);animation:waterBallGlint 6.4s ease-in-out infinite}
.water-ball-top{left:18.2%;top:7.2%;width:92px;height:86px;opacity:.72;animation-delay:-1.8s,-2.4s}
.water-ball-bottom{left:8.2%;bottom:11%;width:205px;height:196px;opacity:.46;animation-duration:12.5s,9.2s}
@keyframes floatGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,-3vh,0) scale(1.08)}}
@keyframes waterBallFloat{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}34%{transform:translate3d(22px,-28px,0) rotate(5deg)}68%{transform:translate3d(-20px,18px,0) rotate(-7deg)}}
@keyframes waterBallShape{0%,100%{border-radius:50% 50% 51% 49%/49% 51% 50% 50%}28%{border-radius:54% 46% 49% 51%/51% 47% 53% 49%}56%{border-radius:48% 52% 54% 46%/53% 50% 50% 47%}78%{border-radius:52% 48% 47% 53%/47% 53% 48% 52%}}
@keyframes waterBallRim{to{transform:rotate(360deg)}}
@keyframes waterBallGlint{0%,100%{opacity:.48;transform:translate(0,0) rotate(-24deg) scale(1)}50%{opacity:.86;transform:translate(10px,-4px) rotate(-12deg) scale(1.12)}}
.site-shell{min-height:100vh;padding:0 clamp(18px,4vw,52px) 24px}
.site-header{position:relative;z-index:5;height:86px;max-width:1240px;margin:0 auto 38px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.site-header:before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,rgba(255,250,241,.82),rgba(255,255,255,.62) 48%,rgba(236,247,240,.72));border-bottom:1px solid rgba(20,18,15,.1);box-shadow:0 14px 34px rgba(42,32,20,.06);z-index:-1;backdrop-filter:blur(16px)}
.site-header:after{content:"";position:absolute;left:50%;bottom:0;width:100vw;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(20,18,15,.12) 16%,rgba(216,137,29,.36) 50%,rgba(20,18,15,.1) 84%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.header-divider{display:none}
.brand{display:flex;align-items:center;gap:12px}
.logo-mark{width:43px;height:43px;border-radius:12px;background:transparent;display:grid;place-items:center;overflow:visible;flex:0 0 auto}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.logo-fallback{display:none;width:100%;height:100%;place-items:center;background:#111;color:#fff;font-size:22px;font-weight:900}
.logo-mark.is-fallback .logo-fallback{display:grid}
.brand-name{display:grid;gap:3px;font-size:28px;font-weight:900;letter-spacing:1px;line-height:1.05}
.brand-name:after{content:"Technical support by Zijieguai Software Development";color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:30px;margin-left:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.top-nav a{position:relative;padding:10px 2px 13px;border-radius:0;color:var(--soft);font-size:16px;font-weight:800;transition:color .22s ease}
.top-nav a:before{content:"";position:absolute;left:50%;top:4px;width:6px;height:6px;border-radius:50%;background:var(--nav-a,var(--back));box-shadow:0 0 14px rgba(var(--nav-glow,216,137,29),.42);opacity:0;transform:translate(-50%,8px) scale(.5);transition:opacity .24s ease,transform .24s cubic-bezier(.18,.9,.28,1.25)}
.top-nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--nav-a,var(--back)),var(--nav-b,#28a98b));opacity:0;transform:scaleX(0);transform-origin:center;transition:opacity .22s ease,transform .28s cubic-bezier(.18,.9,.28,1)}
.top-nav a:nth-of-type(1){--nav-a:var(--wuxing-gold);--nav-b:#ffd36b;--nav-glow:255,174,0}
.top-nav a:nth-of-type(2){--nav-a:var(--wuxing-wood);--nav-b:#9dd9ae;--nav-glow:47,154,95}
.top-nav a:nth-of-type(3){--nav-a:var(--wuxing-water);--nav-b:#5aa4df;--nav-glow:31,95,159}
.top-nav a:nth-of-type(4){--nav-a:var(--wuxing-fire);--nav-b:#ff9d91;--nav-glow:216,47,40}
.top-nav a:nth-of-type(5){--nav-a:var(--find-orange);--nav-b:#ffb066;--nav-glow:255,102,0}
.top-nav a:hover,.top-nav a.active{background:transparent;color:var(--ink)}
.top-nav a:hover:before,.top-nav a.active:before{opacity:1;transform:translate(-50%,0) scale(1)}
.top-nav a:hover:after,.top-nav a.active:after{opacity:1;transform:scaleX(1)}
.top-nav:has(a:hover) a.active:not(:hover):before{opacity:0;transform:translate(-50%,8px) scale(.5)}
.top-nav:has(a:hover) a.active:not(:hover):after{opacity:0;transform:scaleX(0)}
.lang-switch{--lang-pill-w:36px;--lang-pill-h:24px;--lang-gap:2px;position:relative;z-index:90;display:inline-flex;align-items:center;gap:var(--lang-gap);margin-left:3px;padding:3px;border:1px solid rgba(216,137,29,.2);border-radius:999px;background:linear-gradient(135deg,rgba(255,250,241,.9),rgba(239,246,239,.72));box-shadow:0 8px 20px rgba(42,32,20,.055),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(12px);isolation:isolate}
.lang-switch:before{content:"";position:absolute;left:3px;top:3px;z-index:0;width:var(--lang-pill-w);height:var(--lang-pill-h);border-radius:999px;background:linear-gradient(135deg,#d8891d,#28a98b);box-shadow:0 7px 15px rgba(216,137,29,.22),inset 0 1px 0 rgba(255,255,255,.32);transition:transform .28s cubic-bezier(.18,.9,.28,1)}
.lang-switch:has(button[data-lang="en"].is-active):before{transform:translateX(calc(var(--lang-pill-w) + var(--lang-gap)))}
.lang-switch button{position:relative;z-index:1;height:var(--lang-pill-h);min-width:var(--lang-pill-w);border:0;border-radius:999px;background:transparent;color:#7a6b58;font:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:color .2s ease,transform .2s ease}
.lang-switch button:hover{color:var(--ink);transform:translateY(-1px)}
.lang-switch button.is-active{background:transparent;color:#fff;box-shadow:none}
.top-nav .lang-switch{flex:0 0 auto;margin-left:4px}
.home-main{max-width:1240px;margin:0 auto}
.home-stage-shell{position:relative;min-height:100vh;overflow:hidden}
.home-stage-page .site-header{margin-bottom:0}
.home-stage-page .site-header{max-width:1320px;justify-content:center}
.home-stage-page .brand{position:absolute;left:0}
.home-stage-page .top-nav{margin-left:0}
.home-stage-page .home-footer{position:relative;z-index:10;margin-top:0;padding-top:10px}
.home-stage-page .home-footer{width:100%;max-width:1320px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-top:1px solid rgba(20,18,15,.08);text-align:center;gap:14px 18px;flex-wrap:wrap}
.home-stage-page .beian-group{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.home-stage-page .icp-beian,.home-stage-page .police-beian{display:inline-flex;align-items:center;justify-content:center}
.home-stage-main{position:relative;min-height:calc(100vh - 132px);max-width:1320px;display:grid;align-items:center;isolation:isolate;overflow:visible}
.home-stage-main .home-orbit-ripple{position:absolute;left:50%;top:50%;width:min(56vw,680px);height:min(56vw,680px);min-width:420px;min-height:420px;border:1px solid rgba(40,169,139,.22);border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:0;pointer-events:none;z-index:-2;animation:homeOrbitRipple 6.8s ease-out infinite}
.home-stage-main:before{content:"";position:absolute;left:50%;top:50%;width:min(56vw,680px);height:min(56vw,680px);min-width:420px;min-height:420px;border:1px dashed rgba(184,91,50,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 58px rgba(255,250,241,.12),0 0 0 59px rgba(20,18,15,.035),0 0 62px rgba(40,169,139,.08);pointer-events:none;animation:homeOrbitBreath 6.8s ease-in-out infinite;z-index:-1}
.home-stage-main:after{content:"";position:absolute;right:8%;top:13%;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),rgba(216,137,29,.22) 44%,rgba(216,137,29,.05) 72%);box-shadow:0 24px 70px rgba(216,137,29,.16);pointer-events:none;animation:homePlanetFloat 7s ease-in-out infinite;z-index:-1}
@keyframes homeOrbitBreath{0%,100%{transform:translate(-50%,-50%) scale(.985);border-color:rgba(184,91,50,.22);box-shadow:0 0 0 54px rgba(255,250,241,.1),0 0 0 55px rgba(20,18,15,.028),0 0 0 86px rgba(40,169,139,0),0 0 42px rgba(216,137,29,.08);filter:hue-rotate(0deg)}45%{transform:translate(-50%,-50%) scale(1.035);border-color:rgba(40,169,139,.38);box-shadow:0 0 0 78px rgba(255,250,241,.18),0 0 0 79px rgba(40,169,139,.08),0 0 0 112px rgba(40,169,139,.052),0 0 92px rgba(40,169,139,.16);filter:hue-rotate(18deg)}70%{border-color:rgba(120,104,217,.28);box-shadow:0 0 0 66px rgba(255,250,241,.14),0 0 0 67px rgba(120,104,217,.06),0 0 0 128px rgba(120,104,217,.024),0 0 82px rgba(120,104,217,.11)}}
@keyframes homeOrbitRipple{0%,38%{transform:translate(-50%,-50%) scale(1);opacity:0;border-color:rgba(40,169,139,0)}45%{opacity:.3;border-color:rgba(40,169,139,.28)}100%{transform:translate(-50%,-50%) scale(1.24);opacity:0;border-color:rgba(40,169,139,0)}}
@keyframes homePlanetFloat{50%{transform:translateY(18px) translateX(-8px) scale(1.04)}}
.home-stage-panel{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:48px;align-items:center;min-height:620px;padding:34px 0 58px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(44px) scale(.96);filter:blur(16px);transition:opacity .52s ease,visibility .52s ease,transform .72s cubic-bezier(.18,.9,.28,1),filter .72s ease}
.home-stage-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:blur(0)}
.home-stage-panel.is-prev{transform:translateY(-42px) scale(.96)}
.home-stage-panel.is-next{transform:translateY(42px) scale(.96)}
.home-stage-panel[data-stage-theme="about"]{display:none!important}
@media(min-width:1200px){
    .home-stage-panel[data-stage-theme="studio"]{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr)}
    .home-stage-panel[data-stage-theme="studio"] .home-stage-visual{transform:translateX(clamp(82px,6vw,138px))}
}
.home-stage-copy{position:relative;z-index:2;max-width:690px}
.home-stage-kicker{margin:0 0 18px;color:var(--jade);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.home-stage-copy h1,.home-stage-copy h2{margin:0;color:var(--title);font-size:clamp(58px,9vw,132px);line-height:.96;letter-spacing:0;font-weight:950;text-shadow:0 18px 48px rgba(184,91,50,.18),0 26px 60px rgba(42,32,20,.11)}
.home-stage-copy h2{font-size:clamp(48px,6.4vw,86px);line-height:1.05}
.home-stage-main[data-active-stage="0"] .home-stage-panel.is-active .home-stage-copy h1,.home-stage-main[data-active-stage="0"] .home-stage-panel.is-active .home-stage-copy h2{color:var(--wuxing-gold);text-shadow:0 18px 42px rgba(42,32,20,.10)}
.home-stage-main[data-active-stage="1"] .home-stage-panel.is-active .home-stage-copy h1,.home-stage-main[data-active-stage="1"] .home-stage-panel.is-active .home-stage-copy h2{color:var(--wuxing-wood);text-shadow:0 18px 48px rgba(47,154,95,.18),0 26px 60px rgba(42,32,20,.10)}
.home-stage-main[data-active-stage="2"] .home-stage-panel.is-active .home-stage-copy h1,.home-stage-main[data-active-stage="2"] .home-stage-panel.is-active .home-stage-copy h2{color:var(--wuxing-water);text-shadow:0 18px 48px rgba(31,95,159,.22),0 26px 60px rgba(42,32,20,.10)}
.home-stage-main[data-active-stage="3"] .home-stage-panel.is-active .home-stage-copy h1,.home-stage-main[data-active-stage="3"] .home-stage-panel.is-active .home-stage-copy h2{color:var(--wuxing-fire);text-shadow:0 18px 48px rgba(216,47,40,.23),0 26px 60px rgba(42,32,20,.10)}
.home-stage-main[data-active-stage="4"] .home-stage-panel.is-active .home-stage-copy h1,.home-stage-main[data-active-stage="4"] .home-stage-panel.is-active .home-stage-copy h2{color:var(--find-orange);text-shadow:0 18px 48px rgba(255,102,0,.26),0 26px 60px rgba(42,32,20,.10)}
.home-stage-line{max-width:680px;margin:26px 0 0;color:var(--soft);font-size:clamp(17px,1.7vw,22px);line-height:1.85}
.home-stage-line span{display:block}
.home-stage-line span+span{margin-top:3px;color:#7b7065;font-size:.78em;letter-spacing:.02em}
.home-stage-tags{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:28px 0 0}
.home-stage-copy .home-stage-tags.hero-orbit{justify-content:flex-start;margin-left:0;margin-right:0}
@media(min-width:901px){
    .home-stage-copy .home-stage-tags.hero-orbit{flex-wrap:nowrap;width:max-content;max-width:none}
    .home-stage-copy .home-stage-tags.hero-orbit a{white-space:nowrap;flex:0 0 auto}
}
.home-stage-tags a,.home-stage-cta{position:relative;overflow:hidden;transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));will-change:transform}
.home-stage-tags a:before,.home-stage-cta:before,.tilt-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),rgba(255,255,255,.78),transparent 34%);opacity:0;transition:opacity .24s ease;pointer-events:none}
.home-stage-tags a:hover:before,.home-stage-cta:hover:before,.tilt-card:hover:before{opacity:.72}
.home-stage-cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:30px;padding:0 25px;border:1px solid rgba(20,18,15,.08);border-radius:999px;background:#17130f;color:#fff;font-weight:900;box-shadow:0 18px 38px rgba(42,32,20,.14);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.home-stage-cta:after{content:"";width:7px;height:7px;margin-left:10px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.home-stage-cta:hover{background:#2a241e;box-shadow:0 24px 54px rgba(42,32,20,.18)}
.home-stage-visual{position:relative;min-height:520px}
.home-planet{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:min(82%,470px);aspect-ratio:1;padding:0;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.52) 9% 16%,transparent 17%),radial-gradient(circle at 68% 74%,rgba(40,169,139,.18),transparent 24%),radial-gradient(circle at 36% 36%,rgba(255,255,255,.72),rgba(255,240,221,.48) 44%,rgba(190,230,222,.22) 70%,rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.9);box-shadow:0 34px 95px rgba(42,32,20,.13),inset 16px 18px 34px rgba(255,255,255,.68),inset -24px -28px 46px rgba(40,169,139,.12),inset 0 0 0 1px rgba(255,255,255,.42);backdrop-filter:blur(20px) saturate(1.22);animation:homeBubbleDrift 9.6s ease-in-out infinite;overflow:hidden;cursor:pointer}
.home-planet:before{content:"";position:absolute;left:13%;top:12%;width:35%;height:20%;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.06));filter:blur(.2px);transform:rotate(-24deg)}
.home-planet:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 0 28px rgba(255,255,255,.28);opacity:.9}
.home-planet img{position:relative;z-index:2;width:74%;filter:drop-shadow(0 28px 42px rgba(42,32,20,.14));animation:homePersonDrift 7.4s ease-in-out infinite}
.home-float{position:absolute;left:50%;top:50%;z-index:3;width:auto;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 16px 24px rgba(42,32,20,.12));transform-origin:0 0;animation:homeFloatOrbit var(--orbit-time,34s) linear infinite;transition:filter .22s ease}
.home-float img{display:block;width:100%;height:auto;animation:homeFloatKeep var(--orbit-time,34s) linear infinite;animation-delay:inherit}
.home-float:hover,.home-float:focus-visible{outline:none;filter:drop-shadow(0 22px 34px rgba(42,32,20,.18))}
.home-float.is-poked{filter:drop-shadow(0 24px 38px rgba(42,32,20,.2)) brightness(1.08)}
.home-float-bug{width:92px;--orbit-start:-38deg;--orbit-r:242px;--orbit-time:36s;animation-delay:-4s}
.home-float-coffee{width:70px;--orbit-start:146deg;--orbit-r:246px;--orbit-time:42s;animation-delay:-12s}
.home-float-note{width:150px;--orbit-start:-152deg;--orbit-r:268px;--orbit-time:48s;animation-delay:-22s}
.home-float-robot{width:138px;--orbit-start:54deg;--orbit-r:282px;--orbit-time:52s;animation-delay:-31s}
@keyframes homeBubbleDrift{0%,100%{transform:translate(-50%,-50%) translate3d(0,0,0) rotate(-1deg) scale(1)}28%{transform:translate(-50%,-50%) translate3d(12px,-18px,0) rotate(1.6deg) scale(1.018)}58%{transform:translate(-50%,-50%) translate3d(-14px,10px,0) rotate(-2.2deg) scale(.992)}82%{transform:translate(-50%,-50%) translate3d(8px,16px,0) rotate(.8deg) scale(1.012)}}
@keyframes homePersonDrift{0%,100%{transform:translateY(0) rotate(0deg)}45%{transform:translateY(-10px) rotate(1.4deg)}72%{transform:translateY(7px) rotate(-1deg)}}
@keyframes homeFloatOrbit{0%{transform:rotate(var(--orbit-start)) translateX(var(--orbit-r)) translate(-50%,-50%)}100%{transform:rotate(calc(var(--orbit-start) + 360deg)) translateX(var(--orbit-r)) translate(-50%,-50%)}}
@keyframes homeFloatKeep{0%{transform:rotate(calc(var(--orbit-start) * -1))}100%{transform:rotate(calc((var(--orbit-start) + 360deg) * -1))}}
.home-stage-glass-card,.home-stage-search-card,.home-contact-preview{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,250,241,.34));box-shadow:0 32px 86px rgba(42,32,20,.12),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(1.12);transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .22s ease,box-shadow .22s ease}
.home-stage-glass-card:hover,.home-stage-search-card:hover,.home-contact-preview:hover{box-shadow:0 42px 96px rgba(42,32,20,.16),inset 0 1px 0 rgba(255,255,255,.9)}
.home-stage-media{min-height:500px;display:grid;place-items:end center;padding:30px}
.home-stage-media-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68;mix-blend-mode:multiply}
.home-stage-person{position:relative;z-index:2;width:min(86%,390px);filter:drop-shadow(0 30px 42px rgba(42,32,20,.16))}
.home-stage-mini-grid,.home-product-preview,.home-find-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.home-stage-mini-grid span,.home-product-preview span,.home-find-preview span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid rgba(20,18,15,.09);border-radius:999px;background:rgba(255,253,247,.66);color:#5a5146;font-size:13px;font-weight:900;box-shadow:0 12px 28px rgba(42,32,20,.07)}
.home-stage-card-stack{position:relative;min-height:520px}
.home-stage-card-stack .home-stage-glass-card{position:absolute;width:58%;min-height:220px;padding:28px;display:grid;place-items:center;text-align:center}
.home-stage-card-stack .home-stage-glass-card:nth-child(1){left:0;top:46px;--card-accent:#28a98b}
.home-stage-card-stack .home-stage-glass-card:nth-child(2){right:0;top:144px;--card-accent:#e36d76}
.home-stage-card-stack .home-stage-glass-card:nth-child(3){left:16%;bottom:30px;--card-accent:#d8891d}
.home-stage-card-stack img{max-width:138px;max-height:110px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 16px 26px rgba(42,32,20,.1))}
.home-stage-card-stack strong{color:var(--card-accent);font-size:22px}
.home-stage-search-card{min-height:420px;padding:34px;align-self:center;background:linear-gradient(145deg,rgba(255,253,247,.78),rgba(246,250,240,.68))}
.home-search-label{display:block;margin-bottom:14px;color:var(--muted);font-weight:900}
.home-search-row{height:62px;display:grid;grid-template-columns:1fr 58px;gap:14px;align-items:center}
.home-search-row span{display:flex;align-items:center;height:100%;padding:0 20px;border:2px solid rgba(216,137,29,.48);border-radius:20px;background:rgba(255,255,255,.84);font-size:20px;font-weight:900;color:#5a5146}
.home-search-row i{position:relative;width:58px;height:58px;border-radius:18px;background:#ef2118;box-shadow:0 16px 30px rgba(239,33,24,.18)}
.home-search-row i:before{content:"";position:absolute;left:14px;top:13px;width:21px;height:21px;border:5px solid #fff;border-radius:50%}
.home-search-row i:after{content:"";position:absolute;right:12px;bottom:14px;width:18px;height:5px;border-radius:999px;background:#fff;transform:rotate(45deg)}
.home-search-result{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;margin-top:28px;padding:18px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid rgba(96,118,79,.13);box-shadow:0 16px 38px rgba(91,107,68,.09)}
.home-search-result b{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 13px;border-radius:999px;background:var(--jade);color:#fff;font-size:14px}
.home-search-result strong{font-size:22px}
.home-search-result small{color:var(--muted)}
.home-contact-preview{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;align-self:center;min-height:190px;padding:28px}
.home-contact-avatar{width:110px;height:110px;border-radius:24px;background:#fff7e8;border:1px solid rgba(20,18,15,.08);overflow:hidden}
.home-contact-avatar img{width:100%;height:100%;object-fit:cover}
.home-contact-preview span{display:block;margin-bottom:9px;color:var(--violet);font-size:13px;font-weight:900;letter-spacing:.12em}
.home-contact-preview strong{display:block;font-size:28px;line-height:1.2}
.home-custom-board{align-self:center;column-count:2;column-gap:14px}
.home-custom-board a{--custom-accent:#d82f28;--custom-soft:#ffe4db;--custom-glow:216,47,40;position:relative;display:inline-block;width:100%;min-height:148px;margin:0 0 14px;padding:20px;border:1px solid color-mix(in srgb,var(--custom-accent) 26%,white);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,247,.84),color-mix(in srgb,var(--custom-soft) 72%,white));box-shadow:0 22px 58px rgba(var(--custom-glow),.10);overflow:hidden;break-inside:avoid}
.home-custom-board a:nth-child(1){--custom-accent:#d82f28;--custom-soft:#ffe4db;--custom-glow:216,47,40}
.home-custom-board a:nth-child(2){--custom-accent:#7a57d1;--custom-soft:#eee7ff;--custom-glow:122,87,209}
.home-custom-board a:nth-child(3){--custom-accent:#ffae00;--custom-soft:#fff1c7;--custom-glow:255,174,0}
.home-custom-board a:nth-child(4){--custom-accent:#1f5f9f;--custom-soft:#dceeff;--custom-glow:31,95,159}
.home-custom-board a:nth-child(5){--custom-accent:#2f9a5f;--custom-soft:#daf4e5;--custom-glow:47,154,95}
.home-custom-board a:nth-child(2),.home-custom-board a:nth-child(4){min-height:205px}
.home-custom-board a:after{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.86),rgba(var(--custom-glow),.18) 54%,transparent 74%)}
.home-custom-board span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:rgba(var(--custom-glow),.11);color:var(--custom-accent);font-size:13px;font-weight:950}
.home-custom-board strong{display:block;margin-top:34px;color:var(--custom-accent);font-size:clamp(24px,2.4vw,34px);line-height:1.1}
.home-stage-orbit-nav{--orbit-size:214px;--orbit-r:86px;--active-x:0px;--active-y:-86px;position:fixed;right:28px;top:50%;z-index:260;width:var(--orbit-size);height:var(--orbit-size);transform:translateY(-50%);border:1px solid rgba(65,42,30,.12);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,253,248,.92) 0 30%,rgba(255,255,255,.34) 31% 37%,rgba(232,236,221,.44) 38% 70%,rgba(240,208,162,.38) 71% 100%);box-shadow:0 28px 80px rgba(75,43,22,.13),inset 0 0 0 1px rgba(255,255,255,.45),inset 0 0 42px rgba(255,255,255,.32);backdrop-filter:blur(18px);isolation:isolate}
.home-stage-orbit-nav:before{content:"";position:absolute;left:50%;top:50%;width:var(--orbit-r);height:var(--orbit-r);margin:calc(var(--orbit-r) / -2) 0 0 calc(var(--orbit-r) / -2);border:1px dashed rgba(36,27,23,.18);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.38);animation:orbitSpin 12s linear infinite;pointer-events:none}
.home-stage-orbit-nav:after{content:"";position:absolute;inset:4px;z-index:1;border-radius:50%;background:conic-gradient(from 18deg,transparent 0deg 14deg,rgba(255,102,0,.32) 15deg 47deg,transparent 48deg 105deg,rgba(31,95,159,.24) 106deg 140deg,transparent 141deg 210deg,rgba(216,47,40,.22) 211deg 244deg,transparent 245deg 296deg,rgba(47,154,95,.24) 297deg 331deg,transparent 332deg 360deg);-webkit-mask:radial-gradient(circle,transparent 0 82px,#000 83px 91px,transparent 92px);mask:radial-gradient(circle,transparent 0 82px,#000 83px 91px,transparent 92px);filter:blur(.2px);opacity:.82;animation:orbitArcSpin 18s linear infinite;pointer-events:none}
.home-stage-orbit-core{position:absolute;left:50%;top:50%;z-index:2;width:92px;height:92px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(255,253,248,.82);box-shadow:0 18px 42px rgba(75,43,22,.10),inset 0 0 24px rgba(255,255,255,.55);text-align:center;color:var(--ink);font-size:14px;font-weight:950;line-height:1.45;pointer-events:none}
.home-orbit-pulse{position:absolute;left:50%;top:50%;z-index:1;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 0 8px rgba(var(--active-glow,198,154,66),.13),0 0 36px rgba(var(--active-glow,198,154,66),.42);transform:translate(var(--active-x),var(--active-y));transition:.55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.home-stage-orbit-nav button{--dot-glow:198,154,66;position:absolute;left:50%;top:50%;z-index:3;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,var(--dot-mid,#f6e6b8) 42%,var(--dot-end,#c69a42) 100%);box-shadow:0 12px 26px rgba(75,43,22,.16),inset 0 0 0 1px rgba(255,255,255,.38);color:transparent;font:inherit;font-size:0;cursor:pointer;transform:translate(var(--x),var(--y));transition:width .28s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),margin .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1),filter .28s ease}
.home-stage-orbit-nav button:nth-of-type(1){--x:0px;--y:-86px;--dot-mid:#ffd36b;--dot-end:var(--wuxing-gold);--dot-glow:255,174,0}
.home-stage-orbit-nav button:nth-of-type(2){--x:82px;--y:-27px;--dot-mid:#bfe9cc;--dot-end:var(--wuxing-wood);--dot-glow:47,154,95}
.home-stage-orbit-nav button:nth-of-type(3){--x:51px;--y:70px;--dot-mid:#9fd0f1;--dot-end:var(--wuxing-water);--dot-glow:31,95,159}
.home-stage-orbit-nav button:nth-of-type(4){--x:-51px;--y:70px;--dot-mid:#ffb6ac;--dot-end:var(--wuxing-fire);--dot-glow:216,47,40}
.home-stage-orbit-nav button:nth-of-type(5){--x:-82px;--y:-27px;--dot-mid:#ffb066;--dot-end:var(--find-orange);--dot-glow:255,102,0}
.home-stage-orbit-nav button:after{content:"";position:absolute;inset:9px;border-radius:50%;background:rgba(255,255,255,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.home-stage-orbit-nav button span{display:none}
.home-stage-orbit-nav button:hover{filter:saturate(1.08);transform:translate(var(--x),var(--y)) scale(1.18);box-shadow:0 16px 32px rgba(75,43,22,.22),0 0 0 8px rgba(255,255,255,.22)}
.home-stage-orbit-nav button.is-active{width:44px;height:44px;margin:-22px 0 0 -22px;border-color:rgba(255,255,255,.7);box-shadow:0 20px 40px rgba(var(--dot-glow),.22),0 0 0 8px rgba(var(--dot-glow),.13),0 0 42px rgba(var(--dot-glow),.36)}
.home-stage-orbit-nav button.is-active:after{inset:12px;background:#fff}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitArcSpin{to{transform:rotate(360deg)}}
.home-stage-progress{position:absolute;left:50%;bottom:20px;z-index:15;display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:900;letter-spacing:.12em;cursor:pointer;transform:translateX(-50%)}
.home-stage-progress i{display:block;width:180px;height:5px;border-radius:999px;background:rgba(20,18,15,.09);overflow:hidden}
.home-stage-progress b{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--back),var(--jade));transition:width .42s ease}
.home-stage-progress:hover,.home-stage-progress:focus-visible{outline:none;background:rgba(255,250,241,.48);box-shadow:0 12px 26px rgba(42,32,20,.08)}
.home-stage-toast{position:absolute;left:50%;bottom:62px;z-index:40;max-width:min(520px,86vw);padding:12px 18px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(255,250,241,.86);box-shadow:0 18px 42px rgba(42,32,20,.12);color:#5a5146;font-size:14px;font-weight:900;text-align:center;backdrop-filter:blur(18px);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.home-stage-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.hero-composition{position:relative;min-height:430px;display:grid;place-items:center;text-align:center;padding:70px 0 20px}
.hero-kicker{margin-bottom:18px;color:var(--jade);font-size:13px;font-weight:900;letter-spacing:.22em}
.hero-composition h1{margin:0;font-size:clamp(76px,15vw,190px);line-height:.86;letter-spacing:-.04em;font-weight:950;color:var(--title);text-shadow:0 18px 44px rgba(184,91,50,.2),0 26px 60px rgba(42,32,20,.13)}
.hero-composition h1 img{display:block;width:min(82vw,744px);max-height:228px;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(184,91,50,.18))}
.hero-line{max-width:680px;margin:28px auto 0;color:var(--soft);font-size:clamp(18px,2.1vw,25px);line-height:1.7}
.hero-orbit{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}
.hero-orbit a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid rgba(20,18,15,.12);border-radius:999px;background:rgba(255,250,241,.68);color:#5a5146;font-size:14px;box-shadow:0 14px 36px rgba(42,32,20,.08);backdrop-filter:blur(12px);animation:bob 4.8s ease-in-out infinite;transition:.22s}
.hero-orbit a:hover{transform:translateY(-3px);background:#17130f;color:#fff}
.hero-orbit a:nth-child(2){animation-delay:-1.1s}
.hero-orbit a:nth-child(3){animation-delay:-2.2s}
.hero-orbit a:nth-child(4){animation-delay:-3.1s}
.hero-orbit a:nth-child(5){animation-delay:-2.7s}
@keyframes bob{50%{translate:0 -10px}}
.qwt-loading-screen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:
    radial-gradient(circle at 18% 18%,rgba(255,214,168,.42),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(167,234,214,.38),transparent 32%),
    radial-gradient(circle at 50% 88%,rgba(213,204,255,.28),transparent 40%),
    linear-gradient(135deg,#fffaf1 0%,#f7efe3 48%,#edf5ef 100%);opacity:1;visibility:visible;transition:opacity .62s ease,visibility 0s linear .62s}
.qwt-loading-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,18,15,.08) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 78%)}
.qwt-loading-screen.is-hiding{opacity:0;visibility:hidden}
.qwt-loading-card{position:relative;z-index:1;width:min(86vw,340px);padding:34px 34px 30px;border:1px solid rgba(255,255,255,.82);border-radius:30px;background:rgba(255,250,241,.82);box-shadow:0 34px 100px rgba(42,32,20,.15),inset 0 1px 0 rgba(255,255,255,.9);text-align:center;backdrop-filter:blur(20px)}
.qwt-loading-logo{width:82px;height:82px;margin:0 auto 20px;border-radius:22px;object-fit:contain;display:block;animation:qwtLoadingPulse 1.8s ease-in-out infinite}
.qwt-loading-text{margin-top:0;color:#76685d;font-family:"Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.6}
.qwt-loading-bar{width:100%;height:5px;margin-top:24px;border-radius:999px;background:rgba(20,18,15,.08);overflow:hidden}
.qwt-loading-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d8891d,#28a98b,#b85b32);transition:width .28s ease}
body.qwt-home-loading{overflow:hidden}
@keyframes qwtLoadingPulse{50%{transform:scale(1.06);filter:drop-shadow(0 12px 24px rgba(184,91,50,.18))}}
.qwt-transition-curtain{position:fixed;inset:0;z-index:9999;pointer-events:none;display:grid;place-items:center;background:
    radial-gradient(circle at 18% 18%,rgba(255,214,168,.34),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(167,234,214,.32),transparent 32%),
    linear-gradient(135deg,#fffaf1 0%,#f7efe3 48%,#edf5ef 100%);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.qwt-transition-curtain:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,18,15,.07) 1px,transparent 1px);background-size:26px 26px;opacity:.26;mask-image:radial-gradient(circle at center,#000,transparent 70%)}
.qwt-transition-curtain:after{display:none}
.qwt-transition-mark{position:relative;z-index:1;display:grid;place-items:center;width:132px;height:132px;border:1px solid rgba(216,137,29,.28);border-radius:50%;background:rgba(255,250,241,.62);box-shadow:0 24px 70px rgba(42,32,20,.12),inset 0 0 0 10px rgba(255,255,255,.32);opacity:0;transform:scale(.88)}
.qwt-transition-logo{width:68px;height:68px;border-radius:18px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(42,32,20,.1))}
/* 粒子效果控制区：
   1. 数量：在 js/page-transition.js 的 PARTICLE_COUNT 控制。
   2. 颗粒大小：改 --qwt-particle-size。
   3. 喷射距离：改每个 .qwt-pN 的 --distance。
   4. 鞭炮式先后节奏：改每个 .qwt-pN 的 --delay。 */
.qwt-particle{--qwt-particle-size:8px;--angle:0deg;--distance:150px;--delay:0s;--scale-start:1.18;position:absolute;left:50%;top:50%;width:var(--qwt-particle-size);height:var(--qwt-particle-size);margin:calc(var(--qwt-particle-size) / -2) 0 0 calc(var(--qwt-particle-size) / -2);border-radius:50%;background:#d8891d;opacity:0;box-shadow:0 0 20px rgba(216,137,29,.5)}
.qwt-p2{background:#28a98b}.qwt-p3{background:#b85b32}.qwt-p4{background:#7868d9}.qwt-p5{background:#e36d76}.qwt-p6{background:#68a6d9}.qwt-p7{background:#e7b95f}.qwt-p8{background:#16846e}.qwt-p9{background:#d8891d}.qwt-p10{background:#28a98b}.qwt-p11{background:#e36d76}.qwt-p12{background:#68a6d9}.qwt-p13{background:#b85b32}.qwt-p14{background:#e7b95f}
.qwt-p1{--angle:0deg;--distance:170px;--delay:.00s;--scale-start:1.35}
.qwt-p2{--angle:26deg;--distance:182px;--delay:.022s;--scale-start:1.28}
.qwt-p3{--angle:52deg;--distance:174px;--delay:.044s;--scale-start:1.2}
.qwt-p4{--angle:78deg;--distance:164px;--delay:.066s;--scale-start:1.12}
.qwt-p5{--angle:104deg;--distance:154px;--delay:.088s;--scale-start:1.04}
.qwt-p6{--angle:130deg;--distance:146px;--delay:.11s;--scale-start:.98}
.qwt-p7{--angle:156deg;--distance:138px;--delay:.132s;--scale-start:.92}
.qwt-p8{--angle:182deg;--distance:132px;--delay:.154s;--scale-start:.86}
.qwt-p9{--angle:208deg;--distance:126px;--delay:.176s;--scale-start:.8}
.qwt-p10{--angle:234deg;--distance:120px;--delay:.198s;--scale-start:.76}
.qwt-p11{--angle:260deg;--distance:114px;--delay:.22s;--scale-start:.72}
.qwt-p12{--angle:286deg;--distance:108px;--delay:.242s;--scale-start:.68}
.qwt-p13{--angle:312deg;--distance:102px;--delay:.264s;--scale-start:.64}
.qwt-p14{--angle:338deg;--distance:96px;--delay:.286s;--scale-start:.6}
body.qwt-page-exiting .qwt-transition-curtain{opacity:1;visibility:visible;transition:opacity .2s ease}
body.qwt-page-exiting .qwt-transition-mark{opacity:1;transform:scale(1);animation:qwtTransitionSpin .68s cubic-bezier(.18,.72,.18,1) both}
body.qwt-page-exiting .qwt-particle{animation:qwtFirecrackerParticle .38s cubic-bezier(.16,.84,.25,1) var(--delay) both}
body.qwt-page-exiting .site-shell{opacity:0;transition:opacity .12s ease}
body.qwt-page-ready .site-shell{opacity:1;transition:opacity .24s ease}
body.qwt-page-exiting{cursor:wait}
@keyframes qwtTransitionSpin{0%{transform:scale(.88) rotate(0deg)}58%{transform:scale(1.04) rotate(360deg)}100%{transform:scale(1) rotate(720deg)}}
@keyframes qwtFirecrackerParticle{0%{opacity:0;transform:rotate(var(--angle)) translateX(18px) scale(.2)}18%{opacity:1;transform:rotate(var(--angle)) translateX(44px) scale(var(--scale-start))}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.28)}}
@media(max-width:760px){
    .qwt-transition-mark{width:112px;height:112px}
    .qwt-transition-logo{width:58px;height:58px}
    .qwt-loading-card{width:min(88vw,312px);padding:30px 24px 26px}
    .qwt-loading-logo{width:74px;height:74px}
    .qwt-loading-text{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
    .qwt-transition-curtain{display:none}
    .qwt-loading-screen{display:none}
    body.qwt-home-loading .site-shell,
    body.qwt-page-ready .site-shell,
    body.qwt-page-exiting .site-shell{opacity:1!important;transition:none!important}
}
.home-portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch;margin-top:76px}
.portal-tile{position:relative;min-height:356px;padding:30px 24px 26px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(255,250,241,.26) 48%,rgba(255,255,255,.18));overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 32px 76px rgba(42,32,20,.13),inset 0 1px 0 rgba(255,255,255,.86),inset 18px 0 38px rgba(255,255,255,.28),inset -18px 0 38px rgba(20,18,15,.045);backdrop-filter:blur(24px) saturate(1.18)}
.portal-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.82) 0 2px,transparent 3px 26%,rgba(255,255,255,.24) 36%,transparent 52%),radial-gradient(circle at 22% 16%,rgba(255,255,255,.62),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.34),transparent 18%,transparent 78%,rgba(255,255,255,.25));pointer-events:none;z-index:0}
.portal-tile:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.54);border-radius:21px;box-shadow:inset 0 0 32px rgba(255,255,255,.22);pointer-events:none;z-index:2}
.portal-tile:hover,.portal-tile:focus-visible{transform:translateY(-10px);border-color:rgba(255,255,255,.94);box-shadow:0 42px 88px rgba(42,32,20,.17),inset 0 1px 0 rgba(255,255,255,.92),inset 18px 0 40px rgba(255,255,255,.34),inset -18px 0 40px rgba(20,18,15,.05)}
.liquid{position:absolute;inset:0;opacity:.3;z-index:1;overflow:hidden;transition:opacity .35s ease;border-radius:28px}
.liquid:before{content:"";position:absolute;left:-90%;bottom:-84%;width:285%;height:128%;background:linear-gradient(180deg,rgba(255,255,255,.34) 0 8%,color-mix(in srgb,var(--accent,#ddd) 46%,white) 20%,var(--accent,#ddd) 100%);transform:translate(-28%,38%) rotate(-3deg);transition:transform 1.35s cubic-bezier(.19,.82,.2,1);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 260' preserveAspectRatio='none'%3E%3Cpath d='M0 50 C30 46 60 46 90 50 S150 54 180 50 S240 46 270 50 S330 54 360 50 S420 46 450 50 S510 54 540 50 S600 46 630 50 S690 54 720 50 S780 46 810 50 S870 54 900 50 L900 260 L0 260 Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 260' preserveAspectRatio='none'%3E%3Cpath d='M0 50 C30 46 60 46 90 50 S150 54 180 50 S240 46 270 50 S330 54 360 50 S420 46 450 50 S510 54 540 50 S600 46 630 50 S690 54 720 50 S780 46 810 50 S870 54 900 50 L900 260 L0 260 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;box-shadow:inset 0 6px 0 rgba(255,255,255,.25)}
.liquid:after{display:none}
.portal-tile:hover .liquid,.portal-tile:focus-visible .liquid{opacity:.46}
.portal-tile:hover .liquid:before,.portal-tile:focus-visible .liquid:before{transform:translate(14%,-28%) rotate(0deg);animation:liquidSettle 1.9s ease-in-out 1.35s infinite}
@keyframes liquidSettle{25%{transform:translate(13.3%,-28.5%) rotate(-.25deg)}50%{transform:translate(15.2%,-27.8%) rotate(.22deg)}75%{transform:translate(13.9%,-28.25%) rotate(-.16deg)}}
.tile-about{--accent:var(--wuxing-gold);--text:var(--wuxing-gold);--body:#6d5a28}
.tile-products{--accent:var(--wuxing-wood);--text:var(--wuxing-wood);--body:#315f47}
.tile-find{--accent:var(--find-orange);--text:var(--find-orange);--body:#73501f}
.tile-feedback{--accent:var(--wuxing-water);--text:var(--wuxing-water);--body:#263f5b}
.tile-no{display:none}
.tile-no,.tile-mark,.tile-icon,.portal-tile h2,.portal-tile p,.tile-cta,.tile-domain{z-index:3}
.tile-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:32px;margin-bottom:34px;padding:7px 11px;border-radius:999px;background:rgba(255,253,247,.64);border:1px solid rgba(20,18,15,.09);color:var(--text);font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 26px rgba(42,32,20,.08)}
.tile-about .tile-mark:before{content:"01"}
.tile-products .tile-mark:before{content:"02"}
.tile-find .tile-mark:before{content:"03"}
.tile-feedback .tile-mark:before{content:"04"}
.tile-mark:before{margin:0 7px 0 0;color:var(--text);font-size:12px;font-weight:900;letter-spacing:.04em}
.tile-icon{display:none}
.portal-tile h2{position:relative;display:block;margin:0 0 18px;padding:0;background:transparent;text-shadow:2px 5px 10px rgba(42,32,20,.13);font-size:clamp(27px,2.35vw,38px);line-height:1.05;letter-spacing:0;color:var(--text);transform:none;white-space:nowrap}
.portal-tile p{position:relative;margin:0;padding:16px;border:1px solid rgba(20,18,15,.08);border-radius:20px;background:rgba(255,253,247,.54);box-shadow:0 10px 24px rgba(42,32,20,.055);color:var(--body);font-size:14px;line-height:1.78}
.tile-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-height:34px;padding:0 13px;border-radius:999px;background:#17130f;color:#fff;font-size:13px;font-weight:900;box-shadow:0 12px 26px rgba(42,32,20,.12)}
.tile-domain{position:relative;display:block;margin-top:10px;color:#8b5d1b;font-size:12px;font-weight:900;letter-spacing:.08em}
html[lang="en"] .tile-find h2{white-space:normal}
html[lang="en"] .tile-find p{margin-top:8px}
.home-footer{max-width:1240px;margin:46px auto 0;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:13px}
.theme-find .home-footer{margin-top:120px}
.theme-find .home-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;text-align:center}
.theme-find .beian-group{justify-content:center}
.beian-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.icp-beian{color:var(--muted);font-weight:800;line-height:1.4}
.police-beian{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:800;line-height:1.4}
.police-beian img{width:18px;height:18px;object-fit:contain;display:block;flex:0 0 auto}
.icp-beian:hover,.police-beian:hover{color:var(--ink)}
.inner-shell{background:linear-gradient(135deg,#fbf6ec 0%,#f3eadf 100%);min-height:100vh;padding:0 clamp(18px,4vw,52px) 24px}
.inner-main{max-width:1080px;margin:64px auto 0}
.find-quick-actions,.page-quick-actions{position:relative;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:42px}
.find-quick-actions .back-link,.page-quick-actions .back-link{margin-bottom:0}
.theme-find .find-quick-actions{margin-top:-28px;margin-bottom:32px}
.theme-about .page-quick-actions{z-index:120}
.theme-about .top-nav .lang-switch{z-index:121}
.back-link{position:relative;z-index:50;display:inline-flex;align-items:center;gap:6px;margin-bottom:42px;padding:9px 13px;border:1px solid rgba(216,137,29,.26);border-radius:999px;background:rgba(255,250,241,.62);color:var(--back);font-size:12px;font-weight:900;box-shadow:0 11px 27px rgba(42,32,20,.08);backdrop-filter:blur(12px)}
.back-link:after{content:"👈";line-height:1}
.back-link:hover{transform:translateY(-2px);background:#fffdf7;color:var(--ink)}
.eyebrow{margin:0 0 18px;color:var(--jade);font-size:13px;font-weight:900;letter-spacing:.16em}
.page-hero{margin-bottom:46px}
.theme-about{--page-title:var(--wuxing-gold);--nav-a:var(--wuxing-gold);--nav-b:#ffd36b;--nav-glow:255,174,0;background:#f8efe3}
.theme-about .site-header{margin-bottom:0}
.theme-about .inner-shell{background:
    radial-gradient(circle at 4% 16%,rgba(232,143,103,.24) 0 82px,rgba(232,143,103,.11) 126px,transparent 210px),
    radial-gradient(circle at 96% 22%,rgba(144,196,174,.2) 0 100px,rgba(144,196,174,.1) 160px,transparent 260px),
    radial-gradient(circle at 78% 84%,rgba(204,173,220,.18) 0 96px,rgba(204,173,220,.09) 172px,transparent 290px),
    linear-gradient(135deg,#fbf6ec 0%,#f3eadf 100%);padding-bottom:0}
.theme-products{--page-title:var(--wuxing-wood);--nav-a:var(--wuxing-wood);--nav-b:#9dd9ae;--nav-glow:47,154,95}
.theme-find{--page-title:var(--find-orange);--nav-a:var(--find-orange);--nav-b:#ffb066;--nav-glow:255,102,0}
.theme-find{background:
    radial-gradient(circle at 9% 13%,rgba(205,224,187,.52) 0 85px,transparent 190px),
    radial-gradient(circle at 88% 18%,rgba(214,232,199,.46) 0 96px,transparent 220px),
    linear-gradient(135deg,#f8efe2 0%,#f4efe4 46%,#edf3e7 100%)}
.theme-find:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
    radial-gradient(ellipse at 18% 24%,rgba(199,219,178,.32) 0 18%,transparent 42%),
    radial-gradient(ellipse at 78% 35%,rgba(224,235,203,.38) 0 16%,transparent 40%),
    radial-gradient(ellipse at 50% 96%,rgba(255,250,241,.72) 0 30%,transparent 62%);filter:blur(18px);opacity:.85}
.theme-feedback{--page-title:var(--wuxing-water);--nav-a:var(--wuxing-water);--nav-b:#5aa4df;--nav-glow:31,95,159}
.theme-soon{--page-title:var(--wuxing-fire);--nav-a:var(--wuxing-fire);--nav-b:#ff9d91;--nav-glow:216,47,40}
.page-hero h1{max-width:920px;margin:0;font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:-.03em;color:var(--page-title,var(--title));-webkit-text-stroke:1px rgba(255,250,241,.78);text-shadow:0 10px 34px rgba(42,32,20,.12)}
.page-hero p{margin:24px 0 0;max-width:760px;color:var(--soft);font-size:18px;line-height:1.9}
.compact-hero h1{font-size:clamp(54px,8vw,96px)}
.content-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}
.theme-feedback .content-grid{grid-template-columns:repeat(4,1fr)}
.info-panel,.product-item,.search-panel{background:rgba(255,250,241,.72);border:1px solid rgba(255,255,255,.62);border-radius:28px;padding:28px;box-shadow:0 22px 70px rgba(42,32,20,.09);backdrop-filter:blur(14px)}
.large-panel{min-height:230px}
.info-panel h2{font-size:32px;margin:0 0 18px}
.info-panel strong{display:block;font-size:34px;margin-bottom:16px}
.info-panel p,.product-item p{margin:0;color:var(--soft);line-height:1.85}
.text-link{color:#9d631d;font-weight:900;text-decoration:underline;text-underline-offset:4px}
.text-link:hover{color:#d8891d}
.theme-feedback .text-link{color:var(--wuxing-water)}
.theme-feedback .text-link:hover{color:#164a80}
.product-list{display:grid;gap:14px}
.product-item span{display:inline-flex;margin-bottom:18px;padding:7px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px}
.product-item h2{font-size:30px;margin:0 0 12px}
.product-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,28%);gap:32px;align-items:center;min-height:230px}
.product-visual{width:min(100%,260px);min-height:180px;aspect-ratio:1.22/1;justify-self:center;border-radius:24px;border:1px solid rgba(20,18,15,.08);background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,250,241,.35));display:grid;place-items:center;padding:26px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.product-visual img{max-width:88%;max-height:88%;width:auto;height:auto;object-fit:contain;display:block}
.product-visual.is-empty:before{content:"PNG 展示位";color:var(--muted);font-size:14px;font-weight:800}
.trust-panel{margin-top:40px;max-width:100%;padding:34px 38px;border-radius:30px;background:linear-gradient(135deg,#fff7e8,rgba(255,250,241,.72));color:#8d5018;box-shadow:0 22px 70px rgba(192,109,24,.12);border:1px solid rgba(192,109,24,.16)}
.trust-panel span{display:inline-flex;margin-bottom:14px;color:#c06d18;font-size:14px;font-weight:900;letter-spacing:.12em}
.trust-panel h2{margin:0 0 12px;font-size:clamp(34px,4vw,58px);line-height:1.05;color:#c06d18}
.trust-panel p{margin:0;max-width:720px;color:#6f553c;font-size:17px;line-height:1.85}
.about-main{position:relative;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw)}
.about-main .page-quick-actions{position:absolute;left:0;right:0;top:34px;z-index:120;max-width:1480px;margin:0 auto;padding:0 clamp(26px,4vw,72px)}
.about-showcase{--about-side-card-top:250px;--about-side-card-step:295px;position:relative;height:max(720px,calc(100vh - 126px));min-height:720px;padding:100px max(48px,calc((100vw - 1480px)/2 + 72px)) 34px;isolation:isolate;overflow:hidden}
.about-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-3;opacity:.96;filter:saturate(1.04)}
.about-showcase:before{content:"";position:absolute;inset:0;z-index:-2;background:
    radial-gradient(circle at 2% 12%,rgba(232,143,103,.18) 0 70px,rgba(232,143,103,.08) 128px,transparent 230px),
    radial-gradient(circle at 10% 78%,rgba(145,190,163,.16) 0 80px,rgba(145,190,163,.08) 150px,transparent 260px),
    radial-gradient(circle at 92% 23%,rgba(144,196,174,.18) 0 92px,rgba(144,196,174,.08) 170px,transparent 290px),
    radial-gradient(circle at 88% 82%,rgba(204,173,220,.18) 0 100px,rgba(204,173,220,.08) 180px,transparent 300px),
    linear-gradient(180deg,rgba(248,239,227,.72) 0%,rgba(248,239,227,.08) 13%,rgba(248,239,227,0) 76%,rgba(248,239,227,.44) 100%),
    linear-gradient(90deg,rgba(248,239,227,.72) 0%,rgba(248,239,227,.08) 24%,rgba(248,239,227,.06) 76%,rgba(248,239,227,.7) 100%);pointer-events:none}
.theme-about .page-hero h1{color:var(--wuxing-gold);text-shadow:0 12px 34px rgba(42,32,20,.10)}
.theme-about .about-copy h1{color:var(--wuxing-gold);text-shadow:0 12px 34px rgba(42,32,20,.10)}
.theme-about .about-copy h1 span{color:var(--ink);text-shadow:none}
.about-showcase:after{content:"</>";position:absolute;left:37%;top:74px;z-index:3;color:rgba(20,18,15,.78);font-size:48px;font-weight:950;letter-spacing:0;transform:rotate(-4deg)}
.about-copy{position:relative;z-index:8;width:min(42vw,560px);padding:0;left:0;top:0}
.about-copy h1{margin:0;color:var(--ink);font-size:clamp(38px,3.65vw,56px);line-height:1.2;letter-spacing:0;font-weight:950}
.about-copy h1 span{color:var(--page-title)}
.about-copy h1 .about-title-small{display:inline-block;margin-top:10px;font-size:.8em;color:var(--ink)}
.about-copy h1 .about-title-small span{color:var(--ink)}
.about-copy h1 .about-title-note{display:inline-block;margin-top:10px;font-size:.72em;line-height:1.35}
.about-copy p{margin:10px 0 0;max-width:320px;color:var(--soft);font-size:15px;line-height:1.85}
.about-subtitle{position:absolute;left:-2px;top:315px;z-index:8;max-width:430px;margin:0;color:var(--page-title);font-size:18px;font-weight:950;line-height:1.55}
.about-hotspot{position:absolute;z-index:6;display:block;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .25s ease,filter .25s ease}
.about-hotspot img{display:block;width:100%;height:auto;pointer-events:none}
.about-hotspot:hover,.about-hotspot:focus-visible{transform:translateY(-5px) scale(1.025);filter:drop-shadow(0 16px 22px rgba(42,32,20,.16));outline:none}
.about-person-button{left:50%;top:clamp(122px,17vh,168px);z-index:5;width:clamp(560px,34vw,700px);transform:translateX(-50%)}
.about-person-button:hover,.about-person-button:focus-visible{transform:translateX(-50%) translateY(-5px) scale(1.018)}
.about-person-button.is-awake{transform:translateX(-50%) translateY(-8px) scale(1.025);filter:drop-shadow(0 18px 24px rgba(42,32,20,.16))}
.about-person{filter:drop-shadow(0 28px 38px rgba(42,32,20,.13))}
/* 关于页装饰素材位置：BUG 气泡。right/top 控制位置，width 控制大小。 */
.about-bug{left:calc(50% + clamp(220px,14.5vw,300px));top:clamp(238px,28vh,278px);z-index:9;width:108px;animation:aboutFloat 4.8s ease-in-out infinite}
/* 关于页装饰素材位置：咖啡杯。left/top 控制位置，width 控制大小。 */
.about-coffee{left:calc(50% - clamp(280px,17vw,350px) + 16px);top:clamp(292px,35vh,342px);z-index:9;width:74px;animation:aboutFloat 4.4s ease-in-out infinite -.8s}
/* 关于页装饰素材位置：左下角笔记本。left/bottom 控制位置，width 控制大小。 */
.about-laptop{left:max(24px,calc(50% - 720px));bottom:18px;z-index:14;width:300px}
/* 关于页装饰素材位置：右下角书籍机器人。right/bottom 控制位置，width 控制大小。 */
.about-robot{right:max(28px,calc(50% - 720px));bottom:42px;z-index:14;width:286px}
.about-paper{right:max(98px,calc(50% - 650px));bottom:0;z-index:14;width:185px;transform:rotate(-4deg)}
.about-paper:hover,.about-paper:focus-visible{transform:rotate(-4deg) translateY(-5px) scale(1.025)}
.about-card{position:absolute;z-index:10;width:254px;padding:19px 22px;border-radius:24px;background:rgba(255,250,241,.78);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 64px rgba(42,32,20,.12);backdrop-filter:blur(14px);cursor:pointer;transition:transform .24s ease,box-shadow .24s ease}
.about-card:hover,.about-card:focus-visible{transform:translateY(-5px);box-shadow:0 30px 76px rgba(42,32,20,.16);outline:none}
.about-card h2{margin:11px 0 10px;color:var(--ink);font-size:21px;line-height:1.22}
.about-card p{margin:0;color:var(--soft);font-size:12px;line-height:1.9}
.about-card-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(255,174,0,.14);color:var(--page-title);font-size:15px;font-weight:950}
.about-card-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.about-card-icon img{width:30px;height:30px;object-fit:contain;display:block}
.about-card-icon img+svg{display:none}
.about-card-heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-bottom:18px}
.about-card-heading .about-card-icon{width:54px;height:54px;border-radius:50%;font-size:22px;background:rgba(255,174,0,.16)}
.about-card-heading .about-card-icon svg{width:34px;height:34px}
.about-card-heading .about-card-icon img{width:34px;height:34px}
.about-card-heading h2{position:relative;margin:0;padding-bottom:18px;font-size:28px}
.about-card-heading h2:after{content:"";position:absolute;left:0;bottom:4px;width:34px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--wuxing-gold) 0 48%,#ffd36b 48% 100%)}
.about-card-left .about-card-heading h2{font-size:24px}
.about-card-top p,.about-card-right p{font-size:14px;line-height:1.8}
/* 关于页文字块位置：左侧“我们擅长什么”。left/top 控制位置。 */
.about-card-left{left:max(48px,calc((100vw - 1480px)/2 + 72px));top:505px;width:320px}
html[lang="en"] .about-card-left{top:560px}
/* 关于页文字块位置：右侧“16 年”。right/top 控制位置，width 控制宽度。 */
.about-card-top{right:max(54px,calc((100vw - 1480px)/2 + 78px));top:var(--about-side-card-top);width:234px}
/* 关于页文字块位置：右侧“稳定优先”。right/top 控制位置，width 控制宽度。 */
.about-card-right{right:max(60px,calc((100vw - 1480px)/2 + 84px));top:calc(var(--about-side-card-top) + var(--about-side-card-step));width:234px}
html[lang="en"] .about-showcase{--about-side-card-top:218px;--about-side-card-step:307px}
html[lang="en"] .about-card-top{width:286px}
html[lang="en"] .about-card-right{width:286px}
html[lang="en"] .about-card-heading h2{font-size:26px;line-height:1.16}
html[lang="en"] .about-card-top p,
html[lang="en"] .about-card-right p{font-size:13px;line-height:1.72}
/* 关于页文字块位置：底部“靠谱！价格实在”。left/bottom 控制位置，width 控制宽度。 */
.about-trust{position:absolute;left:50%;bottom:18px;z-index:11;width:min(930px,58vw);min-height:116px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:center;padding:22px 30px;border-radius:24px;background:rgba(255,250,241,.84);border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 68px rgba(192,109,24,.16);backdrop-filter:blur(18px);transform:translateX(-50%);cursor:pointer}
.about-trust:hover,.about-trust:focus-visible{outline:none;box-shadow:0 30px 82px rgba(192,109,24,.22)}
.about-trust .about-trust-icon{background:rgba(232,174,76,.18);color:#d8891d}
.about-trust .about-card-icon{border-radius:50%}
.about-trust span:not(.about-card-icon),.about-mobile-trust span{display:block;margin-bottom:8px;color:#d8891d;font-size:13px;font-weight:900;letter-spacing:.12em}
.about-trust h2,.about-mobile-trust h2{margin:0 0 8px;color:#d8891d;font-size:clamp(30px,3.1vw,40px);line-height:1.08}
.about-trust p,.about-mobile-trust p{margin:0;color:#6f553c;line-height:1.75}
.about-mobile-trust{display:none}
.theme-about .home-footer{max-width:1480px;margin:0 auto;padding:9px clamp(26px,4vw,72px);min-height:40px}
.about-action-toast{position:fixed;left:50%;bottom:28px;z-index:80;max-width:min(92vw,620px);padding:14px 18px;border-radius:18px;background:rgba(20,18,15,.9);color:#fff;font-size:15px;font-weight:800;line-height:1.6;text-align:center;box-shadow:0 22px 58px rgba(20,18,15,.22);opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .22s ease,transform .22s ease}
.about-action-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@keyframes aboutFloat{50%{translate:0 -12px}}
.find-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate}
.find-bubbles{position:absolute;inset:-40px -40px 0;z-index:-1;pointer-events:none;opacity:.58}
.find-bubbles span{position:absolute;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 12px 6px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,253,247,.5);box-shadow:0 8px 22px rgba(42,32,20,.035),inset 0 1px 0 rgba(255,255,255,.62);color:rgba(47,95,143,.42);font-size:12px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(8px);animation:floatTag 8s ease-in-out infinite}
.find-bubbles span:before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(126,184,216,.56);box-shadow:0 0 0 3px rgba(126,184,216,.07)}
.find-bubbles span:nth-child(1){left:15%;top:10%;transform:rotate(-5deg);animation-delay:-1.2s}  /* 杜绝广告 */
.find-bubbles span:nth-child(2){right:10%;top:11%;transform:rotate(4deg);animation-delay:-3.1s}  /* 无竞价排名 */
.find-bubbles span:nth-child(3){left:14%;top:40%;transform:rotate(6deg);animation-delay:-2.4s}  /* 欢迎纠错 */
.find-bubbles span:nth-child(4){right:6%;top:52%;transform:rotate(-4deg);animation-delay:-.6s}  /* 搜索结果更干净 */
.find-bubbles span:nth-child(5){left:20%;top:72%;transform:rotate(-7deg);animation-delay:-4.2s} /* 人工审核更可信 */
.find-bubbles span:nth-child(6){right:15%;top:70%;transform:rotate(3deg);animation-delay:-2.9s} /* 搜到的就是你想找的 */
.find-bubbles span:nth-child(7){left:69%;top:6%;transform:rotate(-6deg);animation-delay:-3.5s} /* 找官网，稳了 */
.find-bubbles span:nth-child(8){left:25%;top:29%;transform:rotate(5deg);animation-delay:-1.8s}  /* 找软件，更靠谱 */
.find-bubbles span:nth-child(9){right:11%;top:34%;transform:rotate(-3deg);animation-delay:-4.8s}  /* 和流氓、捆版、藏毒说NO! */
.find-bubbles span:nth-child(10){left:7%;top:62%;transform:rotate(-4deg);animation-delay:-3.5s}  /* 欢迎补充 */

@keyframes floatTag{50%{translate:0 -9px}}
.find-hero .eyebrow,.find-hero h1,.find-hero p{text-align:center}
.find-hero .eyebrow{align-self:center;color:#2f5f8f}
.find-hero h1{align-self:center}
.find-hero p{max-width:720px;margin-left:auto;margin-right:auto}
.find-brand-line{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:min(100%,760px);margin-top:22px!important;padding:9px 16px;border:1px solid rgba(216,137,29,.24);border-radius:999px;background:rgba(255,250,241,.72);color:var(--find-orange)!important;font-size:15px!important;font-weight:900;line-height:1.5!important;box-shadow:0 14px 30px rgba(72,82,52,.08);backdrop-filter:blur(12px)}
.find-slogan{margin-top:18px!important;color:#14120f!important;font-size:clamp(22px,2.8vw,34px)!important;font-weight:950!important;line-height:1.24!important}
.find-domain-note{display:inline-flex;align-items:center;justify-content:center;margin-top:18px!important;padding:8px 13px;border-radius:999px;background:rgba(40,169,139,.11);color:#16846e!important;font-size:14px!important;font-weight:900!important;line-height:1.4!important}
.find-review-note{flex:0 0 100%;max-width:none;color:#81786b;font-size:12px;line-height:1.85;text-align:center}
.find-copyright{white-space:nowrap}
.theme-find .find-hero h1{text-shadow:0 14px 40px rgba(255,102,0,.26),0 26px 70px rgba(93,120,76,.13)}
.theme-find .find-hero p{color:#4e463b}
.search-panel{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none}
.theme-find .search-panel{position:relative;filter:drop-shadow(0 38px 42px rgba(72,82,52,.22)) drop-shadow(0 18px 18px rgba(42,32,20,.12)) drop-shadow(0 2px 0 rgba(255,255,255,.7))}
.search-form-area,.default-result-area,.tutorial-video-area{position:relative;background:rgba(255,250,241,.72);border:1px solid rgba(255,255,255,.62);box-shadow:0 22px 70px rgba(42,32,20,.09);backdrop-filter:blur(14px)}
.theme-find .search-form-area,.theme-find .tutorial-video-area{background:linear-gradient(135deg,rgba(255,250,241,.84),rgba(247,250,239,.78));border-color:rgba(255,255,255,.78);box-shadow:0 34px 90px rgba(91,107,68,.16),0 18px 46px rgba(42,32,20,.09),inset 0 1px 0 rgba(255,255,255,.86)}
.theme-find .default-result-area{background:linear-gradient(145deg,rgba(255,253,247,.78),rgba(246,250,240,.68));border-color:rgba(255,255,255,.86);box-shadow:0 58px 118px rgba(72,82,52,.24),0 26px 58px rgba(42,32,20,.15),0 10px 0 rgba(105,118,78,.045),0 1px 0 rgba(255,255,255,.76),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -26px 42px rgba(105,118,78,.07);backdrop-filter:blur(18px) saturate(1.08)}
.theme-find .search-form-area:before,.theme-find .search-form-area:after{display:none}
.search-form-area{--ticket-notch:26px;padding:28px 28px 30px;border-radius:28px 28px 16px 16px}
.theme-find .search-form-area{-webkit-mask:
    radial-gradient(var(--ticket-notch) at 0 100%,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
    radial-gradient(var(--ticket-notch) at 100% 100%,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat;
    mask:
    radial-gradient(var(--ticket-notch) at 0 100%,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
    radial-gradient(var(--ticket-notch) at 100% 100%,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat}
.default-result-area:before,.default-result-area:after{content:"";position:absolute;z-index:2;width:42px;height:42px;border-radius:50%;background:#f3eadf;pointer-events:none}
.search-panel label{display:block;margin-bottom:12px;color:var(--muted);font-weight:800}
.search-row{display:flex;gap:10px}
.search-row input{flex:1;min-width:0;height:54px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 18px;font:inherit;color:var(--ink)}
.theme-find .search-row input{background:rgba(255,255,255,.88);border-color:rgba(96,118,79,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.86)}
.theme-find .search-row input:focus{border-color:var(--find-orange);box-shadow:0 0 0 3px rgba(255,102,0,.14),inset 0 1px 0 rgba(255,255,255,.86);outline:none}
.search-row button,.contact-button{height:54px;border:0;border-radius:18px;background:var(--ink);color:#fff;padding:0 24px;font:inherit;cursor:pointer}
.search-row .search-icon-button{width:62px;padding:0;display:grid;place-items:center;overflow:visible;background:transparent;color:inherit;border-radius:0}
.search-icon-button img{width:54px;height:54px;object-fit:contain;display:block}
.search-result-area{display:none;margin-top:18px;padding-top:18px;border-top:1px solid rgba(20,18,15,.08)}
.default-result-area .search-result-area{margin-top:0;padding-top:0;border-top:0}
.search-result-area.is-visible{display:block}
.default-result-area{--ticket-notch:26px;margin-top:0;padding:28px 28px 28px;border-radius:16px 16px 28px 28px}
.theme-find .default-result-area{-webkit-mask:
    radial-gradient(var(--ticket-notch) at 0 0,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
    radial-gradient(var(--ticket-notch) at 100% 0,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat;
    mask:
    radial-gradient(var(--ticket-notch) at 0 0,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
    radial-gradient(var(--ticket-notch) at 100% 0,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat}
.default-result-area:before{left:-22px;top:-23px}
.default-result-area:after{right:-22px;top:-23px}
.default-result-area .result-section-title:before{content:"";position:absolute;left:42px;right:42px;top:-4px;z-index:5;height:4px;background:repeating-linear-gradient(90deg,rgba(128,106,75,.48) 0 13px,transparent 13px 22px)}
.tutorial-video-area{margin-top:18px;padding:24px;border-radius:26px}
.tutorial-video-area.is-temporarily-hidden{display:none}
.tutorial-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background:#15120f;box-shadow:0 18px 42px rgba(42,32,20,.16);object-fit:cover}
.result-section-title{margin:0 0 12px;color:var(--muted);font-size:14px;font-weight:900;letter-spacing:.08em}
.result-list{display:grid;gap:8px}
.result-more-button{justify-self:center;margin-top:10px;height:42px;padding:0 22px;border:1px solid rgba(157,99,29,.2);border-radius:999px;background:#fff7e8;color:#9d631d;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(42,32,20,.08)}
.result-more-button:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(42,32,20,.12)}
.result-more-button:disabled{cursor:wait;opacity:.72;transform:none}
.result-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border:1px solid rgba(20,18,15,.1);border-radius:16px;background:#fff}
.theme-find .result-item{background:rgba(255,255,255,.88);border-color:rgba(96,118,79,.13);box-shadow:0 16px 38px rgba(91,107,68,.09),0 5px 14px rgba(42,32,20,.05),inset 0 1px 0 rgba(255,255,255,.9)}
.result-main{display:grid;gap:6px 12px;align-items:center;min-width:0}
.result-main.has-logo{grid-template-columns:auto auto minmax(0,1fr)}
.result-main.no-logo{grid-template-columns:auto minmax(0,1fr)}
.official{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:56px;padding:0 12px;border-radius:999px;background:var(--jade);color:#fff;font-size:13px;font-weight:900}
.official.is-secondary{background:#fff7e8;color:#9d631d;border:1px solid rgba(157,99,29,.18)}
.result-copy{display:grid;gap:3px;min-width:0}
.result-name-row{display:flex;align-items:center;gap:8px;min-width:0}
.result-item strong{font-size:19px}
.result-logo-frame{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid rgba(20,18,15,.08);box-shadow:0 6px 14px rgba(20,18,15,.06);overflow:hidden}
.result-logo{width:26px;height:26px;object-fit:contain}
.result-item small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-review{display:flex;align-items:center;gap:10px;min-width:0;padding-left:14px;border-left:1px solid rgba(20,18,15,.08);color:var(--muted);font-size:12px;line-height:1.35;white-space:nowrap}
.result-desc{display:inline-flex;align-items:center;width:286px;max-width:28vw;height:28px;padding:0 10px;border-radius:6px;background:#fff7e8;color:#9d631d;font-size:12px;font-weight:900;overflow:hidden}
.result-desc-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-desc-track{display:inline-flex;align-items:center;min-width:max-content;animation:descMarquee 9s linear infinite}
.result-desc-track span{flex:0 0 auto;padding-right:32px}
.result-desc:hover .result-desc-track{animation-play-state:paused}
@keyframes descMarquee{0%,16%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.correct-link{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:#fff7e8;color:#9d631d;font:inherit;font-size:13px;font-weight:900;border:1px solid rgba(157,99,29,.18);cursor:pointer}
.correct-link:hover{background:var(--find-orange);color:#fff}
.empty-state{margin:0;color:var(--muted)}
.search-miss-message{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-miss-message span{flex:0 0 auto;color:var(--muted);font-weight:900}
.search-miss-message strong{min-width:0;color:var(--find-orange);font-weight:900;overflow:hidden;text-overflow:ellipsis}
.search-total-message{color:var(--muted);font-weight:900}
.search-total-message strong{color:var(--find-orange);font-size:24px}
.correction-modal,.supplement-modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(20,18,15,.32);backdrop-filter:blur(8px)}
.correction-modal.is-open,.supplement-modal.is-open{display:flex}
.correction-dialog,.supplement-dialog{position:relative;width:min(100%,520px);padding:26px;border-radius:24px;background:rgba(255,250,241,.78);border:1px solid rgba(255,255,255,.78);box-shadow:0 30px 90px rgba(20,18,15,.22),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(22px) saturate(1.18)}
.correction-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#fff7e8;color:#9d631d;font-size:24px;line-height:1;cursor:pointer}
.correction-kicker{margin:0 0 8px;color:var(--find-orange);font-size:13px;font-weight:900;letter-spacing:.12em}
.correction-dialog h2,.supplement-dialog h2{margin:0 0 10px;font-size:30px}
.correction-site{margin:0 0 18px;color:var(--muted);line-height:1.6}
.correction-dialog label,.supplement-dialog label{display:grid;gap:8px;margin-top:12px;color:var(--soft);font-weight:800}
.correction-dialog input[type="url"],.correction-dialog textarea,.supplement-dialog input,.supplement-dialog textarea{width:100%;border:1px solid rgba(20,18,15,.13);border-radius:14px;background:rgba(255,255,255,.82);padding:12px 14px;font:inherit;color:var(--ink);outline:none}
.correction-dialog input[type="url"]:focus,.correction-dialog textarea:focus,.supplement-dialog input:focus,.supplement-dialog textarea:focus{border-color:rgba(47,95,143,.42);box-shadow:0 0 0 4px rgba(47,95,143,.1)}
.supplement-dialog input::placeholder,.supplement-dialog textarea::placeholder{color:rgba(129,120,107,.48)}
.correction-dialog textarea,.supplement-dialog textarea{min-height:92px;resize:vertical}
.correction-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.correction-options label{display:inline-flex;grid-template-columns:none;align-items:center;gap:6px;margin:0;padding:8px 11px;border-radius:999px;background:#fff7e8;color:#7a5f42;font-size:13px}
.correction-submit{width:100%;height:46px;margin-top:18px;border:0;border-radius:16px;background:var(--ink);color:#fff;font:inherit;font-weight:900;cursor:pointer}
.supplement-submit{background:var(--page-title,#ae7b17)}
.supplement-submit:hover{background:#966815}
.correction-thanks{margin:14px 0 0;padding:13px 14px;border-radius:16px;background:rgba(40,169,139,.12);border:1px solid rgba(40,169,139,.24);color:#16846e;font-size:16px;font-weight:900;text-align:center;box-shadow:0 12px 28px rgba(40,169,139,.1)}
.supplement-toast{position:fixed;left:50%;bottom:36px;z-index:60;transform:translateX(-50%);max-width:min(92vw,520px);padding:14px 18px;border-radius:18px;background:rgba(255,250,241,.82);border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 54px rgba(20,18,15,.18),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(1.12);color:#16846e;font-size:16px;font-weight:900;text-align:center}
.correction-log{margin-top:18px;padding:22px;border-radius:24px;background:rgba(255,250,241,.72);border:1px solid rgba(255,255,255,.62);box-shadow:0 18px 54px rgba(42,32,20,.08)}
.correction-log-list{display:grid;gap:10px}
.correction-log-item{display:grid;gap:5px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(20,18,15,.08);color:var(--soft);font-size:13px}
.correction-log-item strong{color:var(--ink);font-size:16px}
.correction-log-item small{color:var(--muted)}
.contact-purchase-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.contact-zone{display:inline-block;max-width:100%}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.contact-button{display:inline-flex;align-items:center;justify-content:center;margin-top:0}
.contact-button.is-active{box-shadow:0 14px 34px rgba(42,32,20,.14);transform:translateY(-2px)}
.contact-button.light{background:#fff7e8;color:#9d631d;border:1px solid rgba(157,99,29,.18)}
.contact-button.warm{background:#d8891d;color:#fff}
.taobao-button{margin-top:24px;background:#eff6ff;color:#2563eb;border:1px solid rgba(37,99,235,.18);white-space:nowrap}
.taobao-button:hover{background:#2563eb;color:#fff}
.theme-feedback .taobao-button{background:rgba(31,95,159,.12);color:var(--wuxing-water);border-color:rgba(31,95,159,.24)}
.theme-feedback .taobao-button:hover{background:var(--page-title);color:#fff}
.contact-card-wrap{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;pointer-events:none;transform:translateY(-16px) scale(.96);transform-origin:30px 0;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),margin-top .38s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .38s cubic-bezier(.16,1,.3,1)}
.contact-card-wrap.is-open{grid-template-rows:1fr;margin-top:16px;opacity:1;transform:translateY(0) scale(1)}
.contact-card-wrap.is-hoverable{pointer-events:auto}
.contact-card-wrap.is-pinned{pointer-events:auto}
.contact-card{width:100%;min-height:0;overflow:hidden;display:grid;grid-template-columns:86px minmax(0,1fr) 96px;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.76);border-radius:24px;background:rgba(255,250,241,.86);box-shadow:0 18px 42px rgba(42,32,20,.08);backdrop-filter:blur(14px);transition:box-shadow .38s cubic-bezier(.16,1,.3,1)}
.contact-card-wrap.is-open .contact-card{box-shadow:0 24px 62px rgba(42,32,20,.12)}
.contact-card-image{position:relative;width:86px;height:86px;border-radius:19px;background:linear-gradient(135deg,#fff7e8,#f1eadf);border:1px solid rgba(20,18,15,.08);overflow:hidden;display:grid;place-items:center}
.contact-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.contact-card-image img.is-missing{display:none}
.contact-card-image span{position:absolute;inset:0;display:none;place-items:center;color:#9d631d;font-size:22px;font-weight:900;letter-spacing:.12em}
.contact-card-image img.is-missing+span{display:grid}
.contact-card-copy span{display:block;margin-bottom:8px;color:#d8891d;font-size:13px;font-weight:900;letter-spacing:.12em}
.contact-card-copy strong{display:block;max-width:100%;margin-bottom:8px;color:var(--ink);font-size:20px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-copy-button{display:inline-flex;align-items:center;justify-content:center;height:38px;margin-top:8px;padding:0 16px;border:0;border-radius:14px;background:var(--ink);color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(42,32,20,.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.contact-copy-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(42,32,20,.16);background:#2a241e}
.contact-card-qr{display:none;width:96px;height:96px;padding:5px;border-radius:15px;background:#fffdf7;border:1px solid rgba(20,18,15,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.contact-card-qr.is-visible{display:block}
.contact-card-qr img{width:100%;height:100%;object-fit:contain;display:block}
.contact-card-qr img.is-missing{display:none}
.soon-main{max-width:1180px}
.soon-hero{position:relative;min-height:340px;padding:38px 0 46px;display:grid;align-content:center;isolation:isolate}
.soon-hero:before{content:"";position:absolute;right:4%;top:14px;width:270px;height:270px;border-radius:36% 64% 48% 52%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.78),rgba(255,157,145,.28) 34%,rgba(216,47,40,.18) 72%);filter:blur(.2px);box-shadow:0 34px 90px rgba(216,47,40,.16);z-index:-1;animation:soonPulse 5.6s ease-in-out infinite}
.soon-hero:after{content:"CUSTOM";position:absolute;right:8%;top:88px;color:rgba(216,47,40,.18);font-size:62px;font-weight:950;letter-spacing:.08em;z-index:-1;transform:rotate(-8deg)}
.soon-hero h1{max-width:860px;margin:0;color:var(--wuxing-fire);font-size:clamp(42px,7vw,86px);line-height:1.08;letter-spacing:0;text-shadow:0 18px 42px rgba(216,47,40,.16)}
.soon-hero p:not(.eyebrow){max-width:710px;margin:24px 0 0;color:var(--soft);font-size:18px;line-height:1.9}
.soon-board{column-count:3;column-gap:16px}
.soon-card{--custom-accent:#d82f28;--custom-soft:#ffeae2;--custom-glow:216,47,40;--custom-text:#60453f;position:relative;display:inline-block;width:100%;min-height:250px;margin:0 0 16px;padding:26px;border-radius:28px;background:linear-gradient(145deg,rgba(255,253,247,.88),color-mix(in srgb,var(--custom-soft) 76%,white));border:1px solid color-mix(in srgb,var(--custom-accent) 28%,white);box-shadow:0 22px 70px rgba(42,32,20,.09);overflow:hidden;backdrop-filter:blur(14px);break-inside:avoid;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.soon-card:nth-child(1){--custom-accent:#d82f28;--custom-soft:#ffe4db;--custom-glow:216,47,40;--custom-text:#62413c}
.soon-card:nth-child(2){--custom-accent:#7a57d1;--custom-soft:#eee7ff;--custom-glow:122,87,209;--custom-text:#4c4169}
.soon-card:nth-child(3){--custom-accent:#ffae00;--custom-soft:#fff1c7;--custom-glow:255,174,0;--custom-text:#66522b}
.soon-card:nth-child(4){--custom-accent:#1f5f9f;--custom-soft:#dceeff;--custom-glow:31,95,159;--custom-text:#314f6c}
.soon-card:nth-child(5){--custom-accent:#2f9a5f;--custom-soft:#daf4e5;--custom-glow:47,154,95;--custom-text:#315b44}
.soon-card:nth-child(6){--custom-accent:#ff6600;--custom-soft:#ffe2cc;--custom-glow:255,102,0;--custom-text:#68432d}
.soon-card:nth-child(7){--custom-accent:#2b9fb3;--custom-soft:#d9f4f7;--custom-glow:43,159,179;--custom-text:#315b63}
.soon-card:before{content:"";position:absolute;left:22px;right:22px;bottom:22px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--custom-accent),color-mix(in srgb,var(--custom-accent) 42%,white));opacity:.26}
.soon-card:after{content:"";position:absolute;right:-38px;top:-38px;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.76),rgba(var(--custom-glow),.17) 48%,transparent 72%);pointer-events:none}
.soon-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--custom-accent) 48%,white);box-shadow:0 30px 86px rgba(var(--custom-glow),.14)}
.soon-card.is-lit{border-color:var(--custom-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--custom-accent) 60%,white),0 0 0 8px rgba(var(--custom-glow),.12),0 34px 92px rgba(var(--custom-glow),.20);animation:soonCardFlash .72s ease both}
.soon-card.is-lit:before{opacity:.62}
.soon-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(var(--custom-glow),.11);color:var(--custom-accent);font-size:14px;font-weight:950}
.soon-card h2{margin:46px 0 12px;color:var(--custom-accent);font-size:clamp(25px,2.5vw,36px);line-height:1.12}
.soon-card p{margin:0;color:var(--custom-text);font-size:15px;line-height:1.75}
.soon-card-tall{min-height:330px}
.soon-card-low{min-height:210px}
.soon-card-wide{min-height:280px}
@keyframes soonCardFlash{0%{transform:translateY(-2px) scale(1);filter:saturate(1)}45%{transform:translateY(-8px) scale(1.015);filter:saturate(1.16)}100%{transform:translateY(-4px) scale(1);filter:saturate(1)}}
@keyframes soonPulse{50%{transform:translateY(-12px) rotate(5deg);border-radius:58% 42% 55% 45%}}
.theme-404{--page-title:#d8891d}
.error-main{max-width:1220px}
.error-stage{position:relative;min-height:660px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:60px;align-items:center;padding:34px 0 52px;isolation:isolate}
.error-stage:before{content:"";position:absolute;inset:8% -5% auto 43%;height:420px;border-radius:44px;background:linear-gradient(135deg,rgba(255,250,241,.82),rgba(232,246,242,.7));box-shadow:0 36px 110px rgba(42,32,20,.1);z-index:-1;transform:rotate(-2deg)}
.error-copy h1{margin:0;color:#d8891d;font-size:clamp(58px,8vw,108px);line-height:.96;letter-spacing:0;text-shadow:0 18px 44px rgba(216,137,29,.13)}
.error-copy p:not(.eyebrow){max-width:470px;margin:24px 0 0;color:var(--soft);font-size:18px;line-height:1.9}
.error-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.error-button{display:inline-flex;align-items:center;justify-content:center;min-width:124px;height:48px;padding:0 18px;border-radius:16px;background:#fff7e8;color:#9d631d;border:1px solid rgba(157,99,29,.18);font-weight:900;box-shadow:0 14px 34px rgba(42,32,20,.08)}
.error-button.primary{background:var(--ink);color:#fff;border-color:transparent}
.error-button.light{background:rgba(255,253,247,.78);color:#16846e;border-color:rgba(40,169,139,.2)}
.error-button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(42,32,20,.12)}
.error-visual{position:relative;min-height:610px}
.error-code{position:absolute;right:4%;top:4%;z-index:1;color:rgba(216,137,29,.16);font-size:clamp(120px,18vw,230px);font-weight:950;line-height:.8}
.error-person{position:absolute;left:50%;bottom:0;z-index:5;width:min(92%,590px);transform:translateX(-50%);filter:drop-shadow(0 30px 44px rgba(42,32,20,.14))}
.error-bug{position:absolute;right:13%;top:24%;z-index:7;width:92px;animation:aboutFloat 4.8s ease-in-out infinite}
.error-coffee{position:absolute;left:12%;top:38%;z-index:7;width:66px;animation:aboutFloat 4.4s ease-in-out infinite -.8s}
.error-note{position:absolute;left:0;bottom:54px;z-index:8;width:210px;padding:17px 18px;border-radius:20px;background:rgba(255,250,241,.84);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 56px rgba(42,32,20,.12);backdrop-filter:blur(14px)}
.error-note strong{display:block;margin-bottom:10px;color:var(--ink);font-size:18px}
.error-note span{display:block;margin-top:6px;color:#6f553c;font-size:13px;font-weight:800}
@media(max-width:1040px){
    .home-portals{grid-template-columns:1fr 1fr}
    .tile-products,.tile-feedback,.tile-find{margin-top:0}
    .hero-composition{min-height:390px}
    .theme-feedback .content-grid{grid-template-columns:1fr 1fr}
    .soon-board{column-count:2}
    .error-stage{grid-template-columns:1fr;gap:10px}
    .error-stage:before{inset:35% -6% auto 12%;height:360px}
    .error-visual{min-height:540px}
    .error-copy p:not(.eyebrow){max-width:680px}
    .about-main{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}
    .about-main .page-quick-actions{top:22px;padding:0 34px}
    .about-showcase{--about-side-card-top:330px;--about-side-card-step:245px;height:auto;min-height:880px;padding:82px 34px 28px}
    .about-copy{width:min(52%,440px);left:0;top:0}
    .about-copy h1{font-size:46px}
    .about-copy p{max-width:300px}
    .about-person-button{top:auto;width:min(66vw,678px);bottom:170px}
    .about-bug{left:auto;right:16%;top:300px;z-index:9;width:96px}
    .about-coffee{left:22%;top:388px;z-index:9;width:66px}
    .about-card{width:216px;padding:18px}
    /* 1040px 以下：左侧“我们擅长什么”文字块位置。 */
    .about-card-left{left:34px;top:490px}
    html[lang="en"] .about-card-left{top:560px}
    /* 1040px 以下：右侧“16 年”文字块位置。 */
    .about-card-top{right:34px;top:var(--about-side-card-top);width:198px}
    /* 1040px 以下：右侧“稳定优先”文字块位置。 */
    .about-card-right{right:34px;top:calc(var(--about-side-card-top) + var(--about-side-card-step));width:198px}
    html[lang="en"] .about-showcase{--about-side-card-top:350px;--about-side-card-step:280px;min-height:980px}
    html[lang="en"] .about-card-top{width:300px}
    html[lang="en"] .about-card-right{width:300px}
    html[lang="en"] .about-card-heading h2{font-size:25px}
    html[lang="en"] .about-card-top p,
    html[lang="en"] .about-card-right p{font-size:13px;line-height:1.68}
    html[lang="en"] .about-robot{bottom:36px}
    html[lang="en"] .about-paper{bottom:-12px}
    .about-subtitle{left:0;top:305px;max-width:360px;font-size:17px}
    /* 1040px 以下：左下角笔记本位置。 */
    .about-laptop{width:230px;left:0;bottom:10px;z-index:14}
    /* 1040px 以下：右下角书籍机器人位置。 */
    .about-robot{width:246px;right:0;bottom:60px;z-index:14}
    .about-paper{right:30px;bottom:0;z-index:14;width:153px}
    /* 1040px 以下：底部“靠谱！价格实在”文字块位置。 */
    .about-trust{left:50%;bottom:22px;width:min(770px,73vw);padding:20px 24px}
}
@media(max-width:760px){
    .site-shell,.inner-shell{padding:0 18px 18px}
    .site-header{height:auto;min-height:0;margin-bottom:28px;padding:14px 0 12px;align-items:stretch;justify-content:center;flex-direction:column}
    .site-header:before{height:100%}
    .site-header:after{bottom:0}
    .brand{justify-content:center}
    .logo-mark{width:38px;height:38px;border-radius:10px}
    .top-nav{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px 12px;border-radius:0;flex-wrap:wrap}
    .top-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;padding:6px 1px 9px;font-size:13px;line-height:1.1;text-align:center;white-space:nowrap}
    .lang-switch{align-self:center;margin:4px 0 0}
    .top-nav .lang-switch{--lang-pill-w:34px;--lang-pill-h:23px;margin:0 0 0 2px;padding:3px}
    .top-nav .lang-switch button{font-size:10px}
    .brand-name{font-size:25px}
    .brand-name:after{max-width:230px;overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap;text-align:left}
    .hero-composition{min-height:auto;text-align:left;place-items:start;padding:58px 0 30px}
    .hero-composition h1{font-size:72px;letter-spacing:-.05em}
    .hero-composition h1 img{width:min(100%,552px);max-height:163px}
    .hero-line{width:100%;max-width:100%;margin-left:0;font-size:18px;overflow-wrap:anywhere}
    .hero-orbit{justify-content:flex-start;gap:8px;margin-top:24px}
    .hero-orbit a{animation:none;transform:none}
    .home-portals,.content-grid{grid-template-columns:1fr}
    .theme-feedback .content-grid{grid-template-columns:1fr}
    .product-item{grid-template-columns:1fr}
    .product-visual{min-height:170px;width:min(100%,240px)}
    .portal-tile{min-height:292px;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,250,241,.32));border:1px solid rgba(255,255,255,.72);filter:none;box-shadow:0 18px 44px rgba(42,32,20,.1),inset 0 1px 0 rgba(255,255,255,.82);overflow:hidden;backdrop-filter:blur(14px)}
    .portal-tile:before{border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58)}
    .portal-tile:after{inset:9px;border-radius:18px}
    .portal-tile .liquid{display:block;border-radius:24px;opacity:.24}
    .portal-tile:hover{transform:none;filter:none}
    .tile-mark{position:relative;right:auto;top:auto;display:inline-flex;min-width:0;min-height:0;margin-bottom:16px;padding:7px 11px;border-radius:999px;writing-mode:horizontal-tb;text-orientation:mixed;font-size:12px}
    .tile-mark:before{margin:0 7px 0 0;font-size:12px}
    .portal-tile h2{margin:0 0 12px;white-space:normal;font-size:30px}
    .portal-tile p{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:15px}
    .tile-cta{margin-top:16px}
    .tile-domain{font-size:12px}
    .home-footer{display:block}
    .theme-find .home-footer{display:block}
    .home-footer span{display:block;margin-top:8px}
    .find-review-note{max-width:100%;font-size:12px}
    .beian-group{display:flex;justify-content:flex-start;gap:8px 14px}
    .police-beian{margin-top:8px}
    .police-beian span{margin-top:0}
    .inner-main{margin-top:36px}
    .back-link{margin-bottom:28px;padding:7px 10px;gap:4px;font-size:11px}
    .page-hero h1{font-size:42px}
    .find-slogan{font-size:24px!important}
    .theme-products .page-hero h1,.theme-feedback .page-hero h1{font-size:34px;line-height:1.18;letter-spacing:0}
    .about-main{width:100vw;max-width:none;margin:28px 0 0 calc(50% - 50vw)}
    .about-main .page-quick-actions{position:relative;top:auto;margin-bottom:14px;padding:0 18px}
    .about-showcase{display:block;min-height:auto;padding:24px 18px 18px;overflow:hidden}
    .about-showcase:before{inset:0}
    .about-showcase:after{display:none}
    .about-bg{inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
    .about-copy{width:100%;max-width:none;left:auto;top:auto;padding:0}
    .about-copy h1{font-size:36px}
    .about-copy h1 .about-title-small,.about-copy h1 .about-title-note{display:block;max-width:100%;word-break:break-all;overflow-wrap:anywhere}
    .about-copy h1 .about-title-note{font-size:.6em;line-height:1.45}
    .about-copy p{max-width:none;margin-bottom:30px;font-size:14px}
    .about-subtitle{position:relative;left:auto;bottom:auto;margin:16px 0 0;font-size:18px}
    .about-hotspot{position:relative;left:auto;right:auto;top:auto;bottom:auto}
    .about-person-button{width:min(100%,569px);margin:20px auto 0;transform:none}
    .about-person-button:hover,.about-person-button:focus-visible{transform:translateY(-5px) scale(1.018)}
    .about-person-button.is-awake{transform:translateY(-8px) scale(1.025)}
    .about-bug,.about-coffee{position:absolute}
    .about-bug{right:8px;top:440px;z-index:16;width:82px}
    .about-coffee{left:18px;top:540px;z-index:16;width:58px}
    .about-laptop,.about-robot,.about-paper{display:none}
    .about-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin-top:14px;padding:18px;border-radius:22px}
    .about-card-left{margin-top:44px}
    html[lang="en"] .about-card-left{margin-top:74px}
    .about-card h2{font-size:22px}
    .about-trust{display:none}
    .about-mobile-trust{display:block;margin-top:14px;padding:24px;border-radius:24px;background:rgba(255,250,241,.84);border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 68px rgba(192,109,24,.12);backdrop-filter:blur(18px)}
    .find-bubbles{display:none}
    .search-form-area,.default-result-area{padding:20px}
    .search-form-area{--ticket-notch:20px;border-radius:22px 22px 12px 12px}
    .default-result-area{--ticket-notch:20px;border-radius:12px 12px 22px 22px}
    .theme-find .search-form-area{-webkit-mask:
        radial-gradient(var(--ticket-notch) at 0 100%,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
        radial-gradient(var(--ticket-notch) at 100% 100%,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat;
        mask:
        radial-gradient(var(--ticket-notch) at 0 100%,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
        radial-gradient(var(--ticket-notch) at 100% 100%,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat}
    .theme-find .default-result-area{-webkit-mask:
        radial-gradient(var(--ticket-notch) at 0 0,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
        radial-gradient(var(--ticket-notch) at 100% 0,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat;
        mask:
        radial-gradient(var(--ticket-notch) at 0 0,transparent 98%,#000 100%) 0 0/51% 100% no-repeat,
        radial-gradient(var(--ticket-notch) at 100% 0,transparent 98%,#000 100%) 100% 0/51% 100% no-repeat}
    .theme-find .default-result-area:not(:has(.search-result-area.is-visible)){display:none}
    .theme-find .default-display-area{display:none}
    .theme-find .default-result-area:before,.theme-find .default-result-area:after{display:block;width:34px;height:34px}
    .theme-find .default-result-area:before{left:-18px;top:-19px}
    .theme-find .default-result-area:after{right:-18px;top:-19px}
    .default-result-area .result-section-title:before{left:34px;right:34px;display:block}
    .search-row{position:relative;display:block;padding-right:62px}
    .search-row input{display:block;width:100%;max-width:100%;min-width:0;height:52px;border-radius:16px;padding:0 14px}
    .search-row .search-icon-button{position:absolute;right:0;top:0;width:54px;max-width:54px;height:52px;overflow:hidden}
    .search-icon-button img{width:50px;height:50px}
    .tutorial-video-area{padding:20px}
    .result-item{grid-template-columns:1fr}
    .search-miss-message{display:block;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.65}
    .search-miss-message span,.search-miss-message strong{display:inline;min-width:0;overflow:visible;text-overflow:clip}
    .result-main.has-logo{grid-template-columns:auto auto minmax(0,1fr)}
    .result-main.no-logo{grid-template-columns:auto minmax(0,1fr)}
    .result-item strong{font-size:17px}
    .result-review{min-width:0;padding:10px 0 0;border-left:0;border-top:1px solid rgba(20,18,15,.08);flex-wrap:wrap;white-space:normal}
    .result-desc{width:100%;max-width:100%}
    .correction-modal,.supplement-modal{padding:14px}
    .correction-dialog,.supplement-dialog{max-height:calc(100vh - 28px);overflow:auto;padding:22px;border-radius:22px}
    .correction-dialog h2,.supplement-dialog h2{font-size:26px}
    .correction-options label{font-size:12px}
    .contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .contact-button{width:100%;padding:0 14px}
    .contact-purchase-row{display:block}
    .taobao-button{margin-top:14px}
    .contact-card{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:14px}
    .contact-card-image{width:82px;height:82px;border-radius:18px}
    .contact-card-copy strong{font-size:20px}
    .contact-copy-button{height:38px;padding:0 15px}
    .contact-card-qr{grid-column:1/-1;width:116px;height:116px;justify-self:center}
    .soon-hero{min-height:auto;padding:28px 0 42px}
    .soon-hero:before{right:-30px;top:8px;width:160px;height:160px}
    .soon-hero:after{right:8px;top:54px;font-size:42px}
    .soon-hero h1{font-size:42px}
    .soon-board{column-count:1}
    .soon-card{min-height:210px;border-radius:24px}
    .soon-card h2{margin-top:34px}
    .error-stage{min-height:auto;padding:20px 0 34px}
    .error-stage:before{inset:39% -16px auto -16px;height:300px;border-radius:30px;transform:rotate(0)}
    .error-copy h1{font-size:64px}
    .error-copy p:not(.eyebrow){font-size:15px}
    .error-actions{display:grid;grid-template-columns:1fr;gap:10px}
    .error-button{width:100%}
    .error-visual{min-height:420px}
    .error-code{right:0;top:10px;font-size:112px}
    .error-person{width:min(100%,390px)}
    .error-bug{right:4px;top:100px;width:72px}
    .error-coffee{left:8px;top:154px;width:52px}
    .error-note{left:0;bottom:18px;width:180px;padding:14px}
}
@media(max-width:760px){
    .theme-about .site-header,
    .theme-products .site-header,
    .theme-feedback .site-header,
    .theme-soon .site-header{margin-bottom:12px;padding:8px 0 9px}
    .theme-about .top-nav,
    .theme-products .top-nav,
    .theme-feedback .top-nav,
    .theme-soon .top-nav{justify-content:flex-end;gap:8px 12px;padding:0 2px}
    .theme-about .top-nav a,
    .theme-products .top-nav a,
    .theme-feedback .top-nav a,
    .theme-soon .top-nav a{min-height:28px;padding:4px 1px 7px}
    .theme-about .inner-main,
    .theme-products .inner-main,
    .theme-feedback .inner-main,
    .theme-soon .inner-main{margin-top:14px}
    .theme-about .home-footer{padding:12px 18px}
    .page-quick-actions{margin-bottom:14px}
    .page-quick-actions .back-link{min-width:101px;height:31px}
    .page-quick-actions .back-link{justify-content:center;padding:0 10px;font-size:11px}
    .theme-products .page-hero,
    .theme-feedback .page-hero{margin-bottom:20px}
    .theme-products .page-hero .eyebrow,
    .theme-feedback .page-hero .eyebrow,
    .theme-soon .soon-hero .eyebrow{margin-bottom:8px;font-size:11px;letter-spacing:.1em}
    .theme-products .page-hero p,
    .theme-feedback .page-hero p{margin-top:12px;font-size:14px;line-height:1.65}
    .theme-soon .soon-hero{padding-top:8px}
    .theme-find .site-header{margin-bottom:12px;padding:8px 0 9px}
    .theme-find .top-nav{justify-content:flex-end;gap:8px 12px;padding:0 2px}
    .theme-find .top-nav a{min-height:28px;padding:4px 1px 7px}
    .theme-find .inner-main{margin-top:14px}
    .theme-find .find-quick-actions{margin-top:0;margin-bottom:14px}
    .find-quick-actions .back-link{min-width:101px;height:31px}
    .find-quick-actions .back-link{justify-content:center;padding:0 10px;font-size:11px}
    .theme-find .find-hero{margin-bottom:16px}
    .theme-find .find-hero .eyebrow{margin-bottom:8px;font-size:11px;letter-spacing:.1em}
    .theme-find .find-hero h1{font-size:38px;line-height:1}
    .find-brand-line{margin-top:10px!important;padding:6px 11px;font-size:12px!important;line-height:1.35!important}
    .find-summary{margin-top:10px!important;font-size:13px!important;line-height:1.5!important}
    .find-domain-note{margin-top:10px!important;padding:6px 10px;font-size:12px!important}
    .theme-find .search-form-area{padding:16px;border-radius:18px}
    .theme-find .search-panel{filter:drop-shadow(0 22px 28px rgba(72,82,52,.16))}
    .search-panel label{margin-bottom:8px;font-size:13px}
}
@media(max-width:900px){
    .home-stage-shell{overflow:visible}
    .home-stage-main{display:block;min-height:auto;margin-top:20px}
    .home-stage-main:before,.home-stage-main:after,.home-stage-orbit-nav,.home-stage-progress{display:none}
    .home-stage-panel,.home-stage-panel.is-active,.home-stage-panel.is-prev,.home-stage-panel.is-next{display:grid;grid-template-columns:1fr;gap:22px;min-height:auto;margin:0 0 22px;padding:28px 0 36px;opacity:1;visibility:visible;pointer-events:auto;transform:none;filter:none}
    .home-stage-panel:not(:first-child){padding-top:22px;border-top:1px solid rgba(20,18,15,.08)}
    .home-stage-copy h1{font-size:68px;line-height:.96}
    .home-stage-copy h2{font-size:42px;line-height:1.08}
    .home-stage-line{margin-top:18px;font-size:16px;line-height:1.72}
    .home-stage-tags{gap:8px;margin-top:20px}
    .home-stage-tags a{animation:none;min-height:34px;padding:7px 11px;font-size:12px}
    .home-stage-cta{min-height:44px;margin-top:22px;padding:0 20px}
    .home-stage-visual{min-height:360px}
    .home-planet{width:min(100%,340px);min-width:0}
    .home-float{left:auto;top:auto;animation:none;transform:none}
    .home-float img{animation:none;transform:none}
    .home-float-bug{right:4%;top:10%;width:70px}
    .home-float-coffee{left:4%;bottom:18%;width:56px}
    .home-float-note{left:4%;top:8%;width:112px}
    .home-float-robot{right:0;bottom:6%;width:104px}
    .home-stage-media{min-height:390px;padding:18px}
    .home-stage-card-stack{min-height:auto;display:grid;gap:14px}
    .home-stage-card-stack .home-stage-glass-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;min-height:150px;padding:20px}
    .home-stage-card-stack img{max-width:116px;max-height:84px;margin-bottom:10px}
    .home-stage-search-card{min-height:auto;padding:22px;border-radius:24px}
    .home-search-row{grid-template-columns:1fr 54px}
    .home-search-row span,.home-search-row i{height:54px;border-radius:16px}
    .home-contact-preview{grid-template-columns:82px minmax(0,1fr);min-height:auto;padding:20px;border-radius:24px}
    .home-contact-avatar{width:82px;height:82px;border-radius:18px}
    .home-contact-preview strong{font-size:22px}
    .home-stage-page .brand{position:relative;left:auto}
    .home-stage-page .site-header{justify-content:center}
    .home-stage-page .home-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center}
    .home-stage-page .beian-group{display:flex;flex-direction:row;align-items:center;justify-content:center}
}
@media(min-width:901px) and (max-width:1199px){
    .home-stage-orbit-nav{display:none}
}
@media(max-width:380px){
    .about-bug{top:470px}
    .about-coffee{top:570px}
}
@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}