/* qctennis 公共样式(所有页面共享)
   引入:<link rel="stylesheet" href="/assets/common.css">
   适用页面:index / ranking / player / about / articles
   私有样式仍可在 <style> 里加
*/
:root{
  --bg:#f4f7f4; --card:#ffffff; --green:#3f8f5f; --green-deep:#2e6b46;
  --green-light:#e7f2ea; --text:#1f2a24; --muted:#7b8a80; --line:#e6ece7;
  --up:#2f9e5f; --down:#d64545; --flat:#9aa7a0; --gold:#c8a24a;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--text);min-height:100vh;
  padding-bottom:env(safe-area-inset-bottom);
}
.wrap{max-width:680px;margin:0 auto;padding:0 16px 48px}
.body-pad-bottom{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
header{padding:26px 0 16px;text-align:center}
.logo{font-size:30px;font-weight:800;letter-spacing:2px;color:var(--green-deep)}
.logo .en{font-size:12px;font-weight:500;letter-spacing:3px;color:var(--muted);margin-top:4px;text-transform:uppercase}
.meta{margin-top:10px;font-size:12px;color:var(--muted)}
.chip{display:inline-block;background:var(--green-light);color:var(--green-deep);
  font-size:10px;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:2px}
.empty-tip{text-align:center;padding:32px 0;color:var(--muted);font-size:13px}

/* 底部 tab bar(所有页面共享) */
.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);
  border-top:1px solid var(--line);box-shadow:0 -2px 12px rgba(31,42,36,.06);
  padding-bottom:env(safe-area-inset-bottom);z-index:10}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:10px 0;color:var(--muted);text-decoration:none;font-size:11px;gap:4px}
.tabbar a .ico{width:22px;height:22px;display:block}
.tabbar a.on{color:var(--green-deep);font-weight:600}
.tabbar a.on .ico{stroke-width:2}