*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#040002;color:#fff;font-family:"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body{font-weight:500}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff4886;outline-offset:4px}p{margin:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page{width:100%;max-width:450px;min-height:100svh;margin:auto;padding:28px 0;display:flex;flex-direction:column;justify-content:center}.poster{width:100%;height:255px;display:flex;align-items:center;justify-content:center}.poster img{display:block;width:100%;height:auto;object-fit:contain}.content{width:88%;margin:0 auto}.routes{display:grid;gap:12px;margin-top:18px}.route{display:block;border:1px solid #ff4886;border-radius:10px;padding:12px;min-height:67px;box-shadow:inset 0 1px #ff278a1f}.route-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.3}.badge{padding:3px 7px;color:#ff2680;background:#fc166f30;border-radius:5px;font-size:11px;line-height:1.35}.badge.muted{background:#ffffff0d;color:#999}.domain{display:block;color:#9a9a9a;font-size:13px;line-height:1.3;margin-top:3px;overflow-wrap:anywhere}.pending{cursor:default}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.actions a,.actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:12px 8px;background:#0c0b0c;border:1px solid #29272a;border-radius:10px;font-size:13px;line-height:1.5}.notice{position:relative;overflow:hidden;min-height:71px;margin-top:19px;padding:14px 12px;display:flex;align-items:center;border:1px solid #262025;border-radius:15px;background:radial-gradient(ellipse at 100% 100%,#7c12394d,transparent 60%);font-size:12px;line-height:1.55}.notice>div{position:relative;z-index:1}.notice a,footer a{color:#ff2680;text-decoration:underline;text-underline-offset:3px}.notice-art{position:absolute;right:17px;font-size:64px;line-height:1;color:#ff4886;opacity:.3;transform:rotate(-12deg)}.shortcuts{margin:34px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shortcuts a,.shortcuts button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;padding:0;color:#fff;font-size:11px;line-height:1.5;white-space:nowrap}.circle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #30282c;border-radius:50%}.circle svg{width:24px;height:24px}#community[aria-disabled=true]{color:#999;cursor:default}footer{color:#888;font-size:12px;line-height:1.7;text-align:center}footer>p:first-child{color:#ccc}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:90vw;width:max-content;background:#272126;color:#fff;border:1px solid #664052;border-radius:10px;padding:12px 18px;font-size:13px;box-shadow:0 6px 30px #0008}dialog{max-width:calc(100vw - 32px);width:380px;background:#171216;color:#eee;border:1px solid #503040;border-radius:16px;padding:24px}dialog::backdrop{background:#000b}dialog h2{font-size:18px;margin:0 0 12px}dialog p{font-size:13px;color:#aaa;line-height:1.7}dialog input{width:100%;margin:16px 0;padding:12px;color:#eee;background:#090708;border:1px solid #57404c;border-radius:6px;font-size:14px}.close{background:#d92668;border:0;border-radius:6px;padding:10px 18px;float:right}@media(hover:hover){.route[href]:hover{background:#ff48860a}.actions a:hover,.actions button:hover,.shortcuts a[href]:hover .circle,.shortcuts button:hover .circle{border-color:#ff4886}}@media(max-width:480px){.page{padding:20px 0 28px;justify-content:flex-start}.poster{height:auto;min-height:210px}.content{width:calc(100% - 40px)}.routes{margin-top:18px}}@media(max-width:350px){.content{width:calc(100% - 28px)}.poster{min-height:185px}.shortcuts a,.shortcuts button{font-size:10px}}
/* Email recovery strip: image is decorative; copy remains real selectable text. */
.notice{border:0;min-height:76px;padding:16px;background:#000 url('./assets/email-banner-original.png') center / 100% 100% no-repeat;font-weight:500;font-size:12px;line-height:20px;color:#fff}
.notice>div{width:72%;max-width:72%;display:grid;gap:4px}
.notice-contact{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:2px}
.notice-contact>span{color:#eee;flex-shrink:0}
.notice-contact a{color:#ff4389;font-weight:600;overflow-wrap:anywhere}
@media(max-width:350px){.notice{padding:14px 12px}.notice>div{width:76%;max-width:76%}.notice-contact{column-gap:8px}}
#recovery-email[aria-disabled=true]{text-decoration:none;cursor:default}#github-page[aria-disabled=true]{cursor:default}
/* Enlarge only the hero by 20%; keep navigation column dimensions unchanged. */
html,body{overflow-x:clip}.poster img{width:120%;max-width:none;flex-shrink:0}
/* Solid raised faces: a visible lower edge gives links physical depth. */
@media (hover:hover) and (pointer:fine){
  .route[href],.actions a[href],.actions button,.shortcuts .circle{transition:transform 200ms ease-out,box-shadow 200ms ease-out,border-color 200ms ease-out,background-color 200ms ease-out}
  .route[href]:hover,.actions a[href]:hover,.actions button:hover{transform:translateY(-4px);background-color:#1b1016;border-color:#ff75a5;box-shadow:inset 0 1px 0 #ffffff26,0 1px 0 #a52b56,0 2px 0 #8e244a,0 3px 0 #761e3e,0 4px 0 #601832,0 5px 0 #481226,0 10px 16px #0009}
  .shortcuts a[href]:hover .circle,.shortcuts button:hover .circle{transform:translateY(-4px);background:#21131b;border-color:#d75a88;box-shadow:inset 0 1px 0 #ffffff26,0 1px 0 #83314e,0 2px 0 #702942,0 3px 0 #5c2237,0 4px 0 #481a2b,0 8px 12px #0009}
  .route[href]:active,.actions a[href]:active,.actions button:active{transform:translateY(-1px);box-shadow:inset 0 1px 3px #0005,0 1px 0 #761e3e,0 2px 0 #481226,0 4px 8px #0008}
  .shortcuts a[href]:active .circle,.shortcuts button:active .circle{transform:translateY(-1px);box-shadow:0 1px 0 #702942,0 2px 0 #481a2b}
}
@media(prefers-reduced-motion:reduce){
  .route,.actions a,.actions button,.shortcuts a,.shortcuts button,.shortcuts .circle{transition:none!important;transform:none!important}
}
/* Mobile: retain the full poster and comfortable touch targets. */
@media(max-width:480px){
  .page{padding-top:20px;padding-bottom:max(28px,env(safe-area-inset-bottom))}
  .poster{height:auto;min-height:0}
  .poster img{width:100%;max-width:100%;height:auto}
  .shortcuts .circle{width:44px;height:44px}
}