:root{
  --void:#07100f;
  --panel:#0b1714;
  --paper:#f1efe8;
  --muted:rgba(241,239,232,.58);
  --hair:rgba(241,239,232,.13);
  --gold:#edc973;
  --coral:#d77c88;
  --ease:cubic-bezier(.2,.72,.22,1);
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--void);scroll-behavior:smooth}
body{min-height:100%;margin:0;color:var(--paper);background:
  radial-gradient(900px 620px at 13% 7%,rgba(87,128,104,.15),transparent 68%),
  radial-gradient(820px 600px at 91% 32%,rgba(194,141,44,.08),transparent 72%),
  var(--void);font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit}
.hub-ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.hub-ambient::before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(rgba(241,239,232,.2) .75px,transparent .75px);background-size:25px 25px;mask-image:linear-gradient(120deg,#000,transparent 74%)}
.hub-ambient i{position:absolute;border:1px solid rgba(237,201,115,.09);border-radius:50%;box-shadow:0 0 0 22px rgba(102,145,118,.014)}
.hub-ambient i:nth-child(1){width:150px;height:150px;left:7%;top:18%}.hub-ambient i:nth-child(2){width:44px;height:44px;left:40%;top:9%}.hub-ambient i:nth-child(3){width:250px;height:250px;right:8%;top:19%}.hub-ambient i:nth-child(4){width:68px;height:68px;right:33%;bottom:12%}.hub-ambient i:nth-child(5){width:400px;height:400px;left:-9%;bottom:-19%}
.hub-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;width:min(1440px,calc(100% - 36px));min-height:66px;margin:14px auto 0;padding:10px 13px 10px 22px;border:1px solid var(--hair);border-radius:18px;background:rgba(7,16,15,.7);box-shadow:0 20px 70px rgba(0,0,0,.18);backdrop-filter:blur(20px)}
.hub-brand{display:flex;align-items:baseline;gap:13px}.hub-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:19px;letter-spacing:.12em;font-weight:500}.hub-brand span{font-size:11px;letter-spacing:.16em;color:var(--muted)}
.en-mode .hub-brand span{display:none}
.hub-tools{display:flex;align-items:center;gap:9px}.hub-tools a{padding:10px 15px;border-radius:99px;color:var(--muted);font-size:12px;transition:.3s}.hub-tools a:hover{color:var(--paper);background:rgba(255,255,255,.06)}
.hub-tools button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--hair);border-radius:50%;background:rgba(255,255,255,.035);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;cursor:pointer;transition:.3s}.hub-tools button:hover{border-color:var(--gold);color:var(--gold)}
main{position:relative;z-index:2;width:min(1320px,calc(100% - 48px));margin:0 auto;padding:clamp(78px,9vw,132px) 0 70px}
.hub-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);column-gap:clamp(60px,9vw,150px);align-items:end}
.hub-eyebrow{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0 0 27px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:var(--gold)}.hub-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(237,201,115,.11)}.hub-eyebrow b{font-weight:500}
.hub-intro h1{margin:0;font-size:clamp(50px,6.3vw,96px);line-height:1.02;letter-spacing:-.055em;font-weight:520}.hub-lede{max-width:600px;margin:0 0 6px;color:var(--muted);font-size:16px;line-height:1.95}
.hub-decks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(62px,7vw,98px)}
.deck-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:520px;padding:clamp(30px,3.5vw,50px);overflow:hidden;border:1px solid var(--hair);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));transition:transform .65s var(--ease),border-color .5s,box-shadow .6s var(--ease)}
.deck-card::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(currentColor .72px,transparent .72px);background-size:24px 24px;opacity:.055;mask-image:linear-gradient(130deg,#000,transparent 72%)}
.deck-card::after{content:"";position:absolute;z-index:-1;width:380px;aspect-ratio:1;right:-120px;top:-110px;border:1px solid currentColor;border-radius:50%;opacity:.1;box-shadow:0 0 0 54px color-mix(in srgb,currentColor 5%,transparent)}
.deck-card:hover{transform:translateY(-8px);box-shadow:0 34px 90px rgba(0,0,0,.26)}.deck-animal{color:var(--gold)}.deck-white{color:var(--coral)}.deck-animal:hover{border-color:rgba(237,201,115,.38)}.deck-white:hover{border-color:rgba(215,124,136,.38)}
.deck-glow{position:absolute;z-index:-1;width:420px;height:280px;right:-80px;top:-80px;border-radius:50%;background:currentColor;opacity:.07;filter:blur(64px)}
.deck-top{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.2em}.deck-top b{font-size:12px;font-weight:500}.deck-top span{color:rgba(241,239,232,.42)}
.deck-copy{margin:auto 0 46px}.deck-copy>p{margin:0 0 23px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.16em}.deck-copy h2{margin:0;color:var(--paper);font-size:clamp(34px,3.6vw,58px);line-height:1.12;letter-spacing:-.045em;font-weight:530}.deck-copy ul{display:flex;flex-wrap:wrap;gap:7px;margin:27px 0 0;padding:0;list-style:none}.deck-copy li{padding:7px 10px;border:1px solid currentColor;border-radius:99px;color:rgba(241,239,232,.68);font-size:11px;border-color:color-mix(in srgb,currentColor 30%,transparent)}
.deck-enter{display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid var(--hair);color:var(--paper);font-size:14px;font-weight:650}.deck-enter i{display:grid;place-items:center;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;font-style:normal;transition:transform .45s var(--ease),background .35s}.deck-card:hover .deck-enter i{transform:translate(3px,-3px);background:currentColor;color:var(--void)}
.hub-note{display:grid;grid-template-columns:180px 1fr;gap:24px;margin-top:22px;padding:24px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.hub-note span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.18em;color:var(--gold)}.hub-note p{max-width:770px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.hub-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;width:min(1320px,calc(100% - 48px));margin:0 auto;padding:30px 0 38px;color:rgba(241,239,232,.32);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.13em}
@media(max-width:860px){
  .hub-header{width:calc(100% - 16px);min-height:60px;margin-top:8px;padding:8px 9px 8px 14px;border-radius:17px}.hub-brand span{display:none}.hub-tools a{display:none}.hub-tools button{width:40px;height:40px}
  main{width:calc(100% - 36px);padding:82px 0 56px}.hub-intro{display:block}.hub-eyebrow{margin-bottom:22px;font-size:9px;line-height:1.5}.hub-intro h1{font-size:clamp(43px,13.5vw,60px)}.hub-lede{margin-top:28px;font-size:15px;line-height:1.85}
  .hub-decks{grid-template-columns:1fr;margin-top:52px}.deck-card{min-height:440px;padding:27px 23px;border-radius:22px}.deck-copy{margin:auto 0 36px}.deck-copy h2{font-size:clamp(35px,10.5vw,48px)}
  .hub-note{grid-template-columns:1fr;gap:10px}.hub-footer{width:calc(100% - 36px);flex-direction:column;padding-bottom:max(32px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.deck-card,.deck-enter i{transition:none}}