:root { --shadow:0 14px 34px rgba(15,23,42,0.08); }
body { margin:0; background:#f4f6f8; color:#1f2937; font-family:'M PLUS 1p','Segoe UI',sans-serif; }
a { color:#0f62fe; text-decoration:none; } a:hover { text-decoration:underline; }
header { background:linear-gradient(135deg,#102a43,#1f4f7a); color:#fff; }
.header-inner { max-width:1280px; margin:0 auto; padding:18px 16px; display:flex; justify-content:space-between; align-items:center; gap:16px; } .site-title { font-size:1.05rem; font-weight:700; } .site-sub { font-size:0.78rem; opacity:0.82; margin-top:4px; } .header-right { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end; } .lang-switch { display:flex; align-items:center; gap:10px; color:#dbeafe; font-size:0.82rem; } .lang-switch select { border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.12); color:#fff; border-radius:8px; padding:8px 10px; min-width:180px; } .lang-switch option { color:#0f172a; }
.nav-shell { background:#fff; border-bottom:1px solid #dce3ec; box-shadow:0 6px 20px rgba(15,23,42,0.05); } .nav-inner { max-width:1280px; margin:0 auto; padding:0 16px; display:flex; flex-direction:column; align-items:stretch; } .nav-toggle { display:none; border:none; background:transparent; color:#123d6b; font-size:0.95rem; font-weight:700; padding:12px 0; cursor:pointer; } .nav { list-style:none; display:flex; gap:4px; margin:0; padding:0; position:relative; align-items:center; flex-wrap:wrap; } .nav li { position:relative; } .nav a { display:inline-flex; align-items:center; gap:8px; padding:14px 16px; color:#123d6b; font-weight:700; font-size:0.84rem; border-radius:8px 8px 0 0; } .nav a:hover { background:#edf4ff; text-decoration:none; } .nav-caret { font-size:0.62rem; opacity:0.75; } .nav li > ul { display:none; list-style:none; margin:0; padding:0; background:#123d6b; } .nav li > ul li { min-width:220px; } .nav li > ul a { color:#fff; border-radius:0; width:100%; justify-content:space-between; } .nav li > ul li > ul { background:#0f2947; }
.breadcrumb-wrap { background:#f8fafc; border-bottom:1px solid #e4e9ef; } .breadcrumb { max-width:1280px; margin:0 auto; padding:10px 16px; font-size:0.78rem; color:#64748b; } .breadcrumb a { color:#355c8a; } .breadcrumb-separator { margin:0 8px; color:#94a3b8; } .breadcrumb-current { color:#334155; }
.page-container { max-width:1280px; margin:0 auto; padding:18px 16px 40px; } .page-head { display:flex; justify-content:space-between; gap:24px; align-items:flex-end; padding:18px 0 22px; } .page-head h1 { margin:0; font-size:2rem; line-height:1.18; } .page-kicker,.section-kicker { margin:0 0 8px; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.12em; color:#6b7280; } .page-lead { margin:8px 0 0; color:#555; line-height:1.8; } .page-tools { display:flex; gap:16px; align-items:center; justify-content:flex-end; flex-wrap:wrap; margin-left:auto; } .year-select { display:flex; align-items:center; gap:10px; } .year-select label { font-size:0.75rem; color:#555; white-space:nowrap; } .year-select select { padding:8px 10px; border:1px solid #cfd8df; border-radius:6px; background:#fff; }
.content-panel { background:#fff; border:1px solid #dde4eb; border-radius:10px; box-shadow:var(--shadow); padding:16px; margin-bottom:20px; } .section-title-row { display:flex; justify-content:space-between; gap:16px; align-items:end; margin-bottom:14px; } .section-title-row h2 { margin:0; font-size:1.2rem; } .table-help { margin:0 0 14px; font-size:0.82rem; color:#5b6472; }
.team-top-link-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; } .team-top-link { display:flex; align-items:center; justify-content:center; min-height:56px; padding:12px; border:1px solid #dce3ec; border-radius:12px; background:#f8fbff; color:#123d6b; font-weight:700; text-align:center; } .team-top-link.current { background:#1f3b61; color:#fff; border-color:#1f3b61; }
.team-game-result-legacy-content .top-scrollbar-wrap { margin:0 0 8px; } .team-game-result-legacy-content .top-scrollbar-hint { margin:0 0 4px; font-size:0.72rem; color:#64748b; } .team-game-result-legacy-content .top-scrollbar { display:block; overflow-x:scroll; overflow-y:hidden; height:18px; margin:0; border:1px solid #dce3ec; border-radius:6px; background:#f3f6fb; } .team-game-result-legacy-content .top-scrollbar-inner { height:16px; min-width:100%; } .team-game-result-legacy-content .table-responsive { overflow-x:auto; -webkit-overflow-scrolling:touch; position:relative; margin-bottom:18px; } .team-game-result-legacy-content table { width:100%; min-width:1320px; border-collapse:separate; border-spacing:0; } .team-game-result-legacy-content th,.team-game-result-legacy-content td { padding:9px 8px; border-bottom:1px solid #e6ebf1; font-size:0.82rem; white-space:nowrap; text-align:right; background:#fff; } .team-game-result-legacy-content th { position:sticky; top:0; z-index:2; background:#f7f9fc; box-shadow:0 1px 0 #dce3ec; writing-mode:horizontal-tb !important; text-orientation:mixed !important; } .team-game-result-legacy-content thead th br,.sticky-clone-table th br { display:none; } .team-game-result-legacy-content .blank,.team-game-result-legacy-content .pnm { text-align:left !important; font-weight:700; } .team-game-result-legacy-content .table.table-sticky th:first-child,.team-game-result-legacy-content .table.table-sticky td:first-child { position:sticky; left:0; z-index:4; background:#fff; box-shadow:1px 0 0 #dce3ec; text-align:left !important; min-width:74px; } .team-game-result-legacy-content .table.table-sticky thead th:first-child { background:#f7f9fc; z-index:5; } .sticky-head-clone { display:none; position:fixed; top:0; z-index:50; overflow:hidden; border:1px solid #dce3ec; border-bottom:none; border-radius:12px 12px 0 0; box-shadow:0 4px 12px rgba(15,23,42,0.08); background:#f7f9fc; pointer-events:none; } .sticky-clone-table { border-collapse:separate; border-spacing:0; margin:0; table-layout:fixed; } .sticky-clone-table th { padding:9px 8px !important; font-size:0.82rem !important; line-height:1.2 !important; font-weight:700; background:#f7f9fc !important; writing-mode:horizontal-tb !important; text-orientation:mixed !important; white-space:nowrap; }
.site-footer { max-width:1280px; margin:0 auto; padding:18px 16px 30px; color:#666; font-size:0.82rem; }
@media (min-width:841px) { .nav-inner { flex-direction:row; align-items:center; justify-content:flex-start; padding-top:0; } .nav { display:flex; } .nav > li > ul { position:absolute; top:100%; left:0; min-width:250px; overflow:visible; border-radius:0 0 8px 8px; box-shadow:0 10px 30px rgba(0,0,0,0.28); z-index:20; } .nav li:hover > ul { display:block; } .nav > li > ul > li > a { display:block; padding:8px 14px; border-top:1px solid rgba(255,255,255,0.04); } .nav > li > ul > li.has-sub > a { padding-right:30px; } .nav > li > ul > li > ul { position:absolute; top:-1px; left:100%; min-width:220px; overflow:visible; border-radius:0 8px 8px 8px; box-shadow:0 10px 30px rgba(0,0,0,0.28); } .nav > li > ul > li > ul a { display:block; padding:8px 14px; border-top:1px solid rgba(255,255,255,0.04); } }
@media (max-width:840px) { .nav-inner { align-items:flex-end; } .nav-toggle { display:block; text-align:right; padding-right:4px; } .nav { display:none; flex-direction:column; width:100%; gap:0; padding-bottom:10px; align-items:stretch; } .nav.show { display:flex; } .nav > li,.nav li > ul > li { width:100%; } .nav a { display:block; padding:11px 12px; border-top:1px solid #cdd9e6; color:#123d6b; white-space:normal; text-align:left; background:transparent; } .nav li.open > ul { display:block; } .nav li > ul { background:#f6fbff; } .nav li > ul a { padding-left:24px; } .nav li > ul li > ul { background:#eef6ff; } .nav li > ul li > ul a { padding-left:38px; } .page-head { flex-direction:column; align-items:flex-start; } .page-tools { width:100%; justify-content:flex-end; } }
@media (max-width:600px) { .header-inner { flex-direction:column; align-items:flex-start; } .header-right { width:100%; justify-content:flex-start; } .page-head h1 { font-size:1.45rem; line-height:1.2; } .page-tools { justify-content:flex-start; } .team-game-result-legacy-content table { min-width:1180px; } .team-game-result-legacy-content th,.team-game-result-legacy-content td { padding:8px 6px; font-size:0.78rem; } .lang-switch { width:100%; } .lang-switch select { min-width:0; width:100%; } }