/* ======================================================================
   羽毛球计分规则速查 · 独立设计（球场绿 + 白色羽线 + 木质地板感）
   浅色 = 薄荷球场；深色 = 深夜球馆
   ====================================================================== */
.bd{
  --ink:#17271c; --sub:#587061; --faint:#8ba597;
  --bg:#eef6ef; --card:#ffffff; --card2:#eef5ee; --line:#d5e6d7; --line2:#e3efe3;
  --pri:#15803d; --pri-2:#22c55e; --pri-soft:#e0f2e2; --pri-ink:#14532d;
  --court:#3f9d63; --court-2:#2e7d4b; --wood:#c8a06b;
  --amber:#b45309; --amber-soft:#fdf1dd;
  --red:#dc2626; --red-soft:#fdeaea;
  --r:16px;
  --shadow:0 1px 2px rgba(23,39,28,.06),0 12px 28px rgba(23,39,28,.08);
  color:var(--ink);
  font-family:-apple-system,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px; line-height:1.75;
  background:
    radial-gradient(760px 360px at 92% -120px, rgba(34,197,94,.10), transparent 60%),
    radial-gradient(640px 320px at -8% 130px, rgba(200,160,107,.12), transparent 60%),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .bd{
  --ink:#dcefe2; --sub:#93b3a0; --faint:#5f7d6c;
  --bg:#0c1710; --card:#132218; --card2:#182b1f; --line:#28452f; --line2:#203826;
  --pri:#4ade80; --pri-2:#86efac; --pri-soft:rgba(74,222,128,.13); --pri-ink:#bbf7d0;
  --court:#2c6a45; --court-2:#1f4d32; --wood:#8a6a3f;
  --amber:#fbbf24; --amber-soft:rgba(251,191,36,.12);
  --red:#f87171; --red-soft:rgba(248,113,113,.13);
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.4);
}
.bd *{box-sizing:border-box;}
.bd b{font-weight:700;}
.bd-wrap{max-width:1120px;margin:0 auto;}
.bd input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}

.bd-hero{
  margin-top:22px;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(120deg,var(--court),var(--court-2));
  border:1px solid var(--court-2);position:relative;
}
.bd-hero:before{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.10) 2px,transparent 2px) 0 50%/100% 2px no-repeat,
  linear-gradient(90deg,rgba(255,255,255,.10) 2px,transparent 2px) 50% 0/2px 100% no-repeat;}
.bd-hero-in{padding:26px 28px 24px;position:relative;}
.bd-hero h1{margin:0 0 8px;font-size:clamp(24px,3.6vw,32px);font-weight:900;color:#f2fff6;line-height:1.3;}
.bd-hero p{margin:0;color:#c9e7d2;font-size:15px;max-width:780px;}
.bd-hero p em{font-style:normal;color:#fff;font-weight:800;text-decoration:underline 2px rgba(255,255,255,.4);text-underline-offset:3px;}

.bd-desk{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:20px;}
@media (max-width:920px){.bd-desk{grid-template-columns:1fr;}}
.bd-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;}
.bd-card h2{margin:0 0 10px;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;}
.bd-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--pri);color:#fff;font-size:12px;font-weight:800;}
:root[data-theme="dark"] .bd-num{color:#08170d;}

.bd-board{border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.bd-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--card2);}
.bd-row+.bd-row{border-top:1px dashed var(--line);}
.bd-side{padding:12px 14px;text-align:center;}
.bd-name{width:100%;max-width:130px;background:transparent;border:none;border-bottom:1px dashed var(--faint);color:var(--ink);text-align:center;font-size:13px;padding:2px 4px;outline:none;font-family:inherit;}
.bd-big{font-size:clamp(36px,6vw,52px);font-weight:900;color:var(--pri-ink);line-height:1.15;}
.bd-big.srv{color:var(--pri);}
.bd-vs{font-size:12px;color:var(--faint);padding:0 10px;text-align:center;}
.bd-vs .bd-chip{display:block;background:var(--pri-soft);color:var(--pri-ink);border-radius:999px;padding:4px 10px;font-weight:700;white-space:nowrap;margin:4px 0;}
.bd-vs .bd-chip.hot{background:var(--amber-soft);color:var(--amber);}
.bd-btn{border:none;border-radius:10px;padding:8px 16px;font-size:13.5px;font-weight:800;cursor:pointer;transition:all .15s;}
.bd-btn-go{background:var(--pri);color:#fff;}
.bd-btn-go:hover{background:var(--pri-2);}
.bd-btn-a{background:var(--court);color:#fff;}
.bd-btn-ghost{background:var(--card2);color:var(--pri-ink);border:1px solid var(--line);}
.bd-btn-ghost:hover{border-color:var(--pri-2);}
.bd-rowbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center;}
.bd-scorein{width:84px;background:var(--card2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:5px 8px;font-size:13px;outline:none;}
.bd-scorein:focus{border-color:var(--pri-2);box-shadow:0 0 0 3px var(--pri-soft);}
.bd-msg{margin-top:10px;font-size:13px;min-height:20px;font-weight:600;}
.bd-msg.err{color:var(--red);}
.bd-msg.ok{color:var(--pri);}
.bd-msg.warn{color:var(--amber);}

.bd-courtbox{background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:10px;text-align:center;}
.bd-courtbox svg{width:100%;max-width:300px;height:auto;}
.bd-cap{font-size:12.5px;color:var(--sub);margin:8px 0 0;}
.bd-cap b{color:var(--pri-ink);}
.bd-foul{margin:12px 0 0;padding-left:0;list-style:none;font-size:13.5px;color:var(--sub);}
.bd-foul li{margin:6px 0;padding-left:20px;position:relative;}
.bd-foul li:before{content:"⚠";position:absolute;left:0;color:var(--amber);font-size:12px;}
.bd-foul li b{color:var(--ink);}

.bd-log{margin-top:18px;}
.bd-log table{width:100%;border-collapse:collapse;font-size:13px;}
.bd-log th,.bd-log td{border:1px solid var(--line);padding:6px 10px;text-align:center;}
.bd-log th{background:var(--card2);font-weight:700;}
.bd-log td.srv{color:var(--pri);font-weight:700;}
.bd-log-scroll{max-height:260px;overflow:auto;border-radius:10px;}

.bd-faq{margin-top:34px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);}
.bd-faq h2{margin:0 0 12px;font-size:19px;font-weight:900;}
.bd-faq h3{margin:18px 0 6px;font-size:15.5px;font-weight:800;color:var(--pri-ink);}
.bd-faq p{margin:0;color:var(--sub);font-size:14px;}
.bd-faq p b{color:var(--ink);}