/* v241 具体游戏页 PAD 实操精修：22 个 games/ 页面专用，不影响一级页与知识子页 */
body[data-v241-game="true"]{
  background:
    radial-gradient(circle at 10% 8%, rgba(37,99,235,.18), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(16,185,129,.16), transparent 26%),
    linear-gradient(180deg,#f0f8ff 0%,#f8fbff 58%,#eefbf5 100%) !important;
  color:#10233f;
}
body[data-v241-game="true"] .clean-game-shell{
  width:min(1180px, calc(100vw - 20px)) !important;
  margin:0 auto !important;
  padding:10px 0 12px !important;
  gap:10px !important;
  box-sizing:border-box !important;
}
body[data-v241-game="true"] .clean-game-topbar{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  min-height:62px !important;
  padding:8px 10px !important;
  gap:10px !important;
  border-radius:24px !important;
  border:1px solid rgba(37,99,235,.14) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 12px 26px rgba(37,99,235,.10) !important;
}
body[data-v241-game="true"] .clean-game-title{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  overflow:hidden !important;
}
body[data-v241-game="true"] .clean-game-title h1{
  margin:0 !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:clamp(20px,2.2vw,28px) !important;
}
body[data-v241-game="true"] .clean-game-title p{
  margin:2px 0 0 !important;
  max-width:min(44vw,520px) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body[data-v241-game="true"] .clean-game-actions,
body[data-v241-game="true"] .clean-pack-actions,
body[data-v241-game="true"] .clean-series-switchbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:0 !important;
  flex-wrap:wrap !important;
}
body[data-v241-game="true"] .clean-back,
body[data-v241-game="true"] .clean-top-action,
body[data-v241-game="true"] .clean-series-btn,
body[data-v241-game="true"] .clean-pack-close{
  min-height:42px !important;
  border-radius:16px !important;
  padding:0 13px !important;
  border:1px solid rgba(37,99,235,.13) !important;
  box-shadow:none !important;
  font-size:15px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
body[data-v241-game="true"] .clean-back{
  background:#eaf3ff !important;
  color:#1d4ed8 !important;
}
body[data-v241-game="true"] .clean-top-action,
body[data-v241-game="true"] .clean-series-btn{
  background:#f3f8ff !important;
  color:#1f4f8f !important;
}
body[data-v241-game="true"] .clean-series-btn.primary,
body[data-v241-game="true"] .clean-top-action:first-child{
  background:#eef9ff !important;
  color:#075985 !important;
}
body[data-v241-game="true"] .clean-quiz-stage,
body[data-v241-game="true"] .clean-match-stage,
body[data-v241-game="true"] .clean-arcade-stage,
body[data-v241-game="true"] .clean-strategy-stage{
  border-radius:28px !important;
  border:1px solid rgba(37,99,235,.14) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 18px 42px rgba(37,99,235,.12) !important;
  min-height:0 !important;
}
body[data-v241-game="true"] .clean-quiz-progress,
body[data-v241-game="true"] .clean-match-progress,
body[data-v241-game="true"] .clean-arcade-progress,
body[data-v241-game="true"] .clean-strategy-progress{
  color:#1f3d5b !important;
  font-weight:1000 !important;
}
body[data-v241-game="true"] .clean-quiz-hint,
body[data-v241-game="true"] .clean-match-hint,
body[data-v241-game="true"] .clean-arcade-hint,
body[data-v241-game="true"] .clean-strategy-hint{
  background:#eef7ff !important;
  color:#355674 !important;
  border:1px solid rgba(37,99,235,.12) !important;
}
body[data-v241-game="true"] .clean-question-card,
body[data-v241-game="true"] .clean-match-board,
body[data-v241-game="true"] .clean-arcade-area,
body[data-v241-game="true"] .strategy-play-area{
  border-radius:26px !important;
  border:1px solid rgba(37,99,235,.12) !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(250,204,21,.22), transparent 11rem),
    linear-gradient(180deg,#f7fbff,#eef7ff) !important;
}
body[data-v241-game="true"] .arcade-side-panel,
body[data-v241-game="true"] .strategy-side-panel{
  border-radius:24px !important;
  border:1px solid rgba(37,99,235,.12) !important;
  background:#fff !important;
  box-shadow:inset 0 -4px 0 rgba(37,99,235,.05) !important;
  overflow:auto !important;
}
body[data-v241-game="true"] .arcade-actions button,
body[data-v241-game="true"] .strategy-actions button,
body[data-v241-game="true"] .clean-choice-grid button,
body[data-v241-game="true"] .clean-choice-grid .pad-choice,
body[data-v241-game="true"] .clean-match-card{
  touch-action:manipulation !important;
  user-select:none !important;
}
body[data-v241-game="true"] .arcade-actions button,
body[data-v241-game="true"] .strategy-actions button{
  min-height:46px !important;
  border-radius:16px !important;
  font-size:15px !important;
}
body[data-v241-game="true"] .arcade-actions button:not(.center):not(.light),
body[data-v241-game="true"] .strategy-actions button.primary,
body[data-v241-game="true"] .strategy-actions .btn.primary{
  background:#fff7d6 !important;
  color:#5a3d00 !important;
  border:1px solid rgba(250,204,21,.35) !important;
}
body[data-v241-game="true"] .arcade-actions .light,
body[data-v241-game="true"] .strategy-actions .btn.light{
  background:#f3f8ff !important;
  color:#1d4ed8 !important;
  border:1px solid rgba(37,99,235,.13) !important;
}
body[data-v241-game="true"] .clean-result,
body[data-v241-game="true"] .arcade-result,
body[data-v241-game="true"] .strategy-result{
  border-radius:18px !important;
  background:#f3f8ff !important;
  border:1px solid rgba(37,99,235,.12) !important;
  color:#355674 !important;
}
body[data-v241-game="true"] .clean-result.ok,
body[data-v241-game="true"] .arcade-result.ok,
body[data-v241-game="true"] .strategy-result.ok{
  background:#ecfdf5 !important;
  border-color:rgba(16,185,129,.25) !important;
  color:#065f46 !important;
}
body[data-v241-game="true"] .clean-result.bad,
body[data-v241-game="true"] .arcade-result.bad,
body[data-v241-game="true"] .strategy-result.bad{
  background:#fff7ed !important;
  border-color:rgba(251,146,60,.30) !important;
  color:#9a3412 !important;
}
body[data-v241-game="true"] .series-finish-actions:not(:empty){
  border-radius:30px !important;
  border:2px solid rgba(37,99,235,.16) !important;
  background:#fff !important;
  box-shadow:0 24px 58px rgba(37,99,235,.18),0 0 0 8px rgba(255,255,255,.62) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
body[data-v241-game="true"] .clean-finish-title,
body[data-v241-game="true"] .clean-finish-note,
body[data-v241-game="true"] .v4-finish-card{
  flex:0 0 100% !important;
  text-align:center !important;
}
body[data-v241-game="true"] .clean-finish-title,
body[data-v241-game="true"] .v4-finish-card strong{
  color:#10233f !important;
}
body[data-v241-game="true"] .clean-finish-note,
body[data-v241-game="true"] .v4-finish-card p{
  color:#51627a !important;
}
body[data-v241-game="true"] .clean-finish-primary,
body[data-v241-game="true"] .series-finish-actions .btn.primary.clean-finish-primary{
  min-height:58px !important;
  border-radius:20px !important;
  padding:0 24px !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 14px 28px rgba(37,99,235,.24) !important;
  font-weight:1000 !important;
}
body[data-v241-game="true"] .clean-finish-secondary,
body[data-v241-game="true"] .clean-finish-growth,
body[data-v241-game="true"] .series-finish-actions .btn.light{
  min-height:52px !important;
  border-radius:18px !important;
  padding:0 18px !important;
  background:#f3f8ff !important;
  color:#1d4ed8 !important;
  border:1px solid rgba(37,99,235,.14) !important;
  box-shadow:none !important;
  text-decoration:none !important;
  font-weight:950 !important;
}
body[data-v241-game="true"] .clean-finish-growth{
  background:#f8fafc !important;
  color:#51627a !important;
}
body[data-v241-game="true"] .v225-result-pop{
  border-radius:30px !important;
  opacity:1 !important;
  background:#fff !important;
  box-shadow:0 26px 70px rgba(15,23,42,.24),0 0 0 8px rgba(255,255,255,.70) !important;
}
@media (orientation:landscape) and (min-width:900px) and (max-height:820px){
  body[data-v241-game="true"]{height:100dvh !important; overflow:hidden !important;}
  body[data-v241-game="true"] .clean-game-shell{
    width:min(1180px, calc(100vw - 14px)) !important;
    height:100dvh !important;
    min-height:0 !important;
    padding:6px 0 !important;
    gap:6px !important;
  }
  body[data-v241-game="true"] .clean-game-topbar{
    min-height:54px !important;
    padding:5px 8px !important;
    border-radius:20px !important;
    gap:8px !important;
  }
  body[data-v241-game="true"] .clean-game-icon{width:38px !important;height:38px !important;border-radius:14px !important;font-size:22px !important;}
  body[data-v241-game="true"] .clean-game-title h1{font-size:clamp(18px,2vw,24px) !important;}
  body[data-v241-game="true"] .clean-game-title p{font-size:11.5px !important; max-width:34vw !important;}
  body[data-v241-game="true"] .clean-back,
  body[data-v241-game="true"] .clean-top-action,
  body[data-v241-game="true"] .clean-series-btn,
  body[data-v241-game="true"] .clean-pack-close{min-height:38px !important;border-radius:14px !important;font-size:14px !important;padding:0 10px !important;}
  body[data-v241-game="true"] .clean-quiz-stage,
  body[data-v241-game="true"] .clean-match-stage,
  body[data-v241-game="true"] .clean-arcade-stage,
  body[data-v241-game="true"] .clean-strategy-stage{padding:8px !important;border-radius:22px !important;}
  body[data-v241-game="true"] .clean-quiz-progress,
  body[data-v241-game="true"] .clean-match-progress,
  body[data-v241-game="true"] .clean-arcade-progress,
  body[data-v241-game="true"] .clean-strategy-progress{margin-bottom:5px !important;font-size:14px !important;gap:7px !important;}
  body[data-v241-game="true"] .clean-quiz-hint,
  body[data-v241-game="true"] .clean-match-hint,
  body[data-v241-game="true"] .clean-arcade-hint,
  body[data-v241-game="true"] .clean-strategy-hint{font-size:12px !important;padding:4px 8px !important;}
  body[data-v241-game="true"] .clean-arcade-area,
  body[data-v241-game="true"] .strategy-play-area{grid-template-columns:minmax(0,1fr) minmax(220px,286px) !important;padding:8px !important;gap:8px !important;border-radius:20px !important;}
  body[data-v241-game="true"] .arcade-side-panel,
  body[data-v241-game="true"] .strategy-side-panel{padding:10px !important;gap:7px !important;border-radius:20px !important;}
  body[data-v241-game="true"] .arcade-side-panel strong,
  body[data-v241-game="true"] .strategy-side-panel strong{font-size:clamp(17px,2vw,23px) !important;line-height:1.18 !important;}
  body[data-v241-game="true"] .arcade-side-panel p,
  body[data-v241-game="true"] .strategy-side-panel p{font-size:12.5px !important;line-height:1.32 !important;}
  body[data-v241-game="true"] .arcade-stat-list,
  body[data-v241-game="true"] .strategy-stat-list{gap:5px !important;}
  body[data-v241-game="true"] .arcade-stat-list span,
  body[data-v241-game="true"] .strategy-stat-list span{padding:5px 8px !important;font-size:12px !important;}
  body[data-v241-game="true"] .arcade-actions,
  body[data-v241-game="true"] .strategy-actions{gap:6px !important;}
  body[data-v241-game="true"] .arcade-actions button,
  body[data-v241-game="true"] .strategy-actions button{min-height:38px !important;border-radius:14px !important;font-size:14px !important;}
  body[data-v241-game="true"] .arcade-grid{width:min(100%, min(62vh, 520px)) !important;gap:6px !important;}
  body[data-v241-game="true"] .arcade-snake-wrap{width:min(100%, min(60vh, 500px)) !important;}
  body[data-v241-game="true"] .arcade-big-card{padding:14px !important;border-radius:22px !important;font-size:clamp(28px,6.2vh,60px) !important;}
  body[data-v241-game="true"] .arcade-choice-row{gap:7px !important;}
  body[data-v241-game="true"] .arcade-choice-row button{min-height:46px !important;min-width:66px !important;border-radius:15px !important;font-size:clamp(18px,3.3vh,30px) !important;}
  body[data-v241-game="true"] .strategy-dots-board{width:min(360px, min(56vh, 100%)) !important;gap:7px !important;}
  body[data-v241-game="true"] .strategy-go-board{width:min(370px, min(58vh, 100%)) !important;gap:6px !important;}
  body[data-v241-game="true"] .strategy-gomoku-board{width:min(470px, min(62vh, 100%)) !important;gap:4px !important;}
  body[data-v241-game="true"] .strategy-connect-board{width:min(500px, min(66vh, 100%)) !important;gap:5px !important;}
  body[data-v241-game="true"] .strategy-corn-field{min-height:150px !important;padding:10px !important;font-size:clamp(24px,4.4vh,42px) !important;}
  body[data-v241-game="true"] .strategy-big-count{min-height:42px !important;font-size:clamp(19px,2.8vw,30px) !important;}
  body[data-v241-game="true"] .clean-quiz-stage{display:flex !important;flex-direction:column !important;}
  body[data-v241-game="true"] .clean-question-card{padding:10px !important;gap:8px !important;border-radius:20px !important;}
  body[data-v241-game="true"] .clean-question{min-height:0 !important;border-radius:20px !important;font-size:clamp(30px,6.4vh,60px) !important;}
  body[data-v241-game="true"] .clean-choice-grid{gap:8px !important;}
  body[data-v241-game="true"] .clean-choice-grid button,
  body[data-v241-game="true"] .clean-choice-grid .pad-choice{min-height:0 !important;border-radius:18px !important;font-size:clamp(22px,4.2vh,38px) !important;}
  body[data-v241-game="true"] .clean-match-board{padding:8px !important;gap:8px !important;border-radius:20px !important;}
  body[data-v241-game="true"] .clean-match-col{grid-template-rows:22px repeat(6,minmax(0,1fr)) !important;gap:6px !important;}
  body[data-v241-game="true"] .clean-match-card{border-radius:17px !important;padding:4px 8px !important;font-size:clamp(18px,3.8vh,32px) !important;}
  body[data-v241-game="true"] .clean-result,
  body[data-v241-game="true"] .arcade-result,
  body[data-v241-game="true"] .strategy-result{min-height:30px !important;margin-top:5px !important;font-size:15px !important;padding:3px 8px !important;}
  body[data-v241-game="true"] .series-finish-actions:not(:empty){max-height:calc(100% - 20px) !important;overflow:auto !important;padding:14px !important;border-radius:24px !important;}
}
@media (max-width:899px){
  body[data-v241-game="true"]{overflow:auto !important;height:auto !important;min-height:100dvh !important;}
  body[data-v241-game="true"] .clean-game-shell{height:auto !important;min-height:100dvh !important;overflow:visible !important;width:min(100% - 18px, 980px) !important;padding:8px 0 16px !important;}
  body[data-v241-game="true"] .clean-game-topbar{grid-template-columns:1fr auto !important;gap:8px !important;}
  body[data-v241-game="true"] .clean-game-title{grid-column:1 / -1 !important;grid-row:1 !important;justify-content:flex-start !important;text-align:left !important;}
  body[data-v241-game="true"] .clean-back{grid-row:2 !important;justify-content:center !important;}
  body[data-v241-game="true"] .clean-game-actions{grid-row:2 !important;justify-content:flex-end !important;gap:6px !important;}
  body[data-v241-game="true"] .clean-game-title p{max-width:70vw !important;}
  body[data-v241-game="true"] .clean-arcade-area,
  body[data-v241-game="true"] .strategy-play-area{grid-template-columns:1fr !important;overflow:visible !important;}
  body[data-v241-game="true"] .arcade-side-panel,
  body[data-v241-game="true"] .strategy-side-panel{justify-content:flex-start !important;overflow:visible !important;}
  body[data-v241-game="true"] .clean-match-board{grid-template-columns:1fr !important;min-height:640px !important;}
  body[data-v241-game="true"] .clean-match-col{grid-template-rows:auto repeat(6,64px) !important;}
  body[data-v241-game="true"] .series-finish-actions:not(:empty){position:static !important;transform:none !important;width:auto !important;margin-top:12px !important;}
}