/* 中欧体育官网 站点样式 | 上海中欧体育康复有限公司 */
:root{
  --max-w:1200px;
  --c-bg:#faf8f4;
  --c-surface:#ffffff;
  --c-ink:#262b31;
  --c-ink-soft:#5b6470;
  --c-border:#e4e0d6;
  --c-blue-deep:#16324f;
  --c-blue-deep-2:#0e2338;
  --c-green:#4f7d68;
  --c-blue-motion:#3a6ea5;
  --c-purple-trend:#6c5b8f;
  --c-orange:#c07a3d;
  --c-tag-bg:#eef1ea;
  --c-note-bg:#fbf1e6;
  --c-note-border:#e3b980;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--c-bg);color:var(--c-ink);line-height:1.8;font-size:16px}
a{color:var(--c-blue-motion);text-decoration:none}
a:hover{text-decoration:underline}
img,svg{max-width:100%;display:block}
.wrap{max-width:var(--max-w);margin:0 auto;padding:0 20px}
header.site-header{background:var(--c-blue-deep-2);color:#fff;border-bottom:3px solid var(--c-green)}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:var(--max-w);margin:0 auto;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;color:#fff}
.brand img{width:34px;height:34px}
.top-bar .slogan{font-size:12.5px;color:#c9d3da}
nav.main-nav{background:var(--c-blue-deep);border-top:1px solid #24425f}
nav.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;max-width:var(--max-w);margin:0 auto}
nav.main-nav a{display:block;color:#e7ecef;padding:12px 15px;font-size:14px;white-space:nowrap}
nav.main-nav a:hover,nav.main-nav a.active{background:var(--c-blue-deep-2);color:#fff;text-decoration:none}
.nav-toggle{display:none}
.breadcrumb{font-size:13px;color:var(--c-ink-soft);padding:14px 0}
.breadcrumb a{color:var(--c-ink-soft)}
main{max-width:var(--max-w);margin:0 auto;padding:0 20px 50px}
.hero{background:linear-gradient(120deg,var(--c-blue-deep-2),var(--c-blue-deep));color:#fff;padding:36px 0 30px;margin-bottom:26px}
.hero-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.hero h1{font-size:25px;margin:0 0 14px;line-height:1.55;color:#fff}
.hero p{max-width:640px;color:#dbe4e8;font-size:15px}
.hero .hero-art{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px}
h1{font-size:25px;margin:16px 0 16px;color:var(--c-blue-deep-2)}
h2{font-size:20px;margin:36px 0 12px;border-left:4px solid var(--c-green);padding-left:10px;color:var(--c-blue-deep-2)}
h3{font-size:16.5px;margin:22px 0 8px;color:var(--c-blue-deep)}
p{margin:0 0 14px}
section.block{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:22px 26px;margin-bottom:22px}
.meta-row{font-size:12.5px;color:var(--c-ink-soft);margin-bottom:6px}
.tag{display:inline-block;background:var(--c-tag-bg);color:var(--c-green);font-size:12px;padding:2px 9px;border-radius:4px}
.tag.motion{color:var(--c-blue-motion)}
.tag.trend{color:var(--c-purple-trend)}
.tag.note{color:var(--c-orange)}
.diagram{border:1px solid var(--c-border);background:#fff;border-radius:8px;padding:16px;margin:16px 0}
.diagram figcaption{font-size:12.5px;color:var(--c-ink-soft);margin-top:8px;text-align:center}
.timeline{display:flex;flex-direction:column;gap:0;margin:18px 0;border-left:2px solid var(--c-border);padding-left:20px}
.timeline .step{position:relative;padding-bottom:20px}
.timeline .step::before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--c-green)}
.timeline .step h4{margin:0 0 4px;font-size:15px;color:var(--c-blue-deep)}
.timeline .step p{margin:0;font-size:14px;color:var(--c-ink-soft)}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;font-size:13.5px}
.chain span.node{background:var(--c-tag-bg);border:1px solid var(--c-border);border-radius:6px;padding:6px 12px}
.chain span.arrow{color:var(--c-ink-soft)}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}
table th,table td{border:1px solid var(--c-border);padding:8px 10px;text-align:left}
table th{background:var(--c-tag-bg)}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}
.stat-item{background:var(--c-tag-bg);border-radius:8px;padding:12px 14px}
.stat-item .num{font-size:20px;font-weight:700;color:var(--c-blue-deep)}
.stat-item .lbl{font-size:12px;color:var(--c-ink-soft)}
.note-box{background:var(--c-note-bg);border:1px solid var(--c-note-border);border-radius:8px;padding:14px 18px;margin:18px 0;font-size:14px}
.note-box strong{color:var(--c-orange)}
.article-preview{border-bottom:1px dashed var(--c-border);padding:16px 0;display:grid;grid-template-columns:120px 1fr;gap:16px}
.article-preview:last-child{border-bottom:none}
.article-preview .art-thumb{background:#fff;border:1px solid var(--c-border);border-radius:6px;padding:8px}
.article-preview h3{margin:0 0 6px}
.article-preview .excerpt{color:var(--c-ink-soft);font-size:13.5px;margin:0 0 6px}
.obs-list{display:grid;grid-template-columns:1fr;gap:18px;margin:16px 0}
.obs-item{display:grid;grid-template-columns:100px 1fr;gap:16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:16px}
.side-block{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:18px;margin-bottom:18px}
.side-block h3{margin-top:0}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.link-list{list-style:none;padding:0;margin:0}
.link-list li{padding:7px 0;border-bottom:1px dashed var(--c-border);font-size:14px}
.link-list li:last-child{border-bottom:none}
.related{background:var(--c-tag-bg);border-radius:8px;padding:16px 20px;margin:26px 0}
.related h3{margin-top:0}
.full-article{margin:20px 0 34px;padding-top:10px;border-top:2px solid var(--c-border)}
.full-article:first-of-type{border-top:none}
.byline{font-size:12.5px;color:var(--c-ink-soft);margin-bottom:10px}
details.faq-item{border-bottom:1px solid var(--c-border);padding:12px 0}
details.faq-item summary{cursor:pointer;font-weight:600;color:var(--c-blue-deep-2);list-style:none;position:relative;padding-right:24px}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:"+";position:absolute;right:0;top:0;font-size:18px;color:var(--c-green)}
details.faq-item[open] summary::after{content:"–"}
details.faq-item p{margin:10px 0 0;color:var(--c-ink-soft);font-size:14px}
.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}
.entry-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:16px;text-align:center}
.entry-card .icon{margin:0 auto 10px}
.btn{display:inline-block;background:var(--c-green);color:#fff;padding:9px 18px;border-radius:6px;font-size:14px}
.btn:hover{background:#3c6552;text-decoration:none}
.btn.outline{background:transparent;border:1px solid #fff;color:#fff}
.back-to-top{position:fixed;right:20px;bottom:20px;background:var(--c-blue-deep);color:#fff;width:40px;height:40px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.back-to-top.show{display:flex}
footer.site-footer{background:#101820;color:#c4cad2;padding:36px 0 20px;margin-top:40px}
footer.site-footer .wrap{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}
footer.site-footer h4{color:#fff;font-size:14px;margin:0 0 10px}
footer.site-footer a{color:#c4cad2;font-size:13.5px}
footer.site-footer .disclaimer{max-width:var(--max-w);margin:20px auto 0;padding:16px 20px;border-top:1px solid #2a323c;font-size:12.5px;color:#9aa3ad}
footer.site-footer .bottom{max-width:var(--max-w);margin:0 auto;padding:12px 20px 0;font-size:12px;color:#7c8590}
@media(max-width:860px){.two-col{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}.article-preview{grid-template-columns:1fr}.obs-item{grid-template-columns:1fr}}
