/* 原创芯喵与矿机导航；原图不改写，两个网页裁切层分别负责身体和招手前爪。 */
body{background:radial-gradient(ellipse at 72% 12%,#24351d66,transparent 38%),#101910}
.hero{grid-template-columns:.86fr 1.14fr;gap:46px;padding-block:38px 45px;align-items:center}
.hero h1{font-size:clamp(76px,8vw,112px)}
.hero-description{font-size:14px;max-width:400px}
.cat-welcome{display:flex;align-items:center;gap:16px;margin-top:20px;max-width:420px}
.cat-welcome .eyebrow{color:var(--lime);font-size:9px}
.cat-welcome p{font-size:13px;margin:5px 0 0}
.cat-motion{min-height:44px;border:0;border-bottom:1px solid #617e34;background:none;padding:5px 0;font-size:11px;color:var(--muted)}
.chipcat{display:block;position:relative;aspect-ratio:1;flex-shrink:0;isolation:isolate;animation:cat-float 4.8s ease-in-out infinite;animation-play-state:paused;overflow:visible}
.cat-hero{width:100px}.cat-genesis{width:210px;margin:0 auto 22px}.cat-footer{width:110px}
.cat-body,.cat-paw{position:absolute;inset:0;background-image:url('./lucky-cat.png');background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}
.cat-body{clip-path:polygon(0 0,100% 0,100% 27%,80% 27%,80% 40%,78% 48%,72% 56%,72% 61%,77% 67%,100% 67%,100% 100%,0 100%)}
.cat-paw{clip-path:polygon(80% 27%,100% 27%,100% 67%,77% 67%,72% 61%,72% 56%,78% 48%,80% 40%);transform-origin:74% 61%;animation:cat-beckon 2.4s ease-in-out infinite;animation-play-state:paused;will-change:transform}
body[data-cat-paused=false] .chipcat,body[data-cat-paused=false] .cat-paw{animation-play-state:running}
body[data-cat-paused=true] .chipcat,body[data-cat-paused=true] .cat-paw,.chipcat:hover,.chipcat:hover .cat-paw{animation-play-state:paused!important}
@keyframes cat-beckon{0%,100%{transform:rotate(0deg)}45%{transform:rotate(11deg)}70%{transform:rotate(3deg)}}
@keyframes cat-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.hub-stage{position:relative;min-width:0}
.hub-stage .rig-display{width:100%;max-width:none;padding:22px;background:radial-gradient(ellipse at 50% 39%,#3f59282b,#152313 67%);border:1px solid #64824577;border-radius:22px}
.hub-stage .scene{height:384px;pointer-events:none}
.hub-stage .rig{scale:.97}
.hub-stage .halo{width:300px;height:220px;border-style:dashed;box-shadow:0 0 0 30px #7294430a,0 0 0 60px #72944307}
.hub-stage .coord-top{top:44px}.hub-stage .coord-bottom{bottom:12px}
.hub-orbit{position:absolute;inset:54px 13px 150px;pointer-events:none}
.hub-node{position:absolute;left:50%;top:50%;width:104px;min-height:57px;border:1px solid #6e8a4177;border-radius:9px;background:#172912ee;box-shadow:0 4px 25px #0002;font-size:10px;line-height:1.35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px;pointer-events:auto;transition:background .15s,border-color .15s}
.hub-node[aria-expanded=true],.hub-node:hover{border-color:var(--lime);background:#334b1c;color:#eaffca}
.node-glyph{font-size:20px;line-height:1;color:var(--lime)}
.node-0{transform:translate(-50%,-50%) translate(0,-139px)}
.node-1{transform:translate(-50%,-50%) translate(177px,-70px)}
.node-2{transform:translate(-50%,-50%) translate(177px,70px)}
.node-3{transform:translate(-50%,-50%) translate(0,139px)}
.node-4{transform:translate(-50%,-50%) translate(-177px,70px)}
.node-5{transform:translate(-50%,-50%) translate(-177px,-70px)}
.hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;pointer-events:auto;border:2px solid #ddff97;border-radius:12px;background:linear-gradient(145deg,#263c15,#10200c);box-shadow:0 0 0 6px #c8ff5226,0 0 35px #c8ff5255;color:#dfffaa;font-size:11px;font-weight:650;line-height:1.2;z-index:2}
.hub-core small{position:absolute;right:7px;top:6px;font-size:13px}.hub-core:hover{background:#38581a;box-shadow:0 0 0 7px #c8ff5233,0 0 42px #c8ff5270}
.topic-window{position:absolute;z-index:8;left:14px;right:14px;bottom:76px;max-width:420px;margin-inline:auto;padding:18px 22px 16px;border:1px solid #9bbd5f;border-radius:12px;background:#152210fa;box-shadow:0 18px 65px #0009}
.topic-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.topic-top .eyebrow{font-size:9px;color:var(--lime)}
#topic-close{width:44px;min-height:44px;border:1px solid #527335;border-radius:50%;background:#21341a;font-size:24px;line-height:1}
.topic-window h3{font-size:24px;margin:8px 0 13px;line-height:1.25}.topic-window>p{font-size:13px;line-height:1.85;color:#d4dfc7}
.topic-window .topic-boundary{font-size:11px;color:#a9bf95;margin-top:12px;padding-top:12px;border-top:1px solid #496232}
.topic-window .text-link{font-size:12px;margin-top:6px}
.genesis-dock{display:grid;grid-template-columns:.86fr 1.14fr;gap:46px;padding-block:25px 46px;border-top:1px solid var(--line);align-items:center}
.genesis-invitation{padding:25px 25px 25px 0;max-width:470px}.genesis-invitation>.eyebrow{color:var(--lime);font-size:10px}
.genesis-invitation h2{font-size:39px;margin:18px 0;line-height:1.2}.genesis-invitation>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.genesis-invitation .quiet{font-size:11px!important}
.cat-farewell{flex-shrink:0}.closing{gap:24px}.closing>div:nth-child(2){flex:1}.closing .cat-footer{margin-left:5px}
@supports not (clip-path:polygon(0 0,100% 0,100% 100%)){.cat-body{clip-path:none}.cat-paw{display:none}}
@media(max-width:1100px) and (min-width:761px){.hero,.genesis-dock{gap:28px;grid-template-columns:.86fr 1.14fr}.hero h1{font-size:88px}.hub-stage .rig-display{padding:17px}.hub-stage .rig{scale:.85}.hub-node{width:90px;font-size:9px}.cat-welcome{gap:10px}.cat-hero{width:85px}.genesis-invitation h2{font-size:31px}}
@media(max-width:760px){
 .hero,.genesis-dock{grid-template-columns:1fr;gap:22px}.hero{padding-block:23px 30px}.hero-copy h1{font-size:clamp(44px,12.5vw,64px);margin:16px 0}.hero-copy .lead{font-size:18px}.hero-description{display:block;font-size:12px;margin-top:12px;line-height:1.8}
 .cat-welcome{margin-top:10px;gap:14px}.cat-hero{width:75px}.cat-welcome p{font-size:12px}.cat-motion{font-size:10px}.hero-copy .actions{margin-top:13px}.hero-copy .quiet{font-size:9px}
 .hub-stage .rig-display{padding:15px;border-radius:15px}.hub-stage .scene{height:350px}.hub-stage .rig{scale:.77}.hub-stage .halo{width:200px;height:270px}.hub-stage .rig-caption{padding-top:0}.hub-stage .rig-caption h2{font-size:27px}.hub-stage .rig-caption .eyebrow{font-size:8px}.hub-stage .skins{gap:4px;margin-top:12px}.hub-stage .skins button{font-size:8px;gap:4px}.hub-stage .rig-note{font-size:9px}
 .hub-orbit{inset:45px 6px 143px}.hub-node{width:82px;min-height:55px;font-size:9px;border-radius:7px}.node-glyph{font-size:19px}.hub-core{width:77px;min-height:80px;font-size:10px}.hub-core img{width:29px;height:29px}.node-1{transform:translate(-50%,-50%) translate(98px,-70px)}.node-2{transform:translate(-50%,-50%) translate(98px,70px)}.node-4{transform:translate(-50%,-50%) translate(-98px,70px)}.node-5{transform:translate(-50%,-50%) translate(-98px,-70px)}
 .topic-window{left:8px;right:8px;bottom:69px;padding:14px 16px}.topic-window h3{font-size:22px}.topic-window>p{font-size:12px}.topic-window .topic-boundary{font-size:10px}.genesis-dock{padding-top:24px;gap:16px}.genesis-invitation{padding:0;max-width:none;display:grid;grid-template-columns:100px 1fr;column-gap:16px}.cat-genesis{width:100px;grid-row:1/5;align-self:center;margin:0}.genesis-invitation>.eyebrow{font-size:8px}.genesis-invitation h2{font-size:25px;margin:10px 0}.genesis-invitation>p:not(.eyebrow){font-size:12px}.genesis-invitation .quiet{font-size:9px!important;margin-top:8px}.cat-footer{width:90px}.closing{display:grid;grid-template-columns:90px 1fr;gap:14px}.closing .button{grid-column:1/3;justify-self:start}.closing h2{font-size:32px}.closing .eyebrow{font-size:8px}
}
@media(max-width:360px){.hub-stage .rig{scale:.67}.hub-node{width:73px;font-size:8px}.hub-core{width:68px;min-height:76px;font-size:9px}.hero-copy h1{font-size:43px}.genesis-invitation{grid-template-columns:82px 1fr;gap:10px}.cat-genesis{width:82px}.genesis-invitation h2{font-size:23px}.closing h2{font-size:29px}.topic-window h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.chipcat,.cat-paw{animation:none!important}.hub-node{transition:none}}
