@import"https://fonts.googleapis.com/css2?family=LXGW+WenKai:wght@400;500&family=Noto+Sans+HK:wght@400;500&family=Noto+Sans+TC:wght@400;500&family=Oswald:wght@400;600&family=Plus+Jakarta+Sans:wght@300;400;500;600&family=ZCOOL+QingKe+HuangYou&display=swap";:root{--blue-900: #0b1f4d;--blue-700: #103f91;--blue-500: #1f62d0;--red-500: #e3424a;--red-300: #f06b71;--white: #f8f9fb;--gray-900: #121826;--gray-600: #6b7280;--shadow-soft: 0 20px 40px rgba(6, 18, 43, .18);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .2), 0 18px 40px rgba(16, 63, 145, .3);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;color:var(--gray-900);background:radial-gradient(circle at 15% 0%,rgba(16,63,145,.12),transparent 45%),radial-gradient(circle at 85% 20%,rgba(227,66,74,.14),transparent 40%),var(--white);min-height:100vh}h1,h2,h3{font-family:Oswald,sans-serif;margin:0;letter-spacing:.02em}h1{font-size:clamp(2.4rem,2vw + 2rem,3.8rem);color:var(--blue-900)}h2{font-size:clamp(1.6rem,1vw + 1.2rem,2.2rem);color:var(--blue-900)}p{margin:0}a{color:inherit;text-decoration:none}.app{max-width:1200px;margin:0 auto;padding:32px 24px 60px}.page{display:flex;flex-direction:column;gap:48px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;align-items:center;padding:8px 0 0}.hero__content{display:flex;flex-direction:column;gap:16px}.eyebrow{font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--red-500);font-weight:600}.hero__subtitle{font-size:1rem;color:var(--gray-600);max-width:420px}.tag{background:var(--blue-900);color:#fff;padding:8px 14px;border-radius:999px;font-size:.85rem;letter-spacing:.05em}.hero__panel{height:320px;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 18px 38px #b07c2440}.hero__panel img{width:100%;height:100%;object-fit:cover;display:block}.section{display:flex;flex-direction:column;gap:20px}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.muted{color:var(--gray-600)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.card{background:linear-gradient(160deg,#103f9114,#e3424a14);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-height:360px;box-shadow:var(--shadow-glow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0c193840}.card__media{position:relative;height:360px}.card__media img{width:100%;height:100%;object-fit:cover;display:block}.card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b1f4d00,#0b1f4d00 64%,#0b1f4db3,#0b1f4de0)}.card__info{position:absolute;top:18px;left:18px;right:18px;bottom:18px;display:flex;align-items:stretch;justify-content:space-between;gap:12px;color:#fff}.card__info-main{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.card__name-zh{display:flex;flex-direction:column;gap:8px;font-size:2rem;font-weight:400;font-family:LXGW WenKai,Noto Sans TC,sans-serif;text-shadow:0 10px 20px rgba(0,0,0,.35);opacity:.9;line-height:1;padding-bottom:6px}.card__name-char{display:block}.card__info-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;height:100%;justify-content:space-between}.card__position{background:#e3424af2;padding:6px 10px;border-radius:999px;font-size:.75rem;letter-spacing:.1em}.card__number{font-size:1.6rem;font-weight:600;background:transparent;padding:0}.badge{background:var(--red-500);color:#fff;padding:4px 10px;border-radius:999px;font-size:.75rem;letter-spacing:.1em}.meta{color:var(--gray-600);font-size:.85rem}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:28px 20px}.detail-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 15% 0%,rgba(16,63,145,.24),transparent 55%),radial-gradient(120% 120% at 90% 0%,rgba(227,66,74,.2),transparent 60%),#07102375;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.detail-overlay--state .notfound{position:relative;z-index:1;width:min(560px,100%)}.detail-sheet{position:relative;z-index:1;width:min(1120px,100%);max-height:calc(100vh - 56px);overflow:auto;border-radius:calc(var(--radius-lg) + 8px);padding:24px;background:linear-gradient(145deg,#ffffffe6,#f9fbffcc);border:1px solid rgba(255,255,255,.4);box-shadow:0 32px 70px #040c1e6b;animation:detail-sheet-in .28s ease-out}.detail-sheet__close{position:sticky;top:0;z-index:2;margin-left:auto;display:block;width:fit-content;background:#0b1f4d14;color:var(--blue-900);border:1px solid rgba(11,31,77,.12);border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:8px 12px}.detail-sheet__section{display:grid;gap:20px;margin-top:24px}@keyframes detail-sheet-in{0%{transform:translateY(14px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.detail-hero{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(320px,1fr);gap:32px;align-items:center;background:linear-gradient(135deg,#fffffff0,#f8faffd6);border-radius:var(--radius-lg);padding:32px;border:1px solid rgba(16,63,145,.08);box-shadow:0 26px 60px #0c19382e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.detail-hero__media{position:relative}.detail-hero__media img{width:100%;border-radius:var(--radius-lg);height:420px;object-fit:cover;box-shadow:0 16px 40px #0c193838;border:1px solid rgba(255,255,255,.6)}.detail-hero__content{display:flex;flex-direction:column;gap:16px}.detail-hero__content h1{display:flex;flex-direction:column;gap:6px;font-size:clamp(2rem,3vw,3rem);letter-spacing:.02em}.detail-hero__title-row{display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap}.detail-hero__name-number{font-size:.55em;font-weight:700;color:var(--red-600);letter-spacing:.04em}.detail-hero__meta{display:flex;gap:12px;flex-wrap:wrap}.detail-hero__bio{color:var(--gray-600);line-height:1.6;font-size:.98rem}.detail-hero__socials{display:flex;gap:10px;flex-wrap:wrap}.detail-hero__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.detail-hero__actions .thumbs-up{margin-top:0;align-items:flex-end}.social-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--blue-900);background:linear-gradient(135deg,#fffffff2,#fff8f8e6),linear-gradient(135deg,#103f911f,#e3424a1f);border:1px solid rgba(16,63,145,.12);box-shadow:0 12px 22px #0c19381f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.social-chip:hover{transform:translateY(-2px);box-shadow:0 16px 26px #0c19382e;border-color:#103f9140}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat{background:#ffffffd9;border-radius:var(--radius-sm);padding:12px;text-align:center;box-shadow:0 12px 24px #0c19381f;border:1px solid rgba(16,63,145,.08)}.stat__label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-600)}.stat__value{display:block;font-size:1.1rem;font-weight:600;color:var(--blue-900);margin-top:6px}.profile{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);display:grid;gap:16px}.profile__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(12,25,56,.08)}.profile__row:last-child{border-bottom:none;padding-bottom:0}.profile__label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.profile__value{font-weight:600}.link{color:var(--blue-700);font-weight:600}.notfound{background:#fff;border-radius:var(--radius-lg);padding:36px;text-align:center;box-shadow:var(--shadow-soft)}.footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(12,25,56,.08);color:var(--gray-600);font-size:.9rem}.footer__content{display:flex;flex-direction:column;gap:8px}.footer__links{display:flex;flex-wrap:wrap;gap:12px}.footer__links a{color:var(--blue-700);font-weight:600}@media (max-width: 720px){.app{padding:24px 16px 40px}.detail-overlay{padding:16px 12px}.hero,.detail-hero{padding:24px}.detail-sheet{max-height:calc(100vh - 32px);padding:14px}.detail-sheet__close{position:static;margin-bottom:10px}.detail-hero{grid-template-columns:1fr;gap:20px}.detail-hero__media img{height:300px}.detail-hero__actions{justify-content:flex-start}}.thumbs-up{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:16px}.thumbs-up__btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fffffff2,#fff8f8f2),linear-gradient(135deg,#103f911f,#e3424a1f);color:var(--blue-900);border:1px solid rgba(16,63,145,.15);padding:10px 18px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 10px 24px #0c19381f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.thumbs-up__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #0c19382e;border-color:#103f9140}.thumbs-up__btn:active:not(:disabled){transform:translateY(0)}.thumbs-up__btn--animate{animation:thumbs-bounce .3s ease}@keyframes thumbs-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}}.thumbs-up__btn--disabled{background:linear-gradient(135deg,#e5e7ebe6,#d1d5dbe6);color:var(--gray-600);border-color:#94a3b84d;cursor:not-allowed;box-shadow:none}.thumbs-up__icon{font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));color:#fff;box-shadow:0 6px 16px #1f62d059}.thumbs-up__count{font-family:Oswald,sans-serif;font-size:1rem;letter-spacing:.04em;padding:6px 14px;border-radius:999px;background:#103f9114;color:var(--blue-800)}.thumbs-up__info{font-size:.85rem;color:var(--gray-600);min-height:20px}.thumbs-up__cooldown{color:var(--red-500);font-weight:500}.thumbs-up__remaining{color:var(--blue-700)}.thumbs-up__message{font-size:.85rem;color:var(--red-500);background:#e3424a14;padding:8px 12px;border-radius:var(--radius-sm)}.leaderboard{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft)}.leaderboard__empty{text-align:center;padding:24px;color:var(--gray-600)}.leaderboard__refresh{display:flex;align-items:center;gap:12px;margin-bottom:16px}.leaderboard__refresh-btn{border:none;background:linear-gradient(135deg,#103f911f,#e3424a1f);color:var(--blue-800);font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.leaderboard__refresh-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0c19381f}.leaderboard__refresh-message{font-size:.85rem;color:var(--gray-600)}.leaderboard__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.leaderboard__item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(135deg,#103f910a,#e3424a0a);border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease}.leaderboard__item:hover{transform:translate(4px);box-shadow:0 4px 16px #0c19381a}.leaderboard__item:nth-child(1){background:linear-gradient(135deg,#ffd70026,#ffc1071a)}.leaderboard__item:nth-child(2){background:linear-gradient(135deg,#c0c0c026,#9e9e9e1a)}.leaderboard__item:nth-child(3){background:linear-gradient(135deg,#cd7f3226,#b08d571a)}.leaderboard__rank{font-size:1.4rem;min-width:40px;text-align:center;font-weight:600;color:var(--blue-900)}.leaderboard__player{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.leaderboard__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0c193826}.leaderboard__info{display:flex;flex-direction:column;gap:2px;min-width:0}.leaderboard__name{font-family:LXGW WenKai,Noto Sans TC,sans-serif;font-size:1.1rem;font-weight:500;color:var(--blue-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard__position{font-size:.8rem;color:var(--gray-600)}.leaderboard__votes{font-family:Oswald,sans-serif;font-size:1rem;font-weight:600;color:var(--blue-700);white-space:nowrap}.leaderboard__toggle{margin-top:16px;width:100%;border:none;background:linear-gradient(135deg,#103f9114,#e3424a14);color:var(--blue-800);font-weight:600;padding:12px 16px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.leaderboard__toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0c19381f}@media (max-width: 720px){.leaderboard__item{padding:10px 12px;gap:12px}.leaderboard__avatar{width:40px;height:40px}.leaderboard__rank{font-size:1.2rem;min-width:32px}.leaderboard__name{font-size:1rem}}:root{--color-bg-page: #f4f6fa;--color-bg-surface: #ffffff;--color-text-primary: #0d1b3d;--color-text-secondary: #475569;--color-brand-primary: #0b3c91;--color-brand-accent: #d62828;--color-brand-highlight: #f4b400;--color-border-subtle: #dce3ee;--color-overlay-scrim: rgba(8, 15, 36, .62);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--z-base: 1;--z-header: 10;--z-overlay: 40;--z-dialog: 50;--z-toast: 60;--motion-fast: .16s;--motion-base: .22s;--motion-slow: .32s;--blue-800: #0d2d72;--red-600: #c62828}html{scroll-behavior:smooth}body{color:var(--color-text-primary);background:radial-gradient(circle at 12% -2%,rgba(11,60,145,.14),transparent 38%),radial-gradient(circle at 92% 8%,rgba(214,40,40,.12),transparent 36%),var(--color-bg-page)}h1,h2,h3{color:var(--color-text-primary)}.app{max-width:1280px;padding:var(--space-6) var(--space-5) 72px}.page{gap:56px}.hero{grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr);gap:var(--space-6);align-items:stretch}.hero__content{justify-content:center}.hero__title-sub{display:block;margin-top:8px;font-size:clamp(1rem,1.1vw,1.15rem);font-family:Noto Sans TC,sans-serif;letter-spacing:.02em;color:var(--color-text-secondary)}.hero__subtitle{font-size:1.05rem;line-height:1.65;max-width:520px;color:var(--color-text-secondary)}.hero__panel{height:auto;min-height:280px;border:1px solid var(--color-border-subtle);box-shadow:0 16px 36px #0d1b3d29}.hero__panel img{aspect-ratio:16 / 10}.section{gap:var(--space-5)}.section__head h2{font-size:clamp(1.5rem,1.5vw,2rem)}.muted{color:var(--color-text-secondary)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.leaderboard{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:24px;padding:24px;box-shadow:0 12px 28px #0d1b3d1c}.leaderboard__refresh{align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.leaderboard__refresh-btn,.leaderboard__toggle{min-height:44px;padding:10px 18px;border:1px solid rgba(11,60,145,.16);color:var(--blue-800)}.leaderboard__refresh-message{font-size:.82rem;color:var(--color-text-secondary)}.leaderboard__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px}.leaderboard__rank{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:999px;background:#0b3c9114}.leaderboard__medal{display:inline-flex;width:24px;height:24px}.leaderboard__medal svg{width:100%;height:100%;fill:currentColor}.leaderboard__medal--gold{color:#b7791f}.leaderboard__medal--silver{color:#64748b}.leaderboard__medal--bronze{color:#92400e}.leaderboard__votes{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--blue-800);min-height:44px}.leaderboard__vote-icon{width:18px;height:18px;fill:currentColor}.thumbs-up__btn{min-height:44px;min-width:112px;touch-action:manipulation}.thumbs-up__icon{width:32px;height:32px}.thumbs-up__icon svg{width:16px;height:16px;fill:currentColor}.detail-overlay{z-index:var(--z-overlay)}.detail-overlay__scrim{background:radial-gradient(120% 120% at 15% 0%,rgba(11,60,145,.26),transparent 55%),radial-gradient(120% 120% at 90% 0%,rgba(214,40,40,.18),transparent 58%),var(--color-overlay-scrim)}.detail-sheet{z-index:var(--z-dialog);border:1px solid var(--color-border-subtle)}.detail-sheet__topbar{position:sticky;top:0;z-index:var(--z-header);display:flex;justify-content:flex-end;padding-bottom:12px;background:linear-gradient(180deg,#fafcfffa,#fafcffc7,#fafcff00)}.detail-sheet__close{min-height:44px;padding:10px 14px;font-size:.78rem;letter-spacing:.08em;cursor:pointer}.detail-hero__content h1{line-height:1.08}.detail-hero__meta{gap:10px}.detail-hero__actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.detail-hero__socials{min-height:44px;align-items:center}.detail-hero__socials--empty{display:block}.detail-hero__vote{display:flex;justify-content:flex-end}.detail-hero__vote .thumbs-up{margin-top:0;align-items:flex-end}.social-chip{min-height:44px;padding:10px 14px}.profile{border:1px solid var(--color-border-subtle)}.profile__label{text-transform:none;letter-spacing:.04em;font-size:.8rem}button,a.social-chip,.leaderboard__refresh-btn,.leaderboard__toggle,.detail-sheet__close,.thumbs-up__btn{min-height:44px}button,a,[role=button]{touch-action:manipulation}@media (max-width: 1279px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1023px){.app{padding:var(--space-5) var(--space-4) 56px}.hero{grid-template-columns:1fr;gap:var(--space-5)}.hero__panel img{aspect-ratio:16 / 9}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-sheet{width:min(960px,100%)}.detail-hero{grid-template-columns:1fr;gap:24px;padding:24px}.detail-hero__media img{height:auto;aspect-ratio:4 / 3}}@media (max-width: 767px){.app{padding:16px 12px 40px}.page{gap:36px}.section{gap:16px}.grid{grid-template-columns:1fr;gap:16px}.leaderboard{padding:16px;border-radius:16px}.leaderboard__item{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rank player" "rank votes";align-items:start}.leaderboard__rank{grid-area:rank;min-height:40px;min-width:40px}.leaderboard__player{grid-area:player;align-items:center}.leaderboard__votes{grid-area:votes;justify-content:flex-start;min-height:32px;padding-left:2px;font-size:.95rem}.leaderboard__name{white-space:normal;word-break:keep-all}.detail-overlay{position:static;inset:auto;display:block;padding:0}.detail-overlay__scrim{display:none}.detail-sheet{max-height:none;width:100%;overflow:visible;border-radius:18px;padding:12px;background:transparent;border:none;box-shadow:none;animation:none}.detail-sheet__topbar{top:env(safe-area-inset-top,0);padding-bottom:8px;margin-bottom:6px;background:linear-gradient(180deg,#f4f6fafa,#f4f6facc,#f4f6fa00)}.detail-sheet__close{width:100%;justify-content:center;display:inline-flex}.detail-hero{gap:16px;padding:16px;border-radius:18px;box-shadow:0 10px 20px #0d1b3d1f}.detail-hero__actions{grid-template-columns:1fr;gap:12px}.detail-hero__socials{min-height:0}.detail-hero__vote{justify-content:stretch}.detail-hero__vote .thumbs-up{width:100%;align-items:stretch}.detail-hero__vote .thumbs-up__btn{width:100%;justify-content:center}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{padding:10px}.profile{border-radius:16px;padding:16px}}@media (max-width: 479px){.hero__title-sub{margin-top:6px;font-size:.95rem}.section__head{gap:8px}.leaderboard__refresh{align-items:stretch}.leaderboard__refresh-btn{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}