:root{--vault:#17110c;--vault-2:#21180f;--felt:#0c4a2d;--emerald:#14854b;--brass:#e8b34a;--brass-hi:#ffd982;--cream:#fff7e6;--cream-2:#f5e9cf;--quill:#2b1f14;--soft:#7a6650;--ruby:#c92f45;--seam:rgba(232,179,74,.22)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--cream);font:17px/1.85 "PingFang TC","Heiti TC","Microsoft JhengHei",sans-serif;background:radial-gradient(900px 520px at 85% 560px,rgba(232,179,74,.12),transparent 70%),radial-gradient(760px 620px at 0 1500px,rgba(20,133,75,.14),transparent 70%),var(--vault)}
img{max-width:100%;display:block}
a{color:var(--brass-hi);text-underline-offset:3px}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--brass-hi);outline-offset:3px;border-radius:6px}
.num{font-family:Sora,"PingFang TC",sans-serif;font-feature-settings:"tnum"}
.nb{white-space:nowrap}
.rim{max-width:1160px;margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.35;text-wrap:balance}
strong{color:var(--brass-hi);font-weight:700}

.lid{position:sticky;top:0;z-index:20;background:rgba(23,17,12,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--seam)}
.lid-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.crest{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--cream);flex:none}
.crest img{width:42px;height:42px;border-radius:50%;border:2px solid var(--brass)}
.crest b{display:block;font-size:1.1rem;line-height:1.15;letter-spacing:.05em}
.crest small{display:block;font-size:.7rem;letter-spacing:.2em;color:var(--brass-hi);font-weight:700}
.lanes{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.lanes::-webkit-scrollbar{display:none}
.lanes a{flex:none;text-decoration:none;color:#efe0c0;font-size:.95rem;padding:7px 13px;border-radius:999px}
.lanes a:hover,.lanes a[aria-current]{background:rgba(255,217,130,.15);color:#fff}

.vault{position:relative;min-height:560px;background:url(/p/v-wide.webp) right center/auto 100% no-repeat,linear-gradient(90deg,#1b130c,#3a2614);isolation:isolate;overflow:hidden}
.vault::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,17,12,.98) 0%,rgba(23,17,12,.9) 36%,rgba(23,17,12,.2) 56%,rgba(23,17,12,0) 72%),linear-gradient(0deg,var(--vault),transparent 24%)}
.vault-in{padding-top:90px;padding-bottom:110px}
.vault h1{margin:0 0 16px;font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:900;max-width:12em;text-shadow:0 4px 18px rgba(0,0,0,.5)}
.vault h1 em{font-style:normal;display:block;background:linear-gradient(180deg,#fff1c4,var(--brass) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}
.vault p{margin:0 0 14px;max-width:31em;color:#ecdcbc;font-size:1.05rem}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.chips li{display:flex;align-items:baseline;gap:6px;padding:8px 16px;border-radius:12px;background:rgba(255,247,230,.08);border:1px solid rgba(255,217,130,.28)}
.chips b{font-size:1.35rem;color:var(--brass-hi)}
.chips span{font-size:.9rem;color:#e8d6b1}

.gbtn{display:inline-grid;place-items:center;min-width:240px;height:74px;padding:0 40px 6px 62px;background:url(/p/k-btn.webp) center/100% 100% no-repeat;color:#fff;font-weight:900;font-size:1.08rem;letter-spacing:.05em;text-decoration:none;text-shadow:0 2px 0 rgba(0,60,25,.7);transition:transform .15s,filter .15s}
.gbtn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff}

.star-wrap{position:relative;z-index:3;margin-top:-70px}
.star{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:28px 32px;border-radius:24px;background:linear-gradient(135deg,#fffaf0,var(--cream-2));color:var(--quill);box-shadow:0 30px 70px rgba(0,0,0,.45),inset 0 0 0 3px rgba(232,179,74,.55)}
.star a.sub{color:var(--felt);font-weight:700;font-size:.95rem}
.star-act{display:flex;flex-direction:column;align-items:center;gap:8px}
.star-pet{position:absolute;right:-20px;top:-118px;width:140px;pointer-events:none;filter:drop-shadow(0 16px 16px rgba(0,0,0,.35))}
.star h2{margin:0 0 6px;font-size:1.45rem}
.star p{margin:0;color:#5a4632}
.tag{display:inline-block;font-size:.8rem;font-weight:800;color:#fff;background:var(--ruby);padding:2px 10px;border-radius:999px;margin-bottom:6px}
.figs{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;justify-content:start;column-gap:24px;margin:10px 0 0}
.figs dt{font-size:.82rem;color:var(--soft)}
.figs dd{margin:0;font-size:1.45rem;line-height:1.2;color:var(--felt);font-weight:800}
.plate{width:128px;height:128px;background:url(/p/k-plate.webp) center/100% 100% no-repeat;display:grid;place-items:center;flex:none}
.plate img{width:64%;height:64%;object-fit:contain;border-radius:12px;background:#fffaf0;padding:8px}

.blk{margin:76px 0}
.blk h2{font-size:clamp(1.45rem,2.8vw,2rem);font-weight:900;margin:0 0 14px;color:#fff6df}
.blk h3{font-size:1.18rem;margin:26px 0 8px;color:var(--brass-hi)}
.blk p,.blk li{color:#eadcbf}
.blk ul,.blk ol{padding-left:1.3em}
.blk li{margin:6px 0}
.blk-h{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.blk-h p{margin:6px 0 0;max-width:42em}
.blk-h img{width:140px;flex:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.4))}

.board{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.row{display:grid;grid-template-columns:52px 84px minmax(0,1.5fr) repeat(3,minmax(0,1fr)) 86px;gap:16px;align-items:center;padding:12px 20px;border-radius:18px;background:linear-gradient(180deg,#2e2216,var(--vault-2));border:1px solid var(--seam)}
.row.me{background:linear-gradient(180deg,#123f28,#0c2f1d);border-color:rgba(255,217,130,.6);box-shadow:0 0 0 2px rgba(232,179,74,.35),0 16px 34px rgba(0,0,0,.35)}
.r-pos{display:grid;place-items:center;font-style:normal}
.r-pos .md{width:44px;height:auto}
.pos{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,247,230,.08);border:1px solid rgba(255,217,130,.3);color:var(--brass-hi);font-weight:800}
.r-logo{margin:0;width:80px;height:80px;border-radius:16px;background:#fffaf0;display:grid;place-items:center;box-shadow:inset 0 0 0 3px var(--brass)}
.r-logo img{width:76%;height:76%;object-fit:contain}
.r-name{margin:0;font-size:1.08rem;line-height:1.45}
.r-name a{color:#fff7e6;text-decoration:none}
.r-name a:hover{color:var(--brass-hi)}
.r-name small{display:block;font-size:.88rem;font-weight:400;color:#d9c49b}
.r-k{display:flex;flex-direction:column;text-align:right;margin:0}
.r-k dt{font-size:.78rem;color:#bfa984}
.r-k dd{margin:0;font-size:1rem;font-weight:700}
.r-k.big dd{font-size:1.4rem;color:var(--brass-hi)}
.r-act{text-align:right;margin:0}
.mini{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,217,130,.5);color:var(--brass-hi);text-decoration:none;font-size:.88rem;font-weight:700}
.mini.go{background:linear-gradient(180deg,#1aa35c,#0f6b3c);border-color:#7fe0a8;color:#fff}
.mini.off{opacity:.35}
.rest-h{margin-top:40px}
.rest{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rest li{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:14px;border:1px solid var(--seam);background:rgba(255,247,230,.04);margin:0}
.rest img{width:48px;height:48px;border-radius:10px;background:#fffaf0;object-fit:contain;padding:4px}
.rest p{margin:0}
.rest strong{display:block;color:#fff7e6}
.rest strong a{color:inherit}
.rest small{font-size:.88rem;color:#d9c49b}

.trail ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:22px 0 0;font-size:.88rem;color:#bfa984}
.trail li+li::before{content:"›";margin-right:6px;color:var(--brass)}
.trail a{color:#d9c49b}
.cap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin:26px 0 30px;padding:34px 36px;border-radius:26px;background:radial-gradient(120% 140% at 100% 0,rgba(232,179,74,.22),transparent 55%),linear-gradient(160deg,#2b1f14,#1b140d);border:1px solid var(--seam)}
.cap h1{margin:0 0 14px;font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;color:#fff6df}
.lede{margin:0 0 10px;font-size:1.08rem;color:#f0e2c4}
.cap-pet{width:190px;margin-bottom:-36px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.4))}
.by{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:16px 0 0;font-size:.88rem;color:#bfa984}
.say-av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--brass-hi),var(--brass));color:var(--quill);font-weight:900;font-family:Sora,sans-serif;font-size:.9rem;flex:none}

.pitch{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin:34px 0;padding:18px 26px;border-radius:22px;background:linear-gradient(135deg,#123f28,#0b2b1b);border:1px solid rgba(255,217,130,.45)}
.pitch img{width:96px}
.pitch b{display:block;font-size:1.2rem;color:#fff}
.pitch span{color:#cfe8d9}

.bcard{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin:0 0 30px;padding:20px 26px;border-radius:22px;background:linear-gradient(135deg,#fffaf0,var(--cream-2));color:var(--quill)}
.bcard dl{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;margin:0}
.bcard dt{font-size:.8rem;color:var(--soft)}
.bcard dd{margin:0;font-weight:800;color:var(--felt)}
.obtn{display:inline-block;padding:12px 22px;border-radius:14px;background:var(--quill);color:var(--brass-hi);font-weight:800;text-decoration:none;white-space:nowrap}
.obtn:hover{background:#000;color:#fff}

.sheet{overflow-x:auto;margin:18px 0 6px;border-radius:16px;border:1px solid var(--seam)}
.sheet table{width:100%;border-collapse:collapse;min-width:520px;font-size:.95rem}
.sheet caption{caption-side:top;text-align:left;padding:12px 16px 0;color:var(--brass-hi);font-weight:700}
.sheet th,.sheet td{padding:11px 14px;text-align:left;border-bottom:1px solid rgba(232,179,74,.14);vertical-align:top}
.sheet thead th{background:rgba(232,179,74,.14);color:#fff3d6;font-weight:700;white-space:nowrap}
.sheet tbody tr:nth-child(even){background:rgba(255,247,230,.03)}
.sheet td{color:#eadcbf}
.sheet .nw{white-space:nowrap}
.r-k dt{white-space:nowrap}
.tbl-note{font-size:.86rem;color:#bfa984 !important;margin:4px 2px 0}

.say{position:relative;margin:26px 0;padding:22px 24px 18px;border-radius:20px;background:linear-gradient(135deg,rgba(20,133,75,.22),rgba(12,74,45,.35));border:1px solid rgba(127,224,168,.35)}
.say-who{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.say-who b{color:#bff0d4;font-size:1.02rem}
.say p{color:#e6f4ec}

.tally{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;border-radius:24px;overflow:hidden;border:2px solid rgba(232,179,74,.45);box-shadow:0 26px 60px rgba(0,0,0,.35)}
.tally-in{background:linear-gradient(135deg,#fffaf0,var(--cream-2));color:var(--quill);padding:28px 30px}
.tally-in label{display:block;font-weight:800;margin:0 0 6px}
.tally-in input[type=number],.tally-in select{width:100%;font:inherit;font-size:1.1rem;padding:11px 14px;border-radius:12px;border:2px solid #e2cfa6;background:#fff;color:var(--quill);margin:0 0 16px}
.tally-in input:focus,.tally-in select:focus{outline:none;border-color:var(--emerald)}
.t-opt{display:flex !important;align-items:center;gap:8px;font-weight:600 !important}
.tally-out{position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px;background:radial-gradient(120% 100% at 100% 100%,rgba(232,179,74,.25),transparent 60%),linear-gradient(160deg,#14603b,var(--felt));overflow:hidden}
.tally-out span{color:#cfe8d9}
.tally-out b{font-size:clamp(2.6rem,6vw,4rem);line-height:1.05;font-weight:800;color:var(--brass-hi);margin:8px 0}
.tally-out em{font-style:normal;color:#e3f2ea}
.tally-out img{position:absolute;right:-6px;bottom:-14px;width:140px}

.asks .ask{padding:18px 22px;margin:12px 0;border-radius:18px;background:linear-gradient(180deg,#2e2216,var(--vault-2));border:1px solid var(--seam)}
.asks h3{margin:0 0 6px;font-size:1.1rem}
.asks p{margin:0}
.refs{margin:50px 0 20px;padding-top:20px;border-top:1px solid var(--seam)}
.refs h2{font-size:1.05rem;color:#d9c49b;margin:0 0 6px}
.refs ul{margin:0;padding-left:1.2em;font-size:.9rem}
.refs li{color:#bfa984}

.base{margin-top:110px;border-top:1px solid var(--seam);background:#120d09}
.base-grid section h2{font-size:.95rem;color:var(--brass-hi);margin:0 0 8px}
.base-grid ul{list-style:none;margin:0;padding:0}
.base-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px;padding-top:40px;padding-bottom:60px;font-size:.92rem}
.base-grid b{display:block;color:var(--brass-hi);margin-bottom:8px}
.base-grid a{display:block;color:#d9c49b;text-decoration:none;padding:3px 0}
.base-grid a:hover{color:#fff}
.base-grid p{color:#bfa984;margin:0 0 8px}
.base-brand{font-size:1.1rem;font-weight:800;color:#fff7e6 !important}
.base-brand small{display:block;font-size:.72rem;letter-spacing:.2em;color:var(--brass-hi)}
.age{font-size:.84rem}

.dock{position:fixed;right:18px;bottom:18px;z-index:40;pointer-events:none;animation:bob-in .5s ease-out 1.2s both}
.dock.on{pointer-events:auto}
.bob{position:relative;display:flex;flex-direction:column;align-items:center;width:120px;padding:0;border:0;background:none;cursor:pointer}
.bob img{width:112px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.55));transition:transform .2s}
.bob:hover img{transform:translateY(-4px) rotate(-3deg)}
.bob span{position:relative;z-index:1;margin-top:-14px;padding:5px 12px;border-radius:999px;background:linear-gradient(180deg,#1aa35c,#0f6b3c);border:2px solid var(--brass-hi);color:#fff;font:800 .82rem/1.2 "PingFang TC","Microsoft JhengHei",sans-serif;white-space:nowrap;box-shadow:0 8px 18px rgba(0,0,0,.4)}
.bob span i{display:block;font-style:normal;font-family:Sora,sans-serif;color:var(--brass-hi);font-size:.92rem}
.bob .bob-2{margin-top:5px;padding:3px 12px;font-size:.78rem}
.bob .bob-2 i{display:inline;margin-left:4px;font-size:.92rem}
.bob-x{position:absolute;top:-4px;right:-2px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:15px;line-height:26px;cursor:pointer}
@keyframes bob-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.ask-box{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(10,7,4,.72)}
.ask-box[hidden]{display:none}
.ask-card{width:min(360px,100%);padding:26px 24px 22px;border-radius:22px;background:linear-gradient(135deg,#fffaf0,var(--cream-2));color:var(--quill);text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.ask-card img{width:90px;margin:-70px auto 6px}
.ask-card b{display:block;font-size:1.2rem;margin-bottom:4px}
.ask-card p{margin:0 0 18px;color:#5a4632}
.ask-card .gbtn{min-width:0;width:100%}
.ask-card button.stay{margin-top:8px;border:0;background:none;color:var(--soft);font:inherit;cursor:pointer;padding:8px}

@media (max-width:1000px){
  .row{grid-template-columns:42px 66px minmax(0,1fr) auto auto;row-gap:6px}
  .r-logo{width:66px;height:66px}
  .row .r-k:not(.big){display:none}
  .star{grid-template-columns:auto 1fr}
  .star-act{grid-column:1/-1;flex-direction:row;justify-content:space-between}
  .base-grid{grid-template-columns:1fr 1fr}
  .bcard{grid-template-columns:auto 1fr}
  .bcard .obtn{grid-column:1/-1;text-align:center}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .rim{padding:0 16px}
  .lid-in{flex-direction:column;align-items:stretch;gap:6px;padding-bottom:6px}
  .vault{min-height:0;background:url(/p/v-tall.webp) center bottom/100% auto no-repeat,var(--vault);padding-bottom:92vw}
  .vault::before{background:linear-gradient(180deg,rgba(23,17,12,.98) 0%,rgba(23,17,12,.92) 42%,rgba(23,17,12,.05) 64%,rgba(23,17,12,.2) 88%,var(--vault) 100%)}
  .vault-in{padding-top:28px;padding-bottom:10px}
  .star-wrap{margin-top:-60px}
  .star{grid-template-columns:1fr;padding:22px 18px;gap:14px}
  .star-pet{width:98px;top:-60px;right:2px}
  .plate{width:104px;height:104px}
  .star-act{flex-direction:column;align-items:stretch}
  .gbtn{width:100%;min-width:0}
  .blk{margin:58px 0}
  .blk-h{flex-direction:column;align-items:flex-start}
  .blk-h img{display:none}
  .row{grid-template-columns:38px 56px minmax(0,1fr);padding:12px;gap:10px}
  .r-logo{width:56px;height:56px;border-radius:12px}
  .row .r-k.big{grid-column:2/3;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}
  .bcard dl{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr 1fr}
  .row .r-act{grid-column:3/4}
  .cap{grid-template-columns:1fr;padding:24px 20px}
  .cap-pet{display:none}
  .pitch{grid-template-columns:1fr;text-align:center}
  .pitch img{margin:0 auto}
  .bcard{grid-template-columns:1fr;text-align:left}
  .bcard .plate{margin:0 auto}
  .bcard dl{grid-template-columns:1fr 1fr}
  .tally{grid-template-columns:1fr}
  .tally-in,.tally-out{padding:22px}
  .tally-out img{width:104px}
  .base-grid{grid-template-columns:1fr}
  .dock{right:8px;bottom:8px}
  .bob{width:78px}
  .bob img{width:68px}
  .bob span{font-size:.72rem;padding:4px 8px}
  .bob span i{font-size:.8rem}
  .bob .bob-2{margin-top:3px;padding:3px 8px;font-size:.68rem}
  .bob .bob-2 i{font-size:.76rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}