*{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;
    --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}
@keyframes floatGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(4vw,-3vh,0) scale(1.08)}}
.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:hidden;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;gap:30px;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(--back);box-shadow:0 0 14px rgba(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(--back),#28a98b);opacity:0;transform:scaleX(0);transform-origin:center;transition:opacity .22s ease,transform .28s cubic-bezier(.18,.9,.28,1)}
.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)}
.home-main{max-width:1240px;margin:0 auto}
.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(68vw,620px);max-height:190px;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}}
.home-portals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:96px}
.portal-tile{position:relative;min-height:382px;padding:70px 24px 28px;border:0;border-radius:0;background:transparent;overflow:visible;isolation:isolate;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 30px 46px rgba(42,32,20,.14));backdrop-filter:blur(20px) saturate(1.08)}
.portal-tile:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(116deg,rgba(255,255,255,.66) 0%,rgba(255,250,241,.34) 42%,rgba(255,255,255,.2) 100%),linear-gradient(90deg,rgba(255,255,255,.7),transparent 13%,transparent 82%,rgba(255,255,255,.44)),linear-gradient(180deg,rgba(255,255,255,.6),transparent 20%,transparent 82%,rgba(255,255,255,.26));box-shadow:inset 0 0 0 2px rgba(255,255,255,.72),inset 20px 0 42px rgba(255,255,255,.4),inset -14px 0 34px rgba(20,18,15,.055),inset 0 -18px 36px rgba(255,255,255,.24);pointer-events:none;z-index:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 382' preserveAspectRatio='none'%3E%3Cpath d='M96 1 C84 1 77 7 76 18 C75 27 82 38 91 45 C58 50 25 56 14 77 C8 90 8 101 8 120 L8 330 C8 361 27 381 58 381 L202 381 C233 381 252 361 252 330 L252 120 C252 101 252 90 246 77 C235 56 202 50 169 45 C178 38 185 27 184 18 C183 7 176 1 164 1 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 382' preserveAspectRatio='none'%3E%3Cpath d='M96 1 C84 1 77 7 76 18 C75 27 82 38 91 45 C58 50 25 56 14 77 C8 90 8 101 8 120 L8 330 C8 361 27 381 58 381 L202 381 C233 381 252 361 252 330 L252 120 C252 101 252 90 246 77 C235 56 202 50 169 45 C178 38 185 27 184 18 C183 7 176 1 164 1 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.portal-tile:after{content:"";position:absolute;left:50%;bottom:26px;width:72%;height:19px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.68),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 2px 8px rgba(20,18,15,.08),0 -22px 54px rgba(255,255,255,.2);z-index:2}
.portal-tile:hover{transform:translateY(-10px);filter:drop-shadow(0 38px 58px rgba(42,32,20,.18))}
.liquid{position:absolute;inset:0;opacity:.34;z-index:1;overflow:hidden;transition:opacity .35s ease;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 382' preserveAspectRatio='none'%3E%3Cpath d='M96 1 C84 1 77 7 76 18 C75 27 82 38 91 45 C58 50 25 56 14 77 C8 90 8 101 8 120 L8 330 C8 361 27 381 58 381 L202 381 C233 381 252 361 252 330 L252 120 C252 101 252 90 246 77 C235 56 202 50 169 45 C178 38 185 27 184 18 C183 7 176 1 164 1 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 382' preserveAspectRatio='none'%3E%3Cpath d='M96 1 C84 1 77 7 76 18 C75 27 82 38 91 45 C58 50 25 56 14 77 C8 90 8 101 8 120 L8 330 C8 361 27 381 58 381 L202 381 C233 381 252 361 252 330 L252 120 C252 101 252 90 246 77 C235 56 202 50 169 45 C178 38 185 27 184 18 C183 7 176 1 164 1 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.liquid:before{content:"";position:absolute;left:-95%;bottom:-92%;width:300%;height:132%;background:linear-gradient(180deg,rgba(255,255,255,.28) 0 8%,color-mix(in srgb,var(--accent,#ddd) 52%,white) 18%,var(--accent,#ddd) 100%);transform:translate(-30%,44%) rotate(-4deg);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 5px 0 rgba(255,255,255,.22)}
.liquid:after{display:none}
.portal-tile:hover .liquid{opacity:.48}
.portal-tile:hover .liquid:before{transform:translate(16%,-30%) rotate(0deg);animation:liquidSettle 1.9s ease-in-out 1.35s infinite}
@keyframes liquidSettle{25%{transform:translate(15.3%,-30.5%) rotate(-.25deg)}50%{transform:translate(17.2%,-29.8%) rotate(.22deg)}75%{transform:translate(15.9%,-30.25%) rotate(-.16deg)}}
.tile-about{--accent:var(--jade);--text:#16846e;--body:#315f56}
.tile-products{--accent:var(--rose);--text:#c94f5e;--body:#6c3c43;margin-top:38px}
.tile-find{--accent:#d8891d;--text:#d8891d;--body:#73501f;margin-top:12px}
.tile-feedback{--accent:var(--violet);--text:#6652cf;--body:#4d456f;margin-top:64px}
.tile-soon{--accent:var(--sky);--text:#3e82b4;--body:#3d5c70;margin-top:28px}
.tile-no{display:none}
.tile-no,.tile-mark,.tile-icon,.portal-tile h2,.portal-tile p{z-index:3}
.tile-mark{position:absolute;right:18px;top:116px;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:118px;padding:12px 8px;border-radius:14px;background:rgba(255,253,247,.82);border:1px solid rgba(20,18,15,.1);color:var(--text);font-size:13px;font-weight:900;letter-spacing:.08em;box-shadow:0 12px 26px rgba(42,32,20,.08);writing-mode:vertical-rl;text-orientation:mixed;transform:none}
.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-soon .tile-mark:before{content:"05"}
.tile-mark:before{margin:0 0 9px;color:var(--text);font-size:15px;font-weight:900;letter-spacing:.04em;text-orientation:mixed}
.tile-icon{display:none}
.portal-tile h2{position:relative;display:block;margin:122px 36px 14px 0;padding:0;background:transparent;text-shadow:2px 5px 10px rgba(42,32,20,.13);font-size:clamp(23px,2vw,31px);line-height:1.08;letter-spacing:0;color:var(--text);transform:none;white-space:nowrap}
.portal-tile p{position:relative;margin:0;padding:13px 14px;border:1px solid rgba(20,18,15,.09);border-radius:18px;background:rgba(255,253,247,.62);box-shadow:0 10px 24px rgba(42,32,20,.06);color:var(--body);font-size:14px;line-height:1.75}
.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}
.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}
.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:42px;padding:11px 16px;border:1px solid rgba(216,137,29,.26);border-radius:999px;background:rgba(255,250,241,.62);color:var(--back);font-size:15px;font-weight:900;box-shadow:0 14px 34px 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:#16846e}
.theme-products{--page-title:#c94f5e}
.theme-find{--page-title:#d8891d}
.theme-feedback{--page-title:#6652cf}
.theme-soon{--page-title:#3e82b4}
.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(--page-title)}
.theme-feedback .text-link:hover{color:#5842c6}
.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{max-width:1480px;margin-top:30px}
.about-showcase{position:relative;min-height:890px;padding:64px 56px 34px;isolation:isolate;overflow:visible}
.about-bg{position:absolute;inset:-135px;width:calc(100% + 270px);height:calc(100% + 270px);object-fit:cover;z-index:-2;opacity:.94;filter:saturate(1.03)}
.about-showcase:before{content:"";position:absolute;inset:-72px;z-index:-1;background:radial-gradient(circle at 50% 48%,rgba(255,250,241,.18) 0%,rgba(255,250,241,.42) 68%,rgba(247,239,227,0) 100%);pointer-events: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(43%,560px);padding:0;left:-56px;top:-100px}
.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:#16846e}
.about-copy h1 .about-title-small{display:inline-block;margin-top:10px;font-size:.8em;color:#16846e}
.about-copy h1 .about-title-small span{color:#16846e}
.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:#16846e;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:52%;bottom:150px;z-index:5;width:min(50vw,714px);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{right:25%;top:160px;width:118px;animation:aboutFloat 4.8s ease-in-out infinite}
/* 关于页装饰素材位置：咖啡杯。left/top 控制位置，width 控制大小。 */
.about-coffee{left:calc(32% + 10px);top:265px;width:78px;animation:aboutFloat 4.4s ease-in-out infinite -.8s}
/* 关于页装饰素材位置：左下角笔记本。left/bottom 控制位置，width 控制大小。 */
.about-laptop{left:-2px;bottom:6px;z-index:14;width:min(22vw,320px)}
/* 关于页装饰素材位置：右下角书籍机器人。right/bottom 控制位置，width 控制大小。 */
.about-robot{right:16px;bottom:56px;z-index:14;width:min(24vw,294px)}
.about-paper{right:90px;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(40,169,139,.13);color:#16846e;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(40,169,139,.15)}
.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,#d8891d 0 48%,#28a98b 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:-2px;top:430px;width:320px}
/* 关于页文字块位置：右侧“16 年”。right/top 控制位置，width 控制宽度。 */
.about-card-top{right:20px;top:110px;width:234px}
/* 关于页文字块位置：右侧“稳定优先”。right/top 控制位置，width 控制宽度。 */
.about-card-right{right:26px;top:320px;width:234px}
/* 关于页文字块位置：底部“靠谱！价格实在”。left/bottom 控制位置，width 控制宽度。 */
.about-trust{position:absolute;left:50%;bottom:18px;z-index:11;width:min(930px,68vw);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}
.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}
.search-panel{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none}
.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)}
.search-form-area{padding:28px 28px 30px;border-radius:28px 28px 18px 18px}
.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)}
.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)}
.search-result-area.is-visible{display:block}
.default-result-area{margin-top:4px;padding:28px 28px 28px;border-radius:18px 18px 28px 28px}
.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(255,250,241,.72) 0 12px,transparent 12px 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-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}
.result-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:center;min-width:0}
.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-item strong{font-size:19px}
.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:#d8891d;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:#d8891d;font-weight:900;overflow:hidden;text-overflow:ellipsis}
.search-total-message{color:var(--muted);font-weight:900}
.search-total-message strong{color:#d8891d;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:#d8891d;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(102,82,207,.1);color:var(--page-title);border-color:rgba(102,82,207,.22)}
.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:360px;padding:44px 0 54px;display:grid;align-content:center;isolation:isolate}
.soon-hero:before{content:"";position:absolute;right:4%;top:14px;width:260px;height:260px;border-radius:36% 64% 48% 52%;background:linear-gradient(145deg,rgba(104,166,217,.26),rgba(40,169,139,.2));filter:blur(.2px);box-shadow:0 34px 90px rgba(62,130,180,.13);z-index:-1;animation:soonPulse 5.6s ease-in-out infinite}
.soon-hero:after{content:"LAB";position:absolute;right:9%;top:88px;color:rgba(62,130,180,.22);font-size:70px;font-weight:950;letter-spacing:.08em;z-index:-1;transform:rotate(-8deg)}
.soon-hero h1{max-width:860px;margin:0;color:#256f9f;font-size:clamp(42px,7vw,86px);line-height:1.08;letter-spacing:0;text-shadow:0 18px 42px rgba(62,130,180,.14)}
.soon-hero p:not(.eyebrow){max-width:710px;margin:24px 0 0;color:var(--soft);font-size:18px;line-height:1.9}
.soon-board{display:grid;grid-template-columns:1.15fr .9fr .9fr 1.05fr;gap:14px;align-items:stretch}
.soon-card{position:relative;min-height:260px;padding:26px;border-radius:28px;background:rgba(255,250,241,.72);border:1px solid rgba(255,255,255,.7);box-shadow:0 22px 70px rgba(42,32,20,.09);overflow:hidden;backdrop-filter:blur(14px);transition:transform .22s ease,box-shadow .22s ease}
.soon-card:before{content:"";position:absolute;left:22px;right:22px;bottom:22px;height:8px;border-radius:999px;background:linear-gradient(90deg,#68a6d9,#28a98b);opacity:.28}
.soon-card:hover{transform:translateY(-6px);box-shadow:0 30px 86px rgba(42,32,20,.13)}
.soon-card span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#eff8f5;color:#16846e;font-size:14px;font-weight:950}
.soon-card h2{margin:54px 0 12px;color:#256f9f;font-size:clamp(26px,2.6vw,38px);line-height:1.12}
.soon-card p{margin:0;color:#486373;font-size:15px;line-height:1.75}
.soon-card-ready{background:linear-gradient(145deg,rgba(255,253,247,.86),rgba(232,246,242,.72))}
.soon-card-fun{background:linear-gradient(145deg,rgba(255,253,247,.86),rgba(235,243,250,.76))}
@keyframes soonPulse{50%{transform:translateY(-12px) rotate(5deg);border-radius:58% 42% 55% 45%}}
@media(max-width:1040px){
    .home-portals{grid-template-columns:1fr 1fr}
    .tile-products,.tile-feedback,.tile-find,.tile-soon{margin-top:0}
    .hero-composition{min-height:390px}
    .theme-feedback .content-grid{grid-template-columns:1fr 1fr}
    .soon-board{grid-template-columns:1fr 1fr}
    .about-main{max-width:1040px}
    .about-showcase{min-height:930px;padding:46px 34px 28px}
    .about-copy{width:min(52%,440px)}
    .about-copy h1{font-size:46px}
    .about-copy p{max-width:300px}
    .about-person-button{width:min(66vw,678px);bottom:170px}
    .about-card{width:216px;padding:18px}
    /* 1040px 以下：左侧“我们擅长什么”文字块位置。 */
    .about-card-left{left:0;top:440px}
    /* 1040px 以下：右侧“16 年”文字块位置。 */
    .about-card-top{right:16px;top:230px;width:198px}
    /* 1040px 以下：右侧“稳定优先”文字块位置。 */
    .about-card-right{right:16px;top:325px;width:198px}
    .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:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:initial;gap:6px;border-radius:0}
    .top-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:7px 4px;font-size:13px;line-height:1.15;text-align:center;white-space:normal}
    .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%,460px);max-height:136px}
    .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:auto;padding:22px;border-radius:24px;background:rgba(255,250,241,.78);border:1px solid rgba(255,255,255,.72);filter:none;box-shadow:0 18px 44px rgba(42,32,20,.1);overflow:hidden;backdrop-filter:blur(14px)}
    .portal-tile:before{border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58);-webkit-mask:none;mask:none}
    .portal-tile:after,.portal-tile .liquid{display:none}
    .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}
    .home-footer{display:block}
    .home-footer span{display:block;margin-top:8px}
    .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:42px}
    .page-hero h1{font-size:42px}
    .about-main{margin-top:28px}
    .about-showcase{display:block;min-height:auto;padding:24px 0 18px;overflow:visible}
    .about-showcase:before{inset:-24px -18px}
    .about-showcase:after{display:none}
    .about-bg{inset:-72px -54px;width:calc(100% + 108px);height:calc(100% + 144px)}
    .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;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:4px;top:220px;width:82px}
    .about-coffee{left:22px;top:280px;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 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;border-radius:22px}
    .default-result-area:before,.default-result-area:after,.default-result-area .result-section-title:before{display:none}
    .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}
    .result-main{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{grid-template-columns:1fr}
    .soon-card{min-height:210px;border-radius:24px}
    .soon-card h2{margin-top:34px}
}
@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}