:root{
  /* Light theme (default) */
  --wk-bg:#f6f7fb;
  --wk-panel:#ffffff;
  --wk-border:rgba(0,0,0,.10);
  /* 可读性：用户要求灰/白文字统一改纯黑 */
  --wk-text:#000000;
  --wk-muted:#000000;
  --wk-gold:#c99a2e;
  --wk-gold-2:#b1811f;
  --wk-gold-3:#f2e3bd;
  --wk-silver:#f3f4f6;
  --wk-silver-2:#e5e7eb;
  --wk-danger:#ff4d4f;
  --wk-radius:16px;
  --wk-shadow:0 12px 40px rgba(15,23,42,.10);
  --wk-max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden}
body{
  margin:0;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","PingFang TC","Heiti TC","Microsoft JhengHei",sans-serif;
  font-size:16px;
  background:
    radial-gradient(1200px 800px at 12% 0%, rgba(201,154,46,.18), transparent 60%),
    radial-gradient(900px 700px at 88% 0%, rgba(15,23,42,.08), transparent 58%),
    var(--wk-bg);
  color:var(--wk-text);
  line-height:1.6;
}

/* Mobile perf + accessibility: respect reduced motion */
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important}
  .wk-card,
  .wk-btn{transition:none !important}
  [data-wk-reveal]{opacity:1 !important;transform:none !important}
}

/* Render performance: allow browser to skip offscreen work on long lists */
.wk-postCard{content-visibility:auto;contain-intrinsic-size: 320px 260px;}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.wk-container{max-width:var(--wk-max);margin:0 auto;padding:0 16px}
.wk-section{padding:44px 0}
.wk-card{
  background: var(--wk-panel);
  border:1px solid var(--wk-border);
  border-radius:var(--wk-radius);
  box-shadow:var(--wk-shadow);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.wk-card:hover{transform:translateY(-2px);box-shadow:0 18px 60px rgba(15,23,42,.14)}
.wk-card__pad{padding:18px}
.wk-card--flat{
  box-shadow:none;
  background:rgba(15,23,42,.03);
}
.wk-titleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}
.wk-titleRow .wk-h2{margin:0}
.wk-titleRow a{color:var(--wk-text);font-weight:800}
.wk-titleRow a:hover{color:var(--wk-text)}
.wk-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  background:rgba(201,154,46,.14);
  border:1px solid rgba(201,154,46,.30);
  color:rgba(110,75,10,.95);
  font-size:13px;
}

/* Breadcrumbs */
.wk-breadcrumbs{margin:0 0 10px}
.wk-breadcrumbs__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:var(--wk-muted);
  font-size:12px;
}
.wk-breadcrumbs__item{display:inline-flex;align-items:center;gap:8px}
.wk-breadcrumbs__item::after{content:"/";opacity:.45}
.wk-breadcrumbs__item:last-child::after{content:""}
.wk-breadcrumbs a{color:var(--wk-text)}
.wk-breadcrumbs a:hover{color:var(--wk-text)}

/* Buttons */
.wk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:12px;border:1px solid transparent;
  font-weight:700;letter-spacing:.2px;
  transition: transform .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
  user-select:none;
}
.wk-btn:active{transform:translateY(1px)}
.wk-btn--primary{
  background: linear-gradient(135deg, var(--wk-gold), var(--wk-gold-2));
  color:#0b1220;
}
.wk-btn--primary:hover{filter:brightness(1.03)}
.wk-btn--silver{
  background: linear-gradient(180deg, var(--wk-silver), var(--wk-silver-2));
  color:#111;
  border-color:rgba(0,0,0,.15);
}
.wk-btn--silver:hover{filter:brightness(1.02)}
.wk-btn--ghost{
  background:transparent;
  border-color:rgba(215,179,90,.35);
  color:rgba(110,75,10,.95);
}
.wk-btn--ghost:hover{background:rgba(201,154,46,.12)}
.wk-btn--sm{padding:10px 12px;border-radius:10px;font-size:14px}
.wk-btn--header{
  padding:12px 18px;
  border-radius:999px;
  font-size:16px;
  min-width:96px;
}

/* Header */
.wk-header{position:sticky;top:0;z-index:50}
.wk-topbar{
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(15,23,42,.10);
  backdrop-filter:saturate(150%) blur(10px);
}
.wk-topbar__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0}
.wk-goldnav{
  background:linear-gradient(180deg, rgba(201,154,46,.88), rgba(177,129,31,.84));
  border-bottom:1px solid rgba(15,23,42,.10);
}
.wk-goldnav__row{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}
.wk-goldnav__right{display:none;gap:10px;align-items:center}
.wk-brand{display:flex;align-items:center;gap:10px;min-width:180px}
.wk-logo{
  width:46px;height:46px;border-radius:12px;
  background:rgba(15,23,42,.03);
  border:1px solid rgba(15,23,42,.12);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.wk-logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.wk-logo__fallback{font-weight:950;font-size:12px;color:var(--wk-gold)}
.wk-brand__name{
  font-weight:950;
  letter-spacing:.3px;
  line-height:1;
  white-space:nowrap;
}
.wk-brand__tag{font-size:11px;color:var(--wk-text);margin-top:3px;letter-spacing:.6px;opacity:.72}

.wk-nav{display:block}
.wk-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}
.wk-nav__list--gold > li{position:relative}
.wk-nav__list--gold > li + li{border-left:none}
.wk-nav__list--gold a{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;
  color:rgba(10,10,10,.92);
  font-weight:850;
  font-size:14px;
  text-shadow:0 1px 0 rgba(255,255,255,.25);
  border-radius:999px;
}
.wk-nav__list--gold a:hover{filter:brightness(1.05);background:rgba(255,255,255,.18)}
.wk-nav__list li{margin:0;padding:0}
.wk-nav__list .sub-menu{
  list-style:none;margin:0;padding:8px;
  position:absolute;left:0;top:100%;
  min-width:220px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  box-shadow:0 18px 60px rgba(15,23,42,.18);
  display:none;
}
.wk-nav__list .sub-menu a{
  padding:10px 12px;
  color:rgba(15,23,42,.88);
  font-weight:750;
  text-shadow:none;
  border-radius:10px;
}
.wk-nav__list .sub-menu a:hover{background:rgba(201,154,46,.12);color:rgba(110,75,10,.95)}
.wk-nav__list--gold > li:hover > .sub-menu{display:block}

.wk-topbar__actions{display:flex;gap:10px;align-items:center}
.wk-burger{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(15,23,42,.03);
}
.wk-burger span{display:block;width:18px;height:2px;background:rgba(15,23,42,.92);position:relative}
.wk-burger span::before,.wk-burger span::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:rgba(15,23,42,.92);
}
.wk-burger span::before{top:-6px}
.wk-burger span::after{top:6px}

.wk-mobileMenu{
  display:none;
  background:rgba(255,255,255,.92);
  border-top:1px solid rgba(15,23,42,.10);
  padding:10px 0 14px;
}
.wk-mobileMenu.is-open{display:block}
.wk-mobileMenu__list{list-style:none;margin:0;padding:0;display:grid}
.wk-mobileMenu__list a{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 10px;color:rgba(15,23,42,.92);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.wk-mobileMenu__actions{display:grid;gap:10px;padding:12px 10px 0}

/* Hero */
.wk-hero{
  padding:0;
  background: radial-gradient(900px 600px at 35% 30%, rgba(201,154,46,.18), transparent 60%),
              radial-gradient(700px 520px at 75% 25%, rgba(15,23,42,.06), transparent 58%);
}
.wk-banner{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.wk-banner__bg{
  position:absolute;inset:0;
  background-position:center;
  background-size:cover;
  filter:saturate(1.05);
  transform:scale(1.02);
}
.wk-banner__overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(100deg, rgba(246,247,251,.88) 0%, rgba(246,247,251,.56) 55%, rgba(246,247,251,.22) 100%),
    radial-gradient(820px 520px at 85% 35%, rgba(201,154,46,.22), transparent 60%),
    radial-gradient(900px 640px at 70% 85%, rgba(15,23,42,.10), transparent 55%),
    radial-gradient(900px 600px at 20% 30%, rgba(201,154,46,.16), transparent 60%);
}
.wk-banner__content{
  position:relative;
  padding:56px 0 70px;
}
.wk-banner__title{
  font-size:46px;
  line-height:1.05;
  margin:10px 0 12px;
  font-weight:950;
  text-shadow:none;
}
.wk-banner__subtitle{
  font-size:22px;
  color:var(--wk-text);
  margin:0 0 22px;
  text-shadow:none;
}
.wk-banner__actions{display:flex;gap:12px;flex-wrap:wrap}
.wk-banner__note{margin-top:16px;color:var(--wk-text);font-size:12px;opacity:.72}
.wk-banner--inner{min-height:460px}

/* Chips row (like sport page quick nav) */
.wk-chipRow{display:flex;flex-wrap:wrap;gap:10px}
.wk-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(15,23,42,.12);
  color:rgba(15,23,42,.86);
  font-weight:850;
  font-size:13px;
}
.wk-chip:hover{background:rgba(201,154,46,.12);border-color:rgba(201,154,46,.30);color:rgba(110,75,10,.95)}
.wk-chip.is-active{
  background:rgba(201,154,46,.18);
  border-color:rgba(201,154,46,.40);
  color:rgba(110,75,10,.95);
}

/* Brand cards (sport brands) */
.wk-brandCard__logo{
  font-weight:950;
  letter-spacing:.3px;
  font-size:18px;
  margin-bottom:10px;
  color:var(--wk-gold-3);
}

/* CTA strip */
.wk-ctaStrip{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(215,179,90,.16), rgba(255,255,255,.04));
  border:1px solid rgba(215,179,90,.22);
}
.wk-ctaStrip__title{font-weight:950;margin-bottom:4px}
.wk-ctaStrip__actions{display:flex;gap:10px;flex-wrap:wrap}

/* Flat list items */
.wk-flatItem{background:rgba(15,23,42,.04);box-shadow:none;border:1px solid var(--wk-border)}
.wk-flatItem__name{font-weight:950;margin-bottom:6px}

/* Grids */
.wk-grid{display:grid;gap:12px}
.wk-grid--2{grid-template-columns:1fr}
.wk-grid--3{grid-template-columns:1fr}
.wk-grid--4{grid-template-columns:1fr}

.wk-h2{font-size:18px;margin:0 0 12px;font-weight:900}
.wk-h3{font-size:16px;margin:0 0 8px;font-weight:850}
.wk-muted{color:var(--wk-muted)}

.wk-itemTitle{font-weight:900;margin:0 0 6px}
.wk-list{margin:10px 0 0 18px;color:var(--wk-muted)}
.wk-list li{margin:6px 0}

/* Posts list */
.wk-postMeta{font-size:13px;color:var(--wk-text);margin-top:6px;opacity:.78}
.wk-postTitle{font-size:18px;margin:0 0 6px;font-weight:950}

/* Post cards: make entire card clickable (fix "点击没反应") */
.wk-postCard{position:relative}
.wk-postCard__link{
  position:absolute;
  inset:0;
  border-radius:var(--wk-radius);
  z-index:1;
}
.wk-postCard__content{position:relative;z-index:2}
.wk-postCard__actions{position:relative;z-index:3}

.wk-postMedia{
  border-radius:14px;
  border:1px solid var(--wk-border);
  overflow:hidden;
  background:rgba(15,23,42,.03);
  margin-bottom:12px;
}
.wk-postMedia__img{width:100%;height:auto;display:block}
.wk-postMedia--placeholder{
  height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background: radial-gradient(700px 260px at 30% 30%, rgba(201,154,46,.18), transparent 55%),
              linear-gradient(135deg, rgba(15,23,42,.03), rgba(15,23,42,.01));
}
.wk-postMedia__badge{
  width:56px;height:56px;border-radius:999px;
  border:1px solid rgba(215,179,90,.35);
  background:rgba(201,154,46,.10);
  color:var(--wk-text);
  font-weight:950;
  display:flex;align-items:center;justify-content:center;
}
.wk-postMedia__label{font-weight:900;color:var(--wk-text);font-size:13px;letter-spacing:.3px;opacity:.82}

/* Promo cards (more "banner-like") */
.wk-promo{
  position:relative;
  overflow:hidden;
  border-radius:18px;
}
.wk-promo__media{
  height:150px;
  border-radius:14px;
  border:1px solid var(--wk-border);
  overflow:hidden;
  background:rgba(15,23,42,.03);
  display:block;
}
.wk-promo__media img{
  width:100%;
  height:100%;
  display:block;
}
.wk-promo__media--contain img{object-fit:contain;background:rgba(15,23,42,.03)}
.wk-promo__media--cover img{object-fit:cover}
.wk-promo__fallback{
  width:100%;
  height:100%;
  background: radial-gradient(600px 260px at 30% 30%, rgba(201,154,46,.22), transparent 55%),
              linear-gradient(135deg, rgba(15,23,42,.03), rgba(15,23,42,.01));
}
.wk-promo__title{font-weight:950;font-size:18px;margin:10px 0 6px}
.wk-promo__desc{color:var(--wk-text);margin:0;opacity:.78}

/* Game icon grid */
.wk-gameIcon{
  display:flex;align-items:center;gap:12px;
}
.wk-gameIcon__badge{
  width:44px;height:44px;border-radius:999px;
  border:1px solid rgba(215,179,90,.35);
  background:rgba(201,154,46,.10);
  display:flex;align-items:center;justify-content:center;
  color:var(--wk-text);
  font-weight:950;
}
.wk-gameIcon__name{font-weight:950}
.wk-gameIcon__hint{color:var(--wk-text);font-size:13px;opacity:.78}

/* Footer */
.wk-footer{
  border-top:1px solid var(--wk-border);
  padding:22px 0 22px;
  color:var(--wk-text);
}
.wk-footer__grid{display:grid;gap:14px}
.wk-footer a{color:var(--wk-text)}
.wk-footer a:hover{color:var(--wk-text)}
.wk-footer__small{color:var(--wk-text);font-size:12px;margin-top:10px;opacity:.72}
.wk-footer__linkList{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.wk-footer__linkList li{margin:0;padding:0}

/* Bottom bar removed (per requirement) */

/* Content */
.wk-content{padding:16px 0 40px}
.wk-article{
  padding:18px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.wk-article h1{font-size:28px;line-height:1.15;margin:0 0 10px;font-weight:950}
.wk-article h2{font-size:18px;margin:26px 0 10px;font-weight:900}
.wk-article h3{font-size:16px;margin:20px 0 8px;font-weight:850}
.wk-article h4{font-size:15px;margin:18px 0 8px;font-weight:850}
.wk-article h5{font-size:14px;margin:16px 0 8px;font-weight:800}
.wk-article h6{font-size:13px;margin:14px 0 8px;font-weight:800}
.wk-article p{color:var(--wk-text)}
.wk-article a{color:var(--wk-gold);text-decoration:underline;text-decoration-color:rgba(215,179,90,.45)}
.wk-article a:hover{text-decoration-color:rgba(215,179,90,.85)}
.wk-article img{display:block;max-width:100%;height:auto}
.wk-article figure{margin:14px 0}
.wk-article figcaption{color:var(--wk-text);font-size:13px;margin-top:8px;opacity:.72}
.wk-article pre{
  max-width:100%;
  overflow:auto;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(15,23,42,.06);
  border:1px solid var(--wk-border);
}
.wk-article pre,
.wk-article code{color:var(--wk-text)}
.wk-article code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
.wk-article table,
.wk-article .wp-block-table{display:block;max-width:100%;overflow-x:auto}
.wk-article iframe,
.wk-article video{max-width:100%}

/* iOS: prevent input focus zoom (font < 16 triggers zoom) */
input,select,textarea{font-size:16px}

/* Related / Hub blocks */
.wk-related{margin-top:16px}
.wk-related__title{font-weight:950;margin:0 0 10px}
.wk-linkChips{display:flex;flex-wrap:wrap;gap:10px}
.wk-linkChip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;border-radius:999px;
  background:rgba(15,23,42,.04);
  border:1px solid var(--wk-border);
  color:var(--wk-text);
  font-weight:850;
  font-size:13px;
}
.wk-linkChip:hover{background:rgba(201,154,46,.14);border-color:rgba(201,154,46,.38);color:var(--wk-text)}

/* Desktop */
@media (min-width: 980px){
  .wk-nav{display:block}
  .wk-burger{display:none}
  .wk-mobileMenu{display:none !important}
  .wk-goldnav__right{display:flex}
  .wk-grid--2{grid-template-columns:repeat(2,1fr)}
  .wk-grid--3{grid-template-columns:repeat(3,1fr)}
  .wk-grid--4{grid-template-columns:repeat(4,1fr)}
  .wk-footer__grid{grid-template-columns:2fr 1fr 1fr}
}

@media (max-width: 979px){
  .wk-banner{min-height:420px}
  .wk-banner__content{padding:34px 0 44px}
  .wk-banner__title{font-size:34px}
  .wk-banner__subtitle{font-size:18px}
  .wk-ctaStrip{flex-direction:column;align-items:flex-start}
  .wk-brand{min-width:0}
  .wk-brand__tag{display:none}
  .wk-topbar__actions{gap:8px}
  .wk-btn--header{min-width:84px;padding:12px 14px;font-size:15px}

  /* Mobile header tightening (keep actions on the right; avoid squeeze) */
  .wk-topbar__row{gap:10px}
  .wk-brand{flex:1;min-width:0}
  .wk-logo{width:40px;height:40px;border-radius:10px}
  .wk-brand__name{
    font-size:18px;
    max-width:clamp(120px, 44vw, 260px);
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .wk-topbar__actions{flex-shrink:0}
  .wk-burger{width:44px;height:44px}

  /* 小屏也显示导航：改为可横向滚动，避免挤在一起又“看起来消失” */
  .wk-goldnav__row{display:flex;justify-content:flex-start}
  .wk-nav__list{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:4px 2px;
    gap:8px;
  }
  .wk-nav__list--gold a{padding:10px 10px;font-size:15px}
  .wk-nav__list::-webkit-scrollbar{height:0}

  /* Footer: save vertical space by using multi-column link lists */
  .wk-footer{padding:18px 0 18px}
  .wk-footer__grid{gap:10px}
  .wk-footer__linkList{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px 12px;
  }
  @media (max-width: 420px){
    .wk-footer__linkList{grid-template-columns:repeat(2, minmax(0, 1fr))}
  }
}

/* Masonry / waterfall layout */
.wk-masonry{
  column-count:3;
  column-gap:14px;
}
.wk-masonry__item{
  break-inside:avoid;
  margin:0 0 14px;
  display:inline-block;
  width:100%;
}
@media (max-width: 1100px){
  .wk-masonry{column-count:2}
}
@media (max-width: 700px){
  .wk-masonry{column-count:1}
}

/* Reveal animation (interactive) */
[data-wk-reveal]{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}
[data-wk-reveal].is-inview{opacity:1;transform:none}