:root{--bg:#fbf7ef;--bg2:#fffdf8;--ink:#3f464e;--muted:#6b7280;--gold:#bf8a22;--gold2:#d8ad55;--line:#ece3d4;--dark:#111418;--panel:#faf8f4;--soft:#f5eee2;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg2);color:var(--ink)}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{height:82px;background:rgba(255,253,248,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:50px;height:50px;border-radius:50%;border:8px solid var(--gold);border-left-color:#3f464e;display:inline-flex;align-items:flex-end;justify-content:center;background:#fff}.brand-mark .cue{position:absolute;width:7px;height:54px;background:#111;transform:rotate(10deg);top:-15px;left:26px;border-radius:5px}.brand-mark .cue:before{content:"";position:absolute;top:-8px;left:0;width:7px;height:10px;background:var(--gold);border-radius:6px 6px 2px 2px}.brand-mark .ball{position:absolute;bottom:2px;left:8px;width:24px;height:24px;background:#fff;border:6px solid #111;border-radius:50%;font-size:11px;font-weight:900;line-height:13px;text-align:center;color:#3f464e}.brand-text strong{display:block;font-size:25px;line-height:1;font-weight:900}.brand-text em{display:block;margin-top:3px;font-style:normal;font-size:10px;color:var(--gold);letter-spacing:5px}.nav-links{display:flex;gap:38px;font-weight:700}.nav-links a{padding:30px 0 25px;position:relative}.nav-links a.active:after,.nav-links a:hover:after{content:"";position:absolute;height:2px;width:26px;background:var(--gold);left:50%;bottom:14px;transform:translateX(-50%)}.nav-cta{background:linear-gradient(135deg,var(--gold),#9f7016);color:#fff;padding:14px 24px;border-radius:9px;font-weight:800;box-shadow:0 8px 22px rgba(191,138,34,.25)}.hero{position:relative;overflow:hidden;padding:72px 0 58px;background:radial-gradient(circle at 25% 35%,rgba(216,173,85,.12),transparent 34%),linear-gradient(115deg,#fffdf8 0%,#fffdf8 51%,#f0f0eb 51.2%,#e6dccd 51.6%,#f5f1ea 52%,#f5f1ea 100%)}.hero:after{content:'';position:absolute;right:0;top:82px;bottom:0;width:48%;background:radial-gradient(circle at 72% 28%,rgba(201,155,68,.08),transparent 42%);opacity:1;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.eyebrow{display:inline-block;margin:0 0 28px;padding:11px 22px;border-radius:999px;background:#f3ead9;color:#8c6416;font-weight:800}.hero h1{font-size:52px;line-height:1.12;margin:0 0 18px;font-weight:950;letter-spacing:-2px}.slogan{font-size:24px;color:var(--gold);font-weight:500;margin:0 0 24px;display:flex;align-items:center;gap:13px}.slogan span{display:inline-block;width:35px;height:1px;background:var(--gold)}.desc{font-size:18px;line-height:1.9;color:#626b76;max-width:560px;margin:0 0 34px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:8px;font-weight:900;font-size:16px}.btn-primary{background:linear-gradient(135deg,#d2a13a,#a97612);color:#fff;box-shadow:0 15px 30px rgba(191,138,34,.26)}.btn-ghost{background:#fffdf8;border:1px solid var(--gold);color:#3d2c0e}.version-line{margin:18px 0 0;color:#84806f}.hero-preview{min-height:360px;display:flex;align-items:center;justify-content:center}.rank-window{
  width:min(470px,100%);
  background:linear-gradient(180deg,#fffdf9 0%,#fdfbf7 100%);
  border:1px solid #e7ddd0;
  border-radius:15px;
  padding:24px;
  box-shadow:0 24px 70px rgba(65,48,24,.10);
  color:#1f2937;
}.window-bar{display:flex;gap:9px;margin-bottom:24px}.window-bar i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d8d2c8;
  display:block;
}.rank-title{display:flex;justify-content:space-between;align-items:center;color:#e8b84f;margin-bottom:20px;font-size:21px}.rank-list{
  border:1px solid #eadfce;
  border-radius:12px;
  overflow:hidden;
  background:rgba(255,255,255,.48);
}.rank-row{
  display:grid;
  grid-template-columns:50px 54px 1fr 90px;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border-bottom:1px solid #eadfce;
}.rank-row:last-child{border-bottom:0}.rank-row b{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,#e8e8e8,#888);display:grid;place-items:center;color:#3f464e}.rank-row.first b{background:linear-gradient(135deg,#ffc642,#b87910)}.rank-row.third b{background:linear-gradient(135deg,#d39a66,#8d5329)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8e1d7;color:#3f464e;font-size:13px}.rank-row em{font-style:normal;font-size:24px;color:#e8b84f;font-weight:900}.rank-window p{
  color:#6b7280;
  text-align:center;
  margin-top:18px;
  font-size:15px;
}.features{background:#fff;padding:38px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-item{display:flex;gap:23px;align-items:flex-start;padding:0 22px;border-right:1px solid var(--line)}.feature-item:last-child{border-right:0}.feature-icon{min-width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:30px;color:var(--gold)}.feature-item h3{margin:3px 0 9px;font-size:20px}.feature-item p{margin:0;color:#5f6874;line-height:1.8}.why{padding:58px 0 64px;background:#fffdf8}.why h2{text-align:center;margin:0 0 34px;font-size:30px;font-weight:950;display:flex;justify-content:center;align-items:center;gap:20px}.why h2 span{width:38px;height:2px;background:var(--gold)}.qa-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.qa-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px 16px;box-shadow:0 12px 35px rgba(28,30,34,.06)}.qa-card i{width:36px;height:36px;border-radius:50%;background:#f5ead7;display:grid;place-items:center;font-style:normal;margin-bottom:16px}.qa-card h3{font-size:16px;margin:0 0 10px}.qa-card p{margin:0;color:#626b76;line-height:1.7;font-size:14px}.site-footer{background:linear-gradient(145deg,#151719,#08090a);color:#fff;padding:38px 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1.3fr 1.3fr 1fr 1.2fr;gap:34px;align-items:center}.footer-logo{display:flex;gap:12px;align-items:center;margin-bottom:16px}.brand-mark.small{width:45px;height:45px;transform:scale(.9)}.footer-logo strong{display:block;font-size:24px}.footer-logo em{font-style:normal;color:var(--gold);letter-spacing:4px;font-size:10px}.site-footer p,.site-footer small{color:#c8c8c8;line-height:1.8}.footer-col h4{color:#d8ad55;margin:0 0 8px}.footer-col p{font-size:18px;margin:0 0 5px;color:#fff}.qr-box{width:92px;height:92px;border-radius:8px;background:#fff;color:#3f464e;display:grid;place-items:center;font-size:13px;font-weight:800}.copyright{color:#c8c8c8;text-align:right;line-height:1.8}@media(max-width:980px){.nav-links{display:none}.hero{background:#fffdf8}.hero:after{content:'';position:absolute;right:0;top:82px;bottom:0;width:48%;background:radial-gradient(circle at 72% 28%,rgba(201,155,68,.08),transparent 42%);opacity:1;pointer-events:none}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:40px}.feature-grid{grid-template-columns:1fr}.feature-item{border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}.qa-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.copyright{text-align:left}}@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.site-header,.nav-wrap{height:70px}.brand-text em{display:none}.nav-cta{display:none}.hero{padding:44px 0}.hero h1{font-size:34px}.slogan{font-size:18px}.hero-actions{gap:12px}.btn{width:100%}.rank-row{
  display:grid;
  grid-template-columns:50px 54px 1fr 90px;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border-bottom:1px solid #eadfce;
}.rank-row .avatar{display:none}.qa-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

/* V1.0.3：LOGO 使用提供的正式版图片，其他样式不变 */
.brand-logo{display:block;width:150px;height:auto;object-fit:contain}
.footer-logo-img{display:block;width:118px;height:auto;object-fit:contain}
@media(max-width:560px){.brand-logo{width:122px}.footer-logo-img{width:110px}}


/* V1.0.4：仅调整页面黑色文字颜色，降低刺眼感；结构和功能不变 */
.hero h1,.feature-item h3,.qa-card h3,.nav-links a{color:#3f464e}
.desc,.feature-item p,.qa-card p{color:#626b76}
.btn-ghost{color:#3f464e}
.rank-window,.rank-window *{color:inherit}
.rank-title,.rank-title *{color:#e8b84f}
.rank-row b,.avatar{color:#111}


/* V1.0.5: 商务合作二维码替换为真实图片 */
.qrcode-img{
  display:block;
  width:120px;
  height:120px;
  padding:8px;
  border-radius:12px;
  background:#fff;
  object-fit:contain;
  box-sizing:border-box;
}
.footer-qr img,
.footer-qrcode img,
.qr-card img{
  max-width:120px;
}


/* V2.1: 修复商务合作二维码显示 */
.qr-box{
  width:140px;
  height:140px;
  background:#fff;
  padding:10px;
  border-radius:14px;
  overflow:hidden;
  box-sizing:border-box;
}
.qr-box .qrcode-img,
.qrcode-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}


/* V3.1: 二维码区域最终修复，只显示一个二维码 */
.qr-box{
  width:140px;
  height:140px;
  padding:10px;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-sizing:border-box;
}
.qr-box .qrcode-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}


/* 杆局官网 V3.3 定稿浅色版：彻底去掉首页排行榜黑色卡片 */
.hero{
  background:
    radial-gradient(circle at 72% 30%, rgba(201,155,68,.08), transparent 38%),
    radial-gradient(circle at 18% 82%, rgba(216,173,85,.07), transparent 34%),
    #faf8f4 !important;
}
.hero:after{
  content:'';
  position:absolute;
  right:0;
  top:82px;
  bottom:0;
  width:48%;
  background:radial-gradient(circle at 72% 28%, rgba(201,155,68,.08), transparent 42%) !important;
  opacity:1 !important;
  pointer-events:none;
}
.rank-card,
.hero-card,
.ranking-card,
.leaderboard-card{
  background:rgba(253,251,247,.94) !important;
  background-image:none !important;
  border:1px solid #e7ddd0 !important;
  box-shadow:0 24px 70px rgba(65,48,24,.10) !important;
  color:#1f2937 !important;
}
.rank-card *,
.hero-card *,
.ranking-card *,
.leaderboard-card *{
  border-color:#eadfce;
}
.rank-title,
.rank-card .title,
.hero-card .title,
.ranking-card .title,
.leaderboard-card .title{
  color:#c99b44 !important;
}
.rank-name,
.rank-card .name,
.hero-card .name,
.ranking-card .name,
.leaderboard-card .name{
  color:#6b7280 !important;
}
.rank-score,
.rank-card .score,
.hero-card .score,
.ranking-card .score,
.leaderboard-card .score{
  color:#c99b44 !important;
}
.rank-desc,
.rank-card .desc,
.hero-card .desc,
.ranking-card .desc,
.leaderboard-card .desc{
  color:#6b7280 !important;
}


/* V3.4：精准修复 .rank-window 黑色卡片 */
.rank-window .rank-name,
.rank-window .name{
  color:#6b7280 !important;
}
.rank-window .rank-score,
.rank-window .score{
  color:#c99b44 !important;
}
.rank-window .rank-title,
.rank-window h3{
  color:#c99b44 !important;
}
.rank-window .rank-row{
  color:#1f2937 !important;
}