/* Club introduction only; public, member and activity shells share this content. */
body.club-intro-page { background:#f5f7f9; color:#263c36; }
.club-intro-page > :is(.public-page,.activity-center-page) { width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:30px 0 48px; }
.club-intro-page > .activity-center-page::before { display:none; }
.club-intro { --ci-muted:#64766e; --ci-line:#e5ece7; --ci-green:#327d5c; color:#263c36; font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif; font-size:14px; line-height:1.75; }
.club-intro *, .club-intro *::before, .club-intro *::after { box-sizing:border-box; }
.club-intro :is(h1,h2,h3,h4,p,dl,dd,ol,ul) { margin:0; }
.club-intro :is(h1,h2,h3,h4) { color:#263c36; font-weight:600; line-height:1.55; overflow-wrap:anywhere; }
.club-intro h2 { font-size:20px; }.club-intro h3 { font-size:15px; }.club-intro h4 { font-size:14px; }
.club-intro p { color:var(--ci-muted); font-size:13px; overflow-wrap:anywhere; }
.club-intro a { color:inherit; text-decoration:none; }
.club-intro a:focus-visible { outline:3px solid #94d7b9; outline-offset:3px; }
.club-intro section[tabindex]:focus { outline:none; }.club-intro section[tabindex]:focus-visible { outline:3px solid #94d7b9; outline-offset:4px; }
.club-intro svg { height:22px; width:22px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.ci-panel { background:#fff; border:1px solid var(--ci-line); border-radius:19px; min-width:0; }
.ci-icon { width:39px; height:39px; flex:0 0 39px; display:inline-flex; align-items:center; justify-content:center; color:#467752; background:#e5f3e0; border-radius:12px; }
.ci-icon.ci-tone-1 { color:#746598; background:#eeeaf8; }.ci-icon.ci-tone-2 { color:#8a6d38; background:#fbf1dc; }
.ci-eyebrow { display:block; color:#667d70; font-size:10px; font-weight:600; letter-spacing:1.5px; }.ci-eyebrow b { margin:0 8px; color:#a3b3a9; font-weight:400; }
.ci-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr); gap:36px; align-items:center; padding:12px 0 30px; }
.club-intro .ci-hero h1 { font-size:clamp(27px,2.7vw,36px); margin:14px 0 7px; font-weight:600; letter-spacing:.3px; }
.club-intro .ci-hero h2 { font-size:19px; margin-bottom:16px; font-weight:500; }
.ci-hero h2 > span { display:inline-block; max-width:100%; }
.ci-hero-copy > p { line-height:1.95; max-width:660px; }
.ci-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.club-intro .ci-button { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:43px; padding:10px 17px; border:1px solid #dce6df; background:#fff; border-radius:11px; color:#446651; font-size:13px; font-weight:500; line-height:1.5; transition:background .18s,transform .18s; }
.club-intro .ci-button:hover { background:#eef5ef; }.club-intro .ci-button:active { transform:translateY(1px); }
.club-intro .ci-primary { background:#327d5c; color:#fff; border-color:#327d5c; }.club-intro .ci-primary:hover { background:#286a4d; }
.ci-platform { padding:24px; }.ci-platform-heading { display:flex; gap:12px; align-items:center; margin-bottom:22px; }.ci-platform-heading strong { display:block; font-weight:600; font-size:15px; }.ci-platform-heading div > span { display:block; font-size:11px; color:var(--ci-muted); margin-top:3px; }
.ci-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.ci-metrics > div { display:flex; flex-direction:column; padding:16px; border:1px solid #e9eeeb; border-radius:12px; background:#f8faf9; min-width:0; gap:4px; }
.ci-metrics dt { order:2; color:var(--ci-muted); font-size:11px; line-height:1.6; }.ci-metrics dd { order:1; font-size:23px; color:#3e7557; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.ci-section-nav { display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:9px 12px; border:1px solid var(--ci-line); border-radius:13px; background:#fff; margin-bottom:29px; }
.ci-section-nav > span { color:var(--ci-muted); font-size:11px; margin:0 13px 0 4px; }
.ci-section-nav a { padding:7px 14px; border-radius:8px; font-size:12px; color:#446651; }
.ci-section-nav a:hover,.ci-section-nav a:focus-visible { background:#eaf6ee; }
.ci-section { margin-bottom:28px; scroll-margin-top:20px; }.ci-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:18px; }.ci-heading > div { min-width:0; }.ci-heading h2 { margin-top:5px; }.ci-heading > p { font-size:11px; }.ci-heading h3 + p { margin-top:4px; font-size:11px; }
.ci-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ci-feature { padding:21px; }.ci-feature-top { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:16px; }.ci-kicker { color:#77887f; font-size:10px; letter-spacing:.7px; }.ci-feature h3 { margin-bottom:10px; }.ci-feature p { font-size:12px; line-height:1.9; }
.ci-learning,.ci-systems,.ci-honors { padding:24px; }
.ci-path { list-style:none; padding:5px 0 24px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.ci-path li { position:relative; min-width:0; }.ci-path li:not(:last-child)::after { content:""; position:absolute; height:1px; background:#e2eae4; top:19px; left:48px; right:0; }
.ci-step-number { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:11px; background:#eaf6ee; color:#327d5c; font:15px/1 Consolas,monospace; margin-bottom:13px; }.ci-path h3 { margin-bottom:7px; }.ci-path p { font-size:12px; line-height:1.9; }
.ci-courses { border-top:1px solid var(--ci-line); padding-top:22px; display:grid; grid-template-columns:minmax(190px,.85fr) minmax(0,2fr); gap:22px; align-items:center; }.ci-courses h3 { margin:10px 0 5px; }.ci-courses p { font-size:11px; }
.ci-courses ul { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.ci-courses li { border-radius:10px; background:#f7f9f8; padding:10px 12px; font-size:12px; display:flex; align-items:start; gap:10px; overflow-wrap:anywhere; }.ci-courses li > span { color:#478769; flex-shrink:0; }
.ci-proofs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:16px; }.ci-proof { padding:20px; }.ci-proof > strong { display:block; color:#327d5c; font-size:25px; font-weight:500; line-height:1.4; margin-bottom:10px; }.ci-proof h3 { font-size:13px; margin-bottom:8px; }.ci-proof p { font-size:11px; line-height:1.85; }
.ci-badge { display:inline-block; padding:4px 9px; border-radius:7px; color:#54765d; background:#edf5ef; font-size:10px; flex-shrink:0; }
.ci-honor-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.ci-honor-card { min-width:0; border:1px solid var(--ci-line); border-radius:12px; overflow:hidden; background:#fff; }
.ci-honor-media { aspect-ratio:1.65; background:#f3f6f4; position:relative; overflow:hidden; }.ci-image-fallback { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; font-size:10px; color:var(--ci-muted); }.ci-image-fallback .ci-icon { width:32px; height:32px; flex-basis:32px; border-radius:10px; }.ci-image-fallback svg { width:18px; height:18px; }
.ci-honor-media img { position:absolute; width:100%; height:100%; object-fit:contain; background:#f3f6f4; padding:10px; }.ci-honor-media img[hidden] { display:none; }
.ci-honor-copy { padding:13px; }.ci-category { display:inline-block; color:#746598; font-size:10px; margin-bottom:5px; overflow-wrap:anywhere; }.ci-honor-copy h4 { margin-bottom:7px; }.ci-honor-copy p { font-size:11px; line-height:1.7; }.ci-honor-member { display:block; color:#537160; font-size:11px; margin-top:10px; overflow-wrap:anywhere; }
.ci-honors-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; border-top:1px solid var(--ci-line); margin-top:20px; padding-top:16px; color:var(--ci-muted); font-size:11px; }
.club-intro .ci-text-link { color:#327d5c; padding:4px 0; }.ci-text-link:hover { text-decoration:underline; }
.ci-empty { display:flex; justify-content:center; gap:16px; align-items:center; background:#f8faf9; border:1px dashed #dce6df; padding:28px 16px; border-radius:12px; }.ci-empty strong { font-size:14px; font-weight:500; }.ci-empty p { font-size:12px; margin-top:4px; }
.ci-system-intro { margin-bottom:20px!important; max-width:800px; }
.ci-systems dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }.ci-systems dt { font-size:14px; display:flex; align-items:center; gap:10px; font-weight:500; }.ci-systems .ci-icon { height:32px; width:32px; flex-basis:32px; border-radius:10px; }.ci-systems .ci-icon svg { height:18px; width:18px; }.ci-systems dd { margin-top:10px; color:var(--ci-muted); font-size:12px; line-height:1.9; }
.ci-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 0 5px; border-top:1px solid #dfe8e2; }.ci-footer h2 { font-size:19px; margin-bottom:7px; }.ci-footer p { font-size:12px; }.ci-footer .ci-actions { margin:0; }
.ci-activity-bar { display:flex; align-items:center; gap:16px; font-size:12px; padding:13px 17px; border:1px solid var(--ci-line); background:#fff; border-radius:12px; margin-bottom:25px; }.ci-activity-bar > span { color:var(--ci-muted); flex:1; text-align:center; font-size:11px; }.ci-activity-bar b { font-weight:400; padding:0 7px; }.ci-activity-bar a { color:#327d5c; }.ci-activity-bar a:hover { text-decoration:underline; }
@media(max-width:1150px) {
  .ci-hero { gap:24px; grid-template-columns:minmax(0,1.15fr) minmax(260px,1fr); }.ci-platform { padding:20px; }.ci-metrics > div { padding:13px; }.ci-features { grid-template-columns:repeat(2,minmax(0,1fr)); }.ci-heading { align-items:start; }.ci-heading > p { max-width:230px; }.ci-honor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.ci-proofs { grid-template-columns:repeat(2,minmax(0,1fr)); }.ci-systems dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .club-intro-page > :is(.public-page,.activity-center-page) { width:calc(100% - 32px); padding-top:22px; }.ci-hero { grid-template-columns:1fr; gap:22px; padding-top:0; }.ci-platform-heading { margin-bottom:14px; }.ci-hero-copy > p { font-size:13px; }.ci-metrics > div { padding:12px 15px; }.ci-metrics dd { font-size:22px; }.ci-platform { padding:18px; }.ci-section-nav > span { display:none; }.ci-section-nav { justify-content:space-between; gap:4px; padding:7px; margin-bottom:24px; }.ci-section-nav a { padding:7px 9px; font-size:11px; }
  .ci-heading { flex-wrap:wrap; gap:6px; }.ci-heading > p { max-width:none; }.ci-heading h2 { font-size:19px; }.ci-path { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:22px; }.ci-path li:nth-child(2)::after { display:none; }.ci-courses { grid-template-columns:1fr; gap:16px; }.ci-courses > div { display:grid; grid-template-columns:39px 1fr; column-gap:11px; align-items:center; }.ci-courses > div .ci-icon { grid-row:span 2; }.ci-courses h3 { margin:0; }.ci-learning,.ci-systems,.ci-honors { padding:20px; }.ci-honors .ci-heading { align-items:center; }.ci-footer { flex-direction:column; align-items:start; gap:18px; }.ci-footer .ci-actions { width:100%; }.ci-footer .ci-button { flex:1; }
}
@media(max-width:480px) {
  .ci-features { grid-template-columns:1fr; gap:12px; }.ci-feature { padding:19px; }.ci-feature-top { margin-bottom:12px; }.ci-feature p { font-size:13px; }.ci-feature h3 { font-size:16px; }.ci-feature .ci-icon { width:34px; height:34px; flex-basis:34px; border-radius:10px; }.ci-proofs { gap:10px; }.ci-proof { padding:16px; }.ci-proof > strong { font-size:22px; }.ci-learning,.ci-systems,.ci-honors { padding:18px; }.ci-path { grid-template-columns:1fr; gap:20px; padding-top:0; }.ci-path li { padding-left:51px; }.ci-step-number { position:absolute; left:0; top:0; margin:0; }.ci-path li:not(:last-child)::after { display:block; width:1px; height:auto; left:18px; top:46px; bottom:-12px; right:auto; }.ci-path p { font-size:12px; }.ci-courses ul { grid-template-columns:1fr; }.ci-honor-grid { grid-template-columns:1fr; gap:12px; }.ci-honor-card { display:grid; grid-template-columns:92px minmax(0,1fr); }.ci-honor-media { aspect-ratio:auto; min-height:125px; border-right:1px solid var(--ci-line); }.ci-honor-media img { padding:7px; }.ci-honor-copy { padding:12px; }.ci-honor-copy h4 { font-size:13px; }.ci-systems dl { grid-template-columns:1fr; gap:18px; }.ci-systems dl > div + div { border-top:1px solid var(--ci-line); padding-top:18px; }.ci-empty { align-items:start; padding:20px 14px; gap:12px; }.ci-empty p { font-size:11px; }
  .ci-activity-bar { gap:10px; padding:12px; }.ci-activity-bar > span { display:none; }.ci-activity-bar { justify-content:space-between; }.ci-footer .ci-actions { flex-direction:column; }.ci-hero .ci-actions { gap:8px; }.ci-hero .ci-button { padding:10px 13px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .club-intro .ci-button { transition:none; } }