
/* ===== v1.66: mobile result, category map, beginner-first result ===== */
.v122pickGroups{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.v122gt{min-width:0;min-height:72px;padding:9px 4px!important;border-radius:13px!important;word-break:keep-all}
.v122gt .v122ic{width:31px!important;height:31px!important;border-radius:10px!important}
.v161FocusGuide{margin:0 0 10px;padding:11px 12px;border:1px solid rgba(125,93,230,.18);border-radius:14px;background:linear-gradient(135deg,rgba(245,241,255,.94),rgba(255,245,251,.92));color:var(--muted-strong);font-size:12px;line-height:1.6}
.v161FocusGuide b{color:var(--accent-deep)}
.v161HeadNote{display:block;margin-top:2px;color:rgba(255,255,255,.82);font-size:10.5px;font-weight:650;line-height:1.25}
.autoHeadTitle{display:block!important;min-width:0}
.v161Story{margin:10px 0 4px}
.v161StoryHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.v161StoryHead b{font-size:14px;color:var(--text)}
.v161StoryHead span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:var(--surface-soft-2);color:var(--accent-deep);font-size:10.5px;font-weight:850}
.v161StoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v161StoryGrid article{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;min-width:0;padding:11px;border:1px solid rgba(125,93,230,.14);border-radius:13px;background:rgba(255,255,255,.72)}
.v161StoryGrid article em{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--hero-gradient);color:#fff;font-size:11px;font-style:normal;font-weight:900}
.v161StoryGrid article b{display:block;margin:1px 0 4px;color:var(--text);font-size:12.5px}
.v161StoryGrid article p{margin:0;color:var(--muted-strong);font-size:12px;line-height:1.58;word-break:keep-all}
#autoAdvice{margin:7px 0 3px!important;padding:11px 12px;border:1px solid rgba(125,93,230,.14);border-radius:13px;background:var(--surface-soft);color:var(--text)!important}
#autoAdvice:empty{display:none}
#v141LogicLead{margin-top:10px!important}
.evidenceAccordionBox,.summaryDetails{opacity:.9}
.evidenceDetails>summary{font-size:11.5px!important}
body.dark-mode .v161FocusGuide{background:linear-gradient(135deg,#27203f,#2f2342)!important;border-color:rgba(194,178,255,.2)!important;color:#cbc3dc!important}
body.dark-mode .v161FocusGuide b{color:#f2edff!important}
body.dark-mode .v161StoryHead b,body.dark-mode .v161StoryGrid article b{color:#f2edff!important}
body.dark-mode .v161StoryHead span{background:#352a53!important;color:#e6ddff!important}
body.dark-mode .v161StoryGrid article{background:#241d3b!important;border-color:rgba(194,178,255,.16)!important}
body.dark-mode .v161StoryGrid article p{color:#cbc3dc!important}
body.dark-mode #autoAdvice{background:#241d3b!important;border-color:rgba(194,178,255,.16)!important;color:#eee9fa!important}
body.dark-mode .textTabs.yaoActionTabs .btn,
body.dark-mode #randomMake,
body.dark-mode #timeNow,
body.dark-mode #manualMake,
body.dark-mode .resultTools #promptBtn{
  width:calc(100% - 2px)!important;
  max-width:calc(100% - 2px)!important;
  margin-left:1px!important;
  margin-right:1px!important;
  border:0!important;
  outline:0!important;
  background-clip:padding-box!important;
  box-shadow:0 12px 28px rgba(122,90,231,.28)!important;
}
body.dark-mode #v125cta button{width:calc(100% - 2px)!important;max-width:518px!important;margin-left:1px!important;margin-right:1px!important;border:0!important;background-clip:padding-box!important}
@media(max-width:560px){
  .v122gt{min-height:68px;font-size:10px!important}
  .v161StoryGrid{grid-template-columns:1fr}
  .v161StoryGrid article{padding:10px}
  .v161HeadNote{max-width:180px;white-space:normal}
}
@media(max-width:330px){.v122pickGroups{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ===== v1.66: dark surface contrast, visible help icons, centered deep buttons ===== */
.textTabs.yaoActionTabs .btn{
  justify-content:center!important;
  text-align:center!important;
  padding-left:46px!important;
  padding-right:46px!important;
}
body.dark-mode .tagHelp{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(255,255,255,.98)!important;
  color:#5133a8!important;
  box-shadow:0 2px 8px rgba(0,0,0,.28),0 0 0 1px rgba(96,65,177,.18)!important;
  font-size:11px!important;
  font-weight:950!important;
}
body.dark-mode .panel{
  background:linear-gradient(180deg,rgba(37,30,61,.96),rgba(27,22,47,.97))!important;
  border-color:rgba(255,255,255,.10)!important;
}
body.dark-mode .autoBody,
body.dark-mode .briefBody,
body.dark-mode .yaoPanel,
body.dark-mode .yilinPanel{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;
  border-color:rgba(255,255,255,.11)!important;
}
body.dark-mode .btn.ghost,
body.dark-mode .seg button:not(.active),
body.dark-mode .viewTab:not(.active),
body.dark-mode .helpClose,
body.dark-mode .yaoExpandAll,
body.dark-mode .yilinMiniBtn,
body.dark-mode .ybSimilar{
  background:rgba(255,255,255,.07)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#eee9fa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.dark-mode .btn.ghost:active,
body.dark-mode .seg button:not(.active):active,
body.dark-mode .viewTab:not(.active):active{
  background:rgba(255,255,255,.12)!important;
}
body.dark-mode .v122gt,
body.dark-mode .v122chip,
body.dark-mode .chip,
body.dark-mode .autoTag:not(.good):not(.bad),
body.dark-mode .reasonImpact,
body.dark-mode .v141RoleCard,
body.dark-mode .contextCard,
body.dark-mode .v141YongsinRoles span,
body.dark-mode .lfsTags span,
body.dark-mode .yilinTag{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.15)!important;
  color:#e1daef!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body.dark-mode .v122gt.active,
body.dark-mode .v122chip.active{
  background:rgba(157,125,255,.20)!important;
  border-color:rgba(190,169,255,.68)!important;
  color:#f5f1ff!important;
  box-shadow:inset 3px 0 0 #b8a0ff,0 0 0 1px rgba(184,160,255,.16)!important;
}
body.dark-mode .autoTag.good{
  background:rgba(68,191,145,.16)!important;
  border-color:rgba(122,226,187,.30)!important;
  color:#b9f0dc!important;
}
body.dark-mode .autoTag.bad{
  background:rgba(232,102,132,.16)!important;
  border-color:rgba(255,151,177,.32)!important;
  color:#ffd0dc!important;
}
body.dark-mode .v161StoryGrid article,
body.dark-mode #autoAdvice,
body.dark-mode .briefCard,
body.dark-mode #yaoPanel .yaoCard,
body.dark-mode .timingCard,
body.dark-mode .timingCardV169,
body.dark-mode .timingCardV170{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.13)!important;
}
body.dark-mode .evidenceDetails>summary,
body.dark-mode .yilinFold>summary{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.14)!important;
}
