:root{
  --bg:#05030d;--panel:#090713ee;--panel2:#0a0716f2;
  --violet:#a442ff;--violet2:#6520df;--line:#62317f;
  --gold:#ffd95c;--text:#fff;--muted:#9c93a8;
}
*{box-sizing:border-box}
html{background:var(--bg);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--text)}
body{margin:0;min-height:100vh;background:#05030d;overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.space{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;
 background:
 radial-gradient(circle at 16% 14%,#6324b43c 0,transparent 22%),
 radial-gradient(circle at 88% 21%,#3a16884f 0,transparent 24%),
 radial-gradient(circle at 35% 54%,#4e179430 0,transparent 26%),
 linear-gradient(180deg,#05030d,#070412 58%,#05030d)}
.space:before{content:"";position:absolute;inset:0;opacity:.65;background-image:
 radial-gradient(circle,#fff 0 1px,transparent 1.25px),
 radial-gradient(circle,#b56aff 0 1px,transparent 1.25px);
 background-size:71px 71px,119px 119px;background-position:12px 7px,31px 44px}
.planet{position:absolute;right:-43px;top:36px;width:215px;height:215px;border-radius:50%;
 background:radial-gradient(circle at 36% 30%,#c59cff 0,#7a3aff 20%,#371472 44%,#110822 70%);
 box-shadow:0 0 28px #8b42ff,0 0 70px #6930df99}
.planet-ring{position:absolute;right:-107px;top:120px;width:350px;height:66px;border:2px solid #9454ff77;border-radius:50%;
 transform:rotate(-19deg);box-shadow:0 0 18px #8341ff}
.nebula{position:absolute;border-radius:50%;filter:blur(42px)}
.nebula-a{width:260px;height:180px;left:-80px;top:530px;background:#681dc54d}
.nebula-b{width:280px;height:220px;right:-100px;top:780px;background:#5f24cc40}

.app{position:relative;z-index:1;width:min(100%,853px);margin:0 auto;padding:22px 21px 92px}
.hero{height:172px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:23px;min-width:0}
.ai-logo{flex:0 0 118px;width:118px;height:118px;border-radius:25px;border:2px solid #b852ff;
 display:grid;place-items:center;background:linear-gradient(145deg,#100923,#080610);color:#ffe194;font-size:58px;font-weight:900;
 box-shadow:inset 0 0 22px #6f22c975,0 0 22px #7f2fff,text-shadow 0 0 20px #ffbc42}
.brand-copy{min-width:0;padding-top:20px}
.brand-copy h1{margin:0;line-height:1.05;font-size:45px;letter-spacing:-1.5px;font-weight:900;white-space:nowrap;
 background:linear-gradient(90deg,#ffe39b 0%,#fff0bf 36%,#ef9aff 63%,#a349ff 100%);-webkit-background-clip:text;color:transparent}
.brand-copy h1 span{white-space:nowrap}
.brand-copy p{margin:13px 0 0;color:#e5deeb;font-size:20px;white-space:nowrap}
.record-btn{margin-top:39px;flex:0 0 auto;height:51px;padding:0 16px;border-radius:16px;border:1px solid #a34cff;
 background:#0b0719db;color:#fff2bd;font-size:15px;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap;
 box-shadow:0 0 18px #7830e64c}
.record-btn svg{width:21px;height:21px;fill:#ffdd55}

.feature-strip{height:224px;margin-bottom:24px;border:1px solid #704098;border-radius:25px;background:#090715e8;overflow:hidden;
 display:grid;grid-template-columns:repeat(4,1fr);box-shadow:inset 0 1px #ffffff10,0 15px 35px #0008}
.feature-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.feature-item+.feature-item:before{content:"";position:absolute;left:0;top:23%;height:54%;width:1px;background:#543166}
.feature-icon{height:67px;display:grid;place-items:center;margin-bottom:6px}
.feature-icon svg{width:61px;height:61px;fill:none;stroke:#bd6cff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 0 8px #8e31ff)}
.feature-icon svg circle{fill:#b96bff;stroke:none}
.feature-item b{color:#ffdc62;font-size:24px;line-height:1.15;white-space:nowrap}
.feature-item small{margin-top:11px;color:#c1b8c8;font-size:17px;white-space:nowrap}

.panel{margin-bottom:18px;padding:18px 20px;border:1px solid #78409b;border-radius:23px;background:linear-gradient(145deg,#0b0818ee,#080612f2);
 box-shadow:inset 0 1px #ffffff0d,0 15px 34px #0007}
.section-heading{height:49px;display:flex;align-items:center;gap:13px;min-width:0;overflow:hidden}
.section-heading .num{flex:0 0 46px;height:46px;border-radius:10px;border:1px solid #b369ff;background:linear-gradient(145deg,#8541ff,#3c156e);
 display:grid;place-items:center;font-size:20px;font-weight:900;box-shadow:0 0 15px #772fff}
.section-heading strong{flex:0 0 auto;font-size:24px;white-space:nowrap}
.section-heading small{min-width:0;color:#aaa1b2;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 17px;margin-top:17px}
.control{height:79px;border-radius:15px;border:1px solid #533469;background:#07050f;display:flex;align-items:center;overflow:hidden;min-width:0}
.control-label{height:100%;flex:0 0 139px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#f2ce62;font-size:17px;font-weight:800;white-space:nowrap;
 background:linear-gradient(90deg,#0b0816 0,#0b0816 78%,#0b081600 100%)}
.control-label svg{width:29px;height:29px;fill:none;stroke:#bd69ff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px #8b31ff)}
.control select{height:100%;min-width:0;flex:1;border:0;outline:0;color:#fff;background:#080611;padding:0 18px;font-size:18px}
.control select option{background:#0b0714}
.stage-tabs{height:100%;min-width:0;flex:1;display:grid;grid-template-columns:1fr 1fr}
.stage-tabs button{border:0;background:transparent;color:#fff;font-size:19px;font-weight:700;white-space:nowrap}
.stage-tabs button.active{background:linear-gradient(135deg,#4a158d,#8126d6);box-shadow:inset 0 0 18px #aa5cff66,0 0 13px #7227d7}
.full{grid-column:1/-1}

.topic-row{display:grid;grid-template-columns:minmax(0,1fr) 203px;gap:18px;margin-top:17px}
.topic-input{height:75px;border:1px solid #53326c;border-radius:15px;background:#07050f;display:flex;align-items:center;gap:15px;padding:0 18px}
.topic-input svg{width:27px;height:27px;fill:none;stroke:#c35fff;stroke-width:2.2;flex:0 0 auto}
.topic-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:17px;white-space:nowrap}
.topic-input input::placeholder{color:#807985}
.find-btn{height:75px;border-radius:15px;border:1px solid #dc8fff;background:linear-gradient(135deg,#7b24df,#5b1bb0);
 color:#fff4d0;font-size:20px;font-weight:900;white-space:nowrap;box-shadow:inset 0 0 15px #be75ff55,0 0 22px #8433ff88}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.chips button{border:1px solid #5a3473;border-radius:99px;background:#11091d;color:#e0cbf0;padding:6px 11px;font-size:12px;white-space:nowrap}

.enhance-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 17px;margin-top:17px}
.enhance-item{height:85px;border:1px solid #523168;border-radius:15px;background:#07050f;display:flex;align-items:center;justify-content:space-between;padding:0 17px;min-width:0}
.enhance-left{display:flex;align-items:center;gap:15px;min-width:0}
.enhance-left svg{width:35px;height:35px;flex:0 0 35px;fill:none;stroke:#ca6cff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #8e34ff)}
.enhance-left div{min-width:0}
.enhance-left b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enhance-left small{display:block;margin-top:4px;color:#8e8696;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enhance-item input{display:none}
.enhance-item i{position:relative;width:48px;height:26px;flex:0 0 48px;border-radius:30px;background:#2a2136;box-shadow:inset 0 0 0 1px #5f4173}
.enhance-item i:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#e9e6ed;transition:.18s}
.enhance-item input:checked+i{background:linear-gradient(90deg,#5820d1,#9f3aff);box-shadow:0 0 12px #9336ff,inset 0 0 0 1px #f1bf48}
.enhance-item input:checked+i:after{left:26px;background:#fff9dc}

.textarea-wrap{position:relative;margin-top:17px}
.textarea-wrap textarea{display:block;width:100%;height:122px;resize:none;border:1px solid #55326d;border-radius:15px;background:#07050f;color:#fff;
 padding:17px 18px 33px;outline:0;font-size:17px;line-height:1.55}
.textarea-wrap textarea::placeholder{color:#77717e}
.textarea-wrap>span{position:absolute;right:18px;bottom:13px;color:#8c8592;font-size:14px}
.generate-btn{width:100%;height:74px;margin-top:19px;border:1px solid #f2b7ff;border-radius:16px;color:#fff;font-size:26px;font-weight:900;white-space:nowrap;
 background:linear-gradient(105deg,#7824ff 0%,#9d30ec 38%,#ca6997 62%,#ffb23f 89%,#ffd15c 100%);
 box-shadow:inset 0 1px #ffffff6b,0 0 27px #8b32ff80}
.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:13px}
.secondary-actions button{height:62px;border-radius:14px;border:1px solid #56316e;background:#080612;color:#f4cf61;font-size:17px;font-weight:800;white-space:nowrap}

.result-panel pre{margin:14px 0 0;max-height:520px;overflow:auto;white-space:pre-wrap;border:1px solid #513067;border-radius:14px;background:#06040d;color:#e4dce9;padding:16px;line-height:1.7}
.hidden{display:none!important}
#historyList>div{padding:12px 5px;border-bottom:1px solid #3a2347}
#historyList b{color:#efd168}
#historyList small{display:block;color:#948b9c;margin-top:5px}

.bottom-nav{position:fixed;z-index:10;bottom:10px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),811px);height:89px;border:1px solid #6e3c89;border-radius:20px;
 background:#080611ee;backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 35px #0009}
.bottom-nav button{border:0;background:transparent;color:#7e778a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:15px;white-space:nowrap}
.bottom-nav .nav-icon{font-size:27px}
.bottom-nav button.active{color:#ffe16f;text-shadow:0 0 12px #a346ff}
.toast{position:fixed;left:50%;bottom:112px;transform:translateX(-50%);z-index:30;background:#180d29;border:1px solid #a753ff;color:#fff1ba;padding:10px 17px;border-radius:12px;box-shadow:0 0 20px #8131ff88;white-space:nowrap}

@media(max-width:720px){
 .app{padding:14px 12px 100px}
 .hero{height:143px}
 .brand{gap:12px}
 .ai-logo{width:84px;height:84px;flex-basis:84px;border-radius:21px;font-size:43px}
 .brand-copy{padding-top:13px}
 .brand-copy h1{font-size:clamp(23px,5.9vw,34px)}
 .brand-copy p{margin-top:8px;font-size:14px}
 .record-btn{margin-top:25px;height:44px;padding:0 10px;font-size:12px}
 .feature-strip{height:180px;border-radius:21px;margin-bottom:16px}
 .feature-icon{height:54px}
 .feature-icon svg{width:48px;height:48px}
 .feature-item b{font-size:17px}
 .feature-item small{font-size:12px;margin-top:8px}
 .panel{padding:15px 13px;border-radius:19px;margin-bottom:14px}
 .section-heading{height:42px;gap:8px}
 .section-heading .num{height:40px;flex-basis:40px;font-size:17px}
 .section-heading strong{font-size:20px}
 .section-heading small{font-size:12px}
 .basic-grid{gap:12px;margin-top:13px}
 .control{height:65px}
 .control-label{flex-basis:115px;padding:0 12px;font-size:14px}
 .control-label svg{width:25px;height:25px}
 .control select{font-size:15px;padding:0 10px}
 .stage-tabs button{font-size:16px}
 .topic-row{grid-template-columns:minmax(0,1fr) 170px;gap:12px;margin-top:13px}
 .topic-input,.find-btn{height:63px}
 .topic-input input{font-size:14px}
 .find-btn{font-size:17px}
 .enhance-grid{gap:11px 12px;margin-top:13px}
 .enhance-item{height:74px;padding:0 13px}
 .enhance-left{gap:10px}
 .enhance-left svg{width:30px;height:30px;flex-basis:30px}
 .enhance-left b{font-size:14px}
 .enhance-left small{font-size:11px}
 .enhance-item i{width:43px;flex-basis:43px}
 .enhance-item input:checked+i:after{left:21px}
 .textarea-wrap{margin-top:13px}
 .textarea-wrap textarea{height:108px;font-size:14px}
 .generate-btn{height:65px;font-size:22px}
 .secondary-actions button{height:55px;font-size:14px}
 .bottom-nav{height:82px;width:calc(100% - 24px)}
}

@media(max-width:520px){
 .app{padding-left:9px;padding-right:9px}
 .hero{height:125px}
 .ai-logo{width:68px;height:68px;flex-basis:68px;border-radius:18px;font-size:35px}
 .brand-copy h1{font-size:clamp(20px,6vw,28px)}
 .brand-copy p{font-size:12px}
 .record-btn{height:39px;margin-top:20px;padding:0 8px;font-size:11px}
 .feature-strip{height:157px}
 .feature-icon{height:45px}
 .feature-icon svg{width:39px;height:39px}
 .feature-item b{font-size:14px}
 .feature-item small{font-size:10px}
 .basic-grid{gap:9px 10px}
 .control{height:57px}
 .control-label{flex-basis:91px;padding:0 8px;gap:6px;font-size:12px}
 .control-label svg{width:20px;height:20px}
 .control select{font-size:13px;padding:0 6px}
 .stage-tabs button{font-size:14px}
 .topic-row{grid-template-columns:minmax(0,1fr) 128px;gap:8px}
 .topic-input{height:57px;padding:0 11px;gap:9px}
 .topic-input svg{width:23px;height:23px}
 .topic-input input{font-size:12px}
 .find-btn{height:57px;font-size:14px;padding:0 7px}
 .enhance-item{height:67px;padding:0 9px}
 .enhance-left{gap:7px}
 .enhance-left svg{width:26px;height:26px;flex-basis:26px}
 .enhance-left b{font-size:12px}
 .enhance-left small{font-size:10px}
 .enhance-item i{width:39px;flex-basis:39px;height:23px}
 .enhance-item i:after{width:17px;height:17px;top:3px}
 .enhance-item input:checked+i:after{left:19px}
 .section-heading strong{font-size:18px}
 .section-heading small{font-size:10px}
 .textarea-wrap textarea{font-size:12px}
 .generate-btn{height:59px;font-size:19px}
 .secondary-actions{gap:9px}
 .secondary-actions button{height:50px;font-size:12px}
}


/* ===== V4.1 Mobile Basic Settings Fix ===== */
@media(max-width:560px){
  .basic-grid{
    grid-template-columns:1fr 1fr;
    gap:10px 10px;
  }

  .control{
    min-width:0;
    height:58px;
  }

  .control-label{
    flex:0 0 76px;
    width:76px;
    min-width:76px;
    padding:0 7px;
    gap:5px;
    font-size:12px;
    letter-spacing:0;
  }

  .control-label svg{
    width:19px;
    height:19px;
    flex:0 0 19px;
  }

  .control select{
    min-width:0;
    width:100%;
    padding:0 24px 0 8px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
    appearance:auto;
    -webkit-appearance:menulist;
  }

  .stage-tabs{
    min-width:0;
    grid-template-columns:1fr 1fr;
  }

  .stage-tabs button{
    min-width:0;
    padding:0 4px;
    font-size:13px;
    white-space:nowrap;
    overflow:visible;
  }

  .full{
    grid-column:1/-1;
  }

  .full .control-label{
    flex-basis:90px;
    width:90px;
    min-width:90px;
  }

  .full select{
    font-size:13px;
  }
}

@media(max-width:390px){
  .app{
    padding-left:7px;
    padding-right:7px;
  }

  .panel{
    padding-left:10px;
    padding-right:10px;
  }

  .basic-grid{
    gap:8px;
  }

  .control-label{
    flex-basis:68px;
    width:68px;
    min-width:68px;
    padding:0 5px;
    gap:4px;
    font-size:11px;
  }

  .control-label svg{
    width:17px;
    height:17px;
    flex-basis:17px;
  }

  .control select{
    padding-left:6px;
    padding-right:18px;
    font-size:11px;
  }

  .stage-tabs button{
    font-size:12px;
    padding:0 2px;
  }

  .full .control-label{
    flex-basis:82px;
    width:82px;
    min-width:82px;
  }

  .full select{
    font-size:12px;
  }
}


/* ===== V4.3 Mobile text completeness fix =====
   Goal: keep the approved UI, but prevent title/header/enhancement text clipping.
*/
@media (max-width: 560px) {
  /* Header: reserve real space for the record button and let title area shrink safely */
  .hero,
  .brand {
    min-width: 0;
  }

  .brand-copy,
  .hero-copy {
    min-width: 0;
    flex: 1 1 auto;
  }

  .brand h1,
  .hero h1 {
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    font-size: clamp(17px, 5.15vw, 25px);
    letter-spacing: -0.5px;
  }

  .brand p,
  .hero p {
    white-space: nowrap;
    font-size: clamp(10px, 3.15vw, 14px);
    letter-spacing: 0;
  }

  #recordBtn {
    flex: 0 0 auto;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    font-size: clamp(10px, 3vw, 13px);
  }

  /* Enhancement cards: labels must be fully readable instead of ellipsis */
  .enhance-grid {
    gap: 10px;
  }

  .enhance-item,
  .enhance-card {
    min-width: 0;
    padding-left: 10px;
    padding-right: 8px;
  }

  .enhance-item .text,
  .enhance-card .text,
  .enhance-item label,
  .enhance-card label {
    min-width: 0;
  }

  .enhance-item b,
  .enhance-card b,
  .enhance-item strong,
  .enhance-card strong {
    display: block;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    font-size: clamp(11px, 3.35vw, 15px);
    letter-spacing: -0.25px;
  }

  .enhance-item small,
  .enhance-card small {
    display: block;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    font-size: clamp(9px, 2.7vw, 12px);
  }

  .enhance-item .switch,
  .enhance-card .switch,
  .switch {
    flex: 0 0 42px;
    width: 42px;
    min-width: 42px;
  }
}

@media (max-width: 390px) {
  .brand h1,
  .hero h1 {
    font-size: clamp(16px, 4.85vw, 20px);
  }

  #recordBtn {
    padding-left: 7px;
    padding-right: 7px;
  }

  .enhance-grid {
    gap: 8px;
  }

  .enhance-item,
  .enhance-card {
    padding-left: 8px;
    padding-right: 6px;
  }

  .enhance-item b,
  .enhance-card b,
  .enhance-item strong,
  .enhance-card strong {
    font-size: clamp(10px, 3.15vw, 13px);
  }

  .enhance-item small,
  .enhance-card small {
    font-size: clamp(8px, 2.5vw, 10px);
  }

  .enhance-item .switch,
  .enhance-card .switch,
  .switch {
    flex-basis: 38px;
    width: 38px;
    min-width: 38px;
  }
}

/* Last-resort protection against inherited ellipsis on the two reported areas */
.brand h1,
.hero h1,
.enhance-grid b,
.enhance-grid strong,
.enhance-grid small {
  text-overflow: clip !important;
}


/* ===== V4.5 Mobile: restore V4.3 + single-column enhancement cards ===== */
@media (max-width: 560px) {
  .enhance-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .enhance-item,
  .enhance-card {
    width: 100%;
    min-width: 0;
    min-height: 74px;
    padding: 12px 14px !important;
    display: flex;
    align-items: center !important;
  }

  .enhance-item .text,
  .enhance-card .text,
  .enhance-item label:not(.switch),
  .enhance-card label:not(.switch) {
    min-width: 0;
    flex: 1 1 auto;
  }

  .enhance-item b,
  .enhance-card b,
  .enhance-item strong,
  .enhance-card strong {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(13px, 3.8vw, 16px) !important;
  }

  .enhance-item small,
  .enhance-card small {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: clamp(10px, 3vw, 12px) !important;
  }

  .enhance-item .switch,
  .enhance-card .switch {
    position: static !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    margin-left: 12px !important;
  }
}

@media (max-width: 390px) {
  .enhance-item,
  .enhance-card {
    min-height: 70px;
    padding: 10px 12px !important;
  }

  .enhance-item .switch,
  .enhance-card .switch {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    margin-left: 8px !important;
  }
}


/* ===== V6.1 Visible AI Planner ===== */
.planner-panel{
  border-color:#8a46b8;
}
.planner-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:14px;
}
.planner-item{
  min-width:0;
  padding:12px 13px;
  border:1px solid #503069;
  border-radius:13px;
  background:linear-gradient(145deg,#090613,#0d0819);
}
.planner-item span{
  display:block;
  color:#91889e;
  font-size:12px;
  white-space:nowrap;
}
.planner-item b{
  display:block;
  margin-top:6px;
  color:#f3d16f;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.planner-item.wide{
  grid-column:1/-1;
  background:linear-gradient(90deg,#0c0718,#150b22);
}
.planner-item.wide b{
  color:#e9d8ff;
}
@media(max-width:720px){
  .planner-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .planner-grid{gap:8px}
  .planner-item{padding:10px}
  .planner-item span{font-size:10px}
  .planner-item b{font-size:12px}
}


/* ===== V6.2 + V6.3 Editable Planner & Manual Mode ===== */

.mode-wrap{
  margin-top:14px;
}
.mode-label{
  color:#b6adbf;
  font-size:12px;
  margin-bottom:8px;
}
.mode-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.mode-tabs button{
  border:1px solid #57306f;
  background:#0b0715;
  color:#bdb4c7;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  white-space:nowrap;
}
.mode-tabs button.active{
  color:#fff3b2;
  border-color:#a951ff;
  background:linear-gradient(135deg,#6520cf,#9637ef);
  box-shadow:0 0 13px #8434ff66;
}

.planner-editor{
  margin-top:12px;
  padding:13px;
  border:1px solid #4f2e67;
  border-radius:14px;
  background:linear-gradient(145deg,#080510,#0d0718);
}
.editor-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.editor-head>div{
  min-width:0;
}
.editor-head b{
  display:block;
  color:#f1d36e;
  font-size:14px;
}
.editor-head small{
  display:block;
  color:#8f8699;
  font-size:11px;
  margin-top:3px;
}
.editor-head button{
  flex:0 0 auto;
  border:1px solid #5e3877;
  background:#0c0815;
  color:#d8c6ea;
  border-radius:10px;
  padding:8px 10px;
  font-size:11px;
  white-space:nowrap;
}

.module-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.module-tag{
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #6b3b86;
  background:#11091d;
  color:#eadcf2;
  border-radius:999px;
  padding:7px 9px 7px 11px;
  font-size:12px;
}
.module-tag button{
  border:0;
  background:transparent;
  color:#bda8cb;
  padding:0;
  font-size:14px;
  line-height:1;
}
.module-tag button:hover{
  color:#ffcf62;
}

.module-add{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:10px;
}
.module-add input{
  min-width:0;
  height:40px;
  border:1px solid #503067;
  background:#07050e;
  color:#fff;
  border-radius:10px;
  padding:0 11px;
  outline:0;
}
.module-add input:focus{
  border-color:#9b4cff;
  box-shadow:0 0 0 2px #873cff20;
}
.module-add button{
  height:40px;
  border:1px solid #a352ff;
  background:linear-gradient(135deg,#6522d0,#8932e9);
  color:#fff3c4;
  border-radius:10px;
  padding:0 14px;
  font-weight:800;
  white-space:nowrap;
}

@media(max-width:560px){
  .mode-tabs{
    gap:6px;
  }
  .mode-tabs button{
    padding:7px 9px;
    font-size:11px;
  }
  .planner-editor{
    padding:11px;
  }
  .module-tag{
    font-size:11px;
    padding:6px 8px 6px 10px;
  }
  .module-add{
    grid-template-columns:1fr auto;
  }
  .module-add input{
    font-size:12px;
  }
  .module-add button{
    font-size:12px;
  }
}

/* ===== V6.4 Curriculum Framework ===== */
.curriculum-box{margin-top:14px;padding:13px;border:1px solid #4d2d64;border-radius:14px;background:linear-gradient(145deg,#080510,#0c0717)}
.curriculum-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.curriculum-head>div{min-width:0}
.curriculum-head b{display:block;color:#f2d36f;font-size:14px}
.curriculum-head small{display:block;margin-top:3px;color:#8f8799;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.optional-badge{flex:0 0 auto;border:1px solid #5e3976;color:#c9b7d9;border-radius:999px;padding:5px 9px;font-size:10px}
.curriculum-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px;margin-top:11px}
.curriculum-grid label{min-width:0}
.curriculum-grid label>span{display:block;margin:0 0 6px 2px;color:#a59bad;font-size:11px}
.curriculum-grid select,.curriculum-grid input{width:100%;min-width:0;height:42px;border:1px solid #503066;border-radius:10px;background:#07050e;color:#fff;padding:0 10px;outline:0}
.curriculum-grid select:focus,.curriculum-grid input:focus{border-color:#9f4eff;box-shadow:0 0 0 2px #853cff1e}
.curriculum-grid input::placeholder{color:#6f6877}
@media(max-width:560px){
  .curriculum-grid{grid-template-columns:1fr 1fr}
  .unit-field{grid-column:1/-1}
  .curriculum-head small{font-size:10px}
}

/* ===== V6.4 Official Curriculum DB Batch 1 ===== */
.curriculum-note{margin-top:9px;color:#7f768a;font-size:10px;line-height:1.5}
#dbBadge.verified{border-color:#9470ff;color:#eadcff;background:#251044}
#dbBadge.generic{border-color:#51405d;color:#998fa3;background:#0c0911}
.curriculum-grid{grid-template-columns:1fr 1fr 1.2fr 1.2fr}
.lesson-field{min-width:0}
@media(max-width:560px){
  .curriculum-grid{grid-template-columns:1fr 1fr}
  .lesson-field{grid-column:auto}
}

.db-count{font-size:10px;color:#8e8399;white-space:nowrap}


/* ===== V6.6 Knowledge Decomposer ===== */
.knowledge-panel{
  border-color:#6a3c86;
}
.knowledge-summary{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:9px;
  margin-top:12px;
}
.knowledge-summary>div{
  min-width:0;
  padding:11px 12px;
  border:1px solid #4d2d64;
  border-radius:12px;
  background:linear-gradient(145deg,#090612,#0d0718);
}
.knowledge-summary span{
  display:block;
  color:#91889e;
  font-size:11px;
}
.knowledge-summary b{
  display:block;
  margin-top:5px;
  color:#f1d36f;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.knowledge-summary button{
  align-self:stretch;
  border:1px solid #653a80;
  background:#0c0815;
  color:#d9c8e8;
  border-radius:11px;
  padding:0 12px;
  font-size:11px;
  white-space:nowrap;
}
.knowledge-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:11px;
}
.knowledge-tag{
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #6d3e88;
  background:#11091d;
  color:#eadcf2;
  border-radius:999px;
  padding:7px 9px 7px 11px;
  font-size:12px;
}
.knowledge-tag button{
  border:0;
  background:transparent;
  color:#bca9c9;
  padding:0;
  line-height:1;
}
.knowledge-note{
  margin-top:9px;
  color:#7f7588;
  font-size:10px;
}
.knowledge-add{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:10px;
}
.knowledge-add input{
  min-width:0;
  height:40px;
  border:1px solid #503066;
  background:#07050e;
  color:#fff;
  border-radius:10px;
  padding:0 11px;
  outline:0;
}
.knowledge-add input:focus{
  border-color:#9f4eff;
  box-shadow:0 0 0 2px #853cff1e;
}
.knowledge-add button{
  height:40px;
  border:1px solid #a352ff;
  background:linear-gradient(135deg,#6522d0,#8932e9);
  color:#fff3c4;
  border-radius:10px;
  padding:0 14px;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:560px){
  .knowledge-summary{grid-template-columns:1fr 1fr}
  .knowledge-summary button{grid-column:1/-1;height:38px}
  .knowledge-tag{font-size:11px}
}


/* ===== V6.7 Question Engine ===== */
.question-panel{
  border-color:#70428d;
}
.question-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:12px;
}
.question-grid label>span{
  display:block;
  margin:0 0 6px 2px;
  color:#a69cad;
  font-size:11px;
}
.question-grid select{
  width:100%;
  height:42px;
  border:1px solid #503066;
  border-radius:10px;
  background:#07050e;
  color:#fff;
  padding:0 10px;
  outline:0;
}
.question-grid select:focus{
  border-color:#9f4eff;
  box-shadow:0 0 0 2px #853cff1e;
}
.question-plan{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:9px;
  margin-top:10px;
}
.question-plan>div{
  min-width:0;
  padding:11px 12px;
  border:1px solid #4d2d64;
  border-radius:12px;
  background:linear-gradient(145deg,#090612,#0d0718);
}
.question-plan span{
  display:block;
  color:#91889e;
  font-size:10px;
}
.question-plan b{
  display:block;
  margin-top:5px;
  color:#efd26e;
  font-size:12px;
  line-height:1.4;
}
.question-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.question-type-chip{
  border:1px solid #603979;
  background:#10091a;
  color:#cfc0da;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  cursor:pointer;
  user-select:none;
}
.question-type-chip.active{
  border-color:#a653ff;
  background:linear-gradient(135deg,#5b20c0,#842ce7);
  color:#fff3bf;
  box-shadow:0 0 10px #8b3cff44;
}
@media(max-width:560px){
  .question-grid{grid-template-columns:1fr 1fr}
  .question-grid label:last-child{grid-column:1/-1}
  .question-plan{grid-template-columns:1fr}
}

/* ===== V6.8 Templates / Favorites / History ===== */
.planner-head-actions{display:flex;gap:7px;flex:0 0 auto}
.planner-head-actions button:first-child{border-color:#9a4df7;color:#ffe9a4}
.library-toolbar,.history-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}
.library-toolbar input,.history-toolbar input{min-width:0;height:40px;border:1px solid #503066;border-radius:10px;background:#07050e;color:#fff;padding:0 11px;outline:0}
.library-toolbar button,.history-toolbar button{border:1px solid #7e43a2;border-radius:10px;background:#0d0817;color:#ead7f6;padding:0 13px;white-space:nowrap}
.library-toolbar button{background:linear-gradient(135deg,#6522d0,#8c32e9);color:#fff3bd;border-color:#a551ff;font-weight:800}
.library-tabs{display:flex;gap:8px;margin-top:12px}
.library-tabs button{border:1px solid #503066;background:#0a0612;color:#a99caf;border-radius:999px;padding:7px 11px;font-size:11px}
.library-tabs button.active{color:#fff0b4;border-color:#9f4eff;background:#4c177f}
.library-list{display:grid;gap:9px;margin-top:10px}
.library-card,.history-card-v68{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #452858;border-radius:12px;background:linear-gradient(145deg,#090612,#0d0718)}
.library-card b,.history-card-v68 b{display:block;color:#f1d36f;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-card small,.history-card-v68 small{display:block;margin-top:5px;color:#8f8598;font-size:10px;line-height:1.4}
.library-actions,.history-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.library-actions button,.history-actions button{border:1px solid #533069;background:#0b0714;color:#cdbbd9;border-radius:8px;padding:6px 8px;font-size:10px}
.library-actions button.primary,.history-actions button.primary{border-color:#8c4ad4;color:#ffe8a2}
.library-empty{padding:18px 12px;text-align:center;color:#817789;font-size:11px}
@media(max-width:560px){
  .planner-head-actions{gap:5px}
  .planner-head-actions button{padding:7px 8px!important;font-size:10px!important}
  .library-toolbar,.history-toolbar{grid-template-columns:1fr}
  .library-toolbar button,.history-toolbar button{height:38px}
  .library-card,.history-card-v68{grid-template-columns:1fr}
  .library-actions,.history-actions{justify-content:flex-start}
}


/* ===== V6.9 Settings Center ===== */
.settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:12px;
}
.settings-grid label{min-width:0}
.settings-grid label>span{
  display:block;
  margin:0 0 6px 2px;
  color:#a59bad;
  font-size:11px;
}
.settings-grid select{
  width:100%;
  height:42px;
  border:1px solid #503066;
  border-radius:10px;
  background:#07050e;
  color:#fff;
  padding:0 10px;
  outline:0;
}
.settings-grid select:focus{
  border-color:#9f4eff;
  box-shadow:0 0 0 2px #853cff1e;
}
.settings-toggle-box{
  margin-top:12px;
  padding:12px;
  border:1px solid #4d2d64;
  border-radius:13px;
  background:linear-gradient(145deg,#090612,#0d0718);
}
.settings-toggle-head{
  color:#f0d06b;
  font-size:12px;
  font-weight:800;
}
.settings-toggle-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:10px;
}
.settings-toggle-grid label{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#c7b9d2;
  font-size:11px;
}
.settings-toggle-grid input{
  accent-color:#8c39ef;
}
.settings-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.settings-actions button{
  height:40px;
  border:1px solid #55316c;
  border-radius:10px;
  background:#0c0815;
  color:#d6c5e1;
  padding:0 13px;
  font-size:11px;
  white-space:nowrap;
}
.settings-actions button.primary{
  border-color:#a451ff;
  background:linear-gradient(135deg,#6522d0,#8b31e9);
  color:#fff1b9;
  font-weight:800;
}
.settings-note{
  margin-top:10px;
  color:#7f7588;
  font-size:10px;
  line-height:1.5;
}
@media(max-width:720px){
  .settings-grid{grid-template-columns:1fr 1fr}
  .settings-toggle-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .settings-grid{grid-template-columns:1fr}
  .settings-actions{display:grid;grid-template-columns:1fr}
  .settings-actions button{width:100%}
}


/* ===== V7.0 Teacher Workflow ===== */
.workflow-panel{border-color:#7a4598}
.workflow-mode{margin-top:12px}
.workflow-mode-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.workflow-mode-head>div{min-width:0}
.workflow-mode-head b{display:block;color:#f1d36f;font-size:14px}
.workflow-mode-head small{display:block;margin-top:3px;color:#8e8598;font-size:10px}
.workflow-mode-head button{
  flex:0 0 auto;
  border:1px solid #754493;
  border-radius:10px;
  background:#0d0817;
  color:#d9c4e8;
  padding:8px 10px;
  font-size:10px;
}
.workflow-options{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:11px;
}
.workflow-option{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding:11px;
  border:1px solid #4b2b61;
  border-radius:12px;
  background:linear-gradient(145deg,#090612,#0d0718);
  cursor:pointer;
}
.workflow-option.active{
  border-color:#9950e9;
  box-shadow:0 0 12px #8239d833;
}
.workflow-option input{margin-top:2px;accent-color:#9142eb}
.workflow-option span{min-width:0}
.workflow-option b{display:block;color:#eadcf2;font-size:11px}
.workflow-option small{display:block;margin-top:4px;color:#827989;font-size:9px;line-height:1.35}
.workflow-actions{
  display:flex;
  gap:8px;
  margin-top:11px;
}
.workflow-actions button{
  height:40px;
  border:1px solid #56306e;
  border-radius:10px;
  background:#0c0815;
  color:#d8c5e2;
  padding:0 14px;
  font-size:11px;
}
.workflow-actions button.primary{
  border-color:#a653ff;
  background:linear-gradient(135deg,#6522d0,#8a31e9);
  color:#fff2b8;
  font-weight:800;
}
.workflow-result{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #3f294d;
}
.workflow-result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.workflow-result-head b{color:#f0d06b;font-size:13px}
.workflow-result-head small{color:#8a8093;font-size:10px}
#workflowResultList{
  display:grid;
  gap:9px;
  margin-top:10px;
}
.workflow-card{
  border:1px solid #47295b;
  border-radius:12px;
  background:#0a0612;
  overflow:hidden;
}
.workflow-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px;
  border-bottom:1px solid #392245;
}
.workflow-card-head b{color:#f1d36f;font-size:12px}
.workflow-card-head button{
  border:1px solid #56316b;
  border-radius:8px;
  background:#0f0918;
  color:#cfbdd9;
  padding:5px 8px;
  font-size:9px;
}
.workflow-card pre{
  margin:0;
  max-height:280px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
  padding:11px;
  color:#d9cfe1;
  font-size:10px;
  line-height:1.6;
}
@media(max-width:760px){
  .workflow-options{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .workflow-options{grid-template-columns:1fr}
  .workflow-actions{display:grid;grid-template-columns:1fr}
  .workflow-actions button{width:100%}
}


/* ===== V7.1 Batch Topic Generator ===== */
.batch-panel{border-color:#7a4598}
.batch-source-tabs{
  display:flex;
  gap:8px;
  margin-top:12px;
}
.batch-source-tabs button{
  border:1px solid #503066;
  background:#0a0612;
  color:#a99caf;
  border-radius:999px;
  padding:7px 11px;
  font-size:11px;
}
.batch-source-tabs button.active{
  color:#fff0b4;
  border-color:#9f4eff;
  background:#4c177f;
}
.batch-source-box{
  margin-top:10px;
}
#batchTopicsInput{
  width:100%;
  min-height:120px;
  resize:vertical;
  border:1px solid #503066;
  border-radius:12px;
  background:#07050e;
  color:#fff;
  padding:11px;
  outline:0;
  line-height:1.6;
}
#batchTopicsInput:focus{
  border-color:#9f4eff;
  box-shadow:0 0 0 2px #853cff1e;
}
.batch-hint{
  margin-top:6px;
  color:#7f7588;
  font-size:10px;
}
.batch-unit-summary{
  display:grid;
  grid-template-columns:1.3fr .8fr auto;
  gap:9px;
}
.batch-unit-summary>div{
  min-width:0;
  padding:11px 12px;
  border:1px solid #4d2d64;
  border-radius:12px;
  background:linear-gradient(145deg,#090612,#0d0718);
}
.batch-unit-summary span{
  display:block;
  color:#91889e;
  font-size:10px;
}
.batch-unit-summary b{
  display:block;
  margin-top:5px;
  color:#f1d36f;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.batch-unit-summary button{
  border:1px solid #754493;
  border-radius:11px;
  background:#0d0817;
  color:#dbc7e8;
  padding:0 12px;
  font-size:10px;
  white-space:nowrap;
}
.batch-unit-list{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px;
}
.batch-unit-item{
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid #5b3472;
  background:#10091a;
  color:#cfc0da;
  border-radius:999px;
  padding:7px 9px;
  font-size:10px;
}
.batch-unit-item input{accent-color:#9142eb}
.batch-settings{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:11px;
}
.batch-settings label>span{
  display:block;
  margin:0 0 6px 2px;
  color:#a59bad;
  font-size:10px;
}
.batch-settings select{
  width:100%;
  height:40px;
  border:1px solid #503066;
  border-radius:10px;
  background:#07050e;
  color:#fff;
  padding:0 10px;
}
.batch-actions{
  display:flex;
  gap:8px;
  margin-top:11px;
}
.batch-actions button{
  height:40px;
  border:1px solid #56306e;
  border-radius:10px;
  background:#0c0815;
  color:#d8c5e2;
  padding:0 14px;
  font-size:11px;
}
.batch-actions button.primary{
  border-color:#a653ff;
  background:linear-gradient(135deg,#6522d0,#8a31e9);
  color:#fff2b8;
  font-weight:800;
}
.batch-result{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #3f294d;
}
.batch-result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.batch-result-head b{color:#f0d06b;font-size:13px}
.batch-result-head small{color:#8a8093;font-size:10px}
#batchResultList{
  display:grid;
  gap:9px;
  margin-top:10px;
}
.batch-card{
  border:1px solid #47295b;
  border-radius:12px;
  background:#0a0612;
  overflow:hidden;
}
.batch-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px;
  border-bottom:1px solid #392245;
}
.batch-card-head b{
  color:#f1d36f;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.batch-card-head button{
  border:1px solid #56316b;
  border-radius:8px;
  background:#0f0918;
  color:#cfbdd9;
  padding:5px 8px;
  font-size:9px;
}
.batch-card pre{
  margin:0;
  max-height:260px;
  overflow:auto;
  white-space:pre-wrap;
  word-break:break-word;
  padding:11px;
  color:#d9cfe1;
  font-size:10px;
  line-height:1.6;
}
@media(max-width:560px){
  .batch-unit-summary{grid-template-columns:1fr 1fr}
  .batch-unit-summary button{grid-column:1/-1;height:38px}
  .batch-settings{grid-template-columns:1fr}
  .batch-actions{display:grid;grid-template-columns:1fr}
  .batch-actions button{width:100%}
}


/* ===== V7.2 Prompt Optimizer ===== */
.optimizer-panel{border-color:#8149a3}
.optimizer-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.optimizer-grid>div{
  min-width:0;
  padding:10px;
  border:1px solid #4d2d64;
  border-radius:11px;
  background:linear-gradient(145deg,#090612,#0d0718);
}
.optimizer-grid span{
  display:block;
  color:#91889e;
  font-size:10px;
}
.optimizer-grid b{
  display:block;
  margin-top:5px;
  color:#f0d16d;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.optimizer-options{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:10px;
}
.optimizer-options label{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 10px;
  border:1px solid #4b2b61;
  border-radius:10px;
  background:#0a0612;
  color:#c9bbd3;
  font-size:10px;
}
.optimizer-options input{accent-color:#9142eb}
.optimizer-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.optimizer-actions button{
  height:40px;
  border:1px solid #56306e;
  border-radius:10px;
  background:#0c0815;
  color:#d8c5e2;
  padding:0 14px;
  font-size:11px;
}
.optimizer-actions button.primary{
  border-color:#a653ff;
  background:linear-gradient(135deg,#6522d0,#8a31e9);
  color:#fff2b8;
  font-weight:800;
}
.optimizer-report{
  margin-top:12px;
  padding:11px;
  border:1px solid #4a2b5d;
  border-radius:12px;
  background:#090612;
}
.optimizer-report-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.optimizer-report-head b{color:#f1d36f;font-size:12px}
.optimizer-report-head small{color:#847a8c;font-size:9px}
.optimizer-issue{
  margin-top:7px;
  padding:8px 9px;
  border:1px solid #3e274b;
  border-radius:9px;
  color:#cfc2d7;
  font-size:10px;
  line-height:1.45;
}
.optimizer-issue.good{color:#d7e7c7}
.optimizer-issue.warn{color:#f0cf91}
@media(max-width:760px){
  .optimizer-grid{grid-template-columns:repeat(3,1fr)}
  .optimizer-options{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .optimizer-grid{grid-template-columns:1fr 1fr}
  .optimizer-options{grid-template-columns:1fr}
  .optimizer-actions{display:grid;grid-template-columns:1fr}
}


/* ===== V7.2.2 Mobile Compact Layout ===== */

/* tablet / desktop */
@media (min-width: 761px){
  .workflow-options{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .optimizer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .optimizer-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* mobile */
@media (max-width: 760px){
  .panel{
    padding-top:14px;
    padding-bottom:14px;
  }

  .section-heading{
    margin-bottom:8px;
  }

  /* 教师工作流：5个选项 2列 */
  .workflow-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .workflow-option{
    min-height:62px;
    padding:9px 8px !important;
    gap:6px !important;
  }

  .workflow-option b{
    font-size:10px !important;
  }

  .workflow-option small{
    font-size:8px !important;
    line-height:1.3 !important;
  }

  /* Prompt检测：6项，一行3列 */
  .optimizer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .optimizer-grid>div{
    min-height:52px;
    padding:8px 6px !important;
  }

  .optimizer-grid span{
    font-size:8px !important;
  }

  .optimizer-grid b{
    margin-top:4px !important;
    font-size:10px !important;
  }

  /* Prompt优化4个开关：2列 */
  .optimizer-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .optimizer-options label{
    min-height:42px;
    padding:8px 7px !important;
    gap:5px !important;
    font-size:9px !important;
  }

  /* 操作按钮减少纵向堆叠 */
  .workflow-actions,
  .optimizer-actions{
    gap:6px !important;
  }

  .workflow-actions button,
  .optimizer-actions button{
    min-height:38px;
    padding-left:9px !important;
    padding-right:9px !important;
  }
}

/* 常见窄屏手机继续保持2列/3列，不轻易降级 */
@media (max-width: 430px){
  .workflow-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .optimizer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .optimizer-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .workflow-actions,
  .optimizer-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .workflow-actions button,
  .optimizer-actions button{
    width:100%;
  }
}

/* 超窄屏才降级，避免文字挤坏 */
@media (max-width: 350px){
  .optimizer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .workflow-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ===== V7.2.3 Copy UX Fix ===== */
.result-heading{
  display:flex;
  align-items:center;
  gap:9px;
}
.result-heading-title{
  min-width:0;
  flex:1;
}
.result-heading-title strong,
.result-heading-title small{
  display:block;
}
.copy-final-prompt-btn{
  flex:0 0 auto;
  height:34px;
  border:1px solid #a653ff;
  border-radius:9px;
  background:linear-gradient(135deg,#6522d0,#8a31e9);
  color:#fff2b8;
  padding:0 11px;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.copy-final-prompt-btn:active{
  transform:translateY(1px);
}
@media(max-width:430px){
  .copy-final-prompt-btn{
    height:32px;
    padding:0 9px;
    font-size:9px;
  }
}


/* ===== V7.2.6 Standalone Generate Button ===== */
.generate-action-panel{
  margin:14px 0;
}
.main-generate-btn{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid #a957ff;
  border-radius:14px;
  background:
    radial-gradient(circle at 15% 20%,rgba(246,205,91,.18),transparent 32%),
    linear-gradient(135deg,#4d176f 0%,#6d23ad 46%,#8e35e9 100%);
  box-shadow:
    0 10px 28px rgba(82,26,123,.28),
    inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
  padding:11px 14px;
  text-align:left;
}
.main-generate-btn:active{
  transform:translateY(1px);
}
.generate-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#f3d36b;
  font-size:18px;
}
.generate-copy{
  min-width:0;
}
.generate-copy b{
  display:block;
  color:#fff3bd;
  font-size:14px;
  letter-spacing:.2px;
}
.generate-copy small{
  display:block;
  margin-top:3px;
  color:#d0bbdd;
  font-size:9px;
}
.generate-arrow{
  color:#f3d36b;
  font-size:18px;
}
@media(max-width:430px){
  .generate-action-panel{margin:10px 0}
  .main-generate-btn{
    min-height:54px;
    padding:9px 11px;
    border-radius:12px;
  }
  .generate-copy b{font-size:13px}
  .generate-copy small{font-size:8px}
}


/* ===== V7.2.9 Workflow Result Collapse ===== */
.workflow-result-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
}
.workflow-result-head b{
  min-width:0;
}
.workflow-collapse-btn{
  height:30px;
  border:1px solid #5c376f;
  border-radius:8px;
  background:#0d0816;
  color:#d7c5e1;
  padding:0 9px;
  font-size:9px;
  white-space:nowrap;
}
.workflow-collapse-btn.active{
  border-color:#9b4ee9;
  color:#f1d36f;
  background:#2a103d;
}
#workflowResultBody{
  overflow:hidden;
}
#workflowResultBody.collapsed{
  display:none;
}
@media(max-width:430px){
  .workflow-result-head{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .workflow-result-head small{
    grid-column:1/2;
    grid-row:2;
  }
  .workflow-collapse-btn{
    grid-column:2;
    grid-row:1/3;
    align-self:center;
  }
}


/* ===== V7.2.11 Curriculum Database Full Optimization ===== */
.curriculum-head-v7211{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.curriculum-title-wrap{min-width:0}
.curriculum-title-wrap b{display:block}
.curriculum-title-wrap small{
  display:block;
  margin-top:4px;
  color:#92869a;
  line-height:1.45;
}
.curriculum-head-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.curriculum-source-hint{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #41264f;
  border-radius:9px;
  background:#090611;
  color:#817889;
  font-size:9px;
  line-height:1.5;
}
.curriculum-grid select:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.curriculum-grid select[data-ready="true"]{
  border-color:#65367d;
}
.curriculum-grid select[data-real="true"]{
  box-shadow:inset 0 0 0 1px rgba(241,211,107,.08);
}
.curriculum-grid select[data-framework="true"]{
  border-color:#4d4a6f;
}
@media(max-width:560px){
  .curriculum-head-v7211{gap:6px}
  .curriculum-head-meta{gap:4px}
  .curriculum-source-hint{font-size:8px;padding:7px 8px}
}


/* =========================================================
   V7.3｜首页 UI 视觉重构
   目标：功能不变；强化层级、模块区分、紧凑度、移动端体验
   ========================================================= */

:root{
  --v73-radius-lg:18px;
  --v73-radius-md:13px;
  --v73-gap:14px;
  --v73-line:rgba(174,92,226,.28);
  --v73-line-soft:rgba(174,92,226,.15);
  --v73-surface:rgba(13,8,23,.88);
  --v73-surface-2:rgba(19,10,31,.92);
  --v73-text-soft:#9d90a7;
}

/* 页面整体：减少“所有模块都是同一种框”的感觉 */
body{
  letter-spacing:.01em;
}
.container,
.app-shell,
main{
  position:relative;
}

/* 主面板建立更清晰的视觉分组 */
.panel{
  position:relative;
  overflow:hidden;
  margin-bottom:var(--v73-gap);
  border-radius:var(--v73-radius-lg) !important;
  border:1px solid var(--v73-line) !important;
  background:
    radial-gradient(circle at 0 0,rgba(135,52,210,.08),transparent 30%),
    linear-gradient(180deg,rgba(16,9,28,.96),rgba(10,6,18,.96)) !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.025);
}

/* 各核心区域使用不同的轻微视觉识别，不改变主色体系 */
.panel:nth-of-type(2n){
  background:
    radial-gradient(circle at 100% 0,rgba(83,69,205,.07),transparent 30%),
    linear-gradient(180deg,rgba(15,9,27,.96),rgba(10,6,18,.96)) !important;
}

/* 标题：编号成为视觉锚点，说明文字弱化 */
.section-heading{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:11px;
  margin-bottom:12px !important;
  border-bottom:1px solid var(--v73-line-soft);
}
.section-heading .num{
  flex:0 0 auto;
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px !important;
  border:1px solid rgba(190,105,255,.55);
  background:
    linear-gradient(145deg,rgba(124,44,218,.95),rgba(80,26,145,.95)) !important;
  box-shadow:
    0 5px 16px rgba(114,40,185,.25),
    inset 0 1px 0 rgba(255,255,255,.16);
}
.section-heading strong{
  font-size:18px;
  line-height:1.2;
  letter-spacing:.01em;
}
.section-heading small{
  color:var(--v73-text-soft) !important;
  font-size:10px;
}

/* 表单/设置卡片：减少粗重边框，提升层次 */
.field,
.setting-card,
.plan-card,
.curriculum-box,
.workflow-option,
.optimizer-grid>div,
.optimizer-options label{
  border-color:rgba(158,79,205,.30) !important;
  background:rgba(9,6,16,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.field:hover,
.setting-card:hover,
.workflow-option:hover{
  border-color:rgba(177,88,231,.48) !important;
}

/* 基础设置：统一控件视觉 */
select,
input,
textarea{
  border-radius:10px !important;
}
select:focus,
input:focus,
textarea:focus{
  outline:none;
  border-color:rgba(172,79,235,.72) !important;
  box-shadow:0 0 0 3px rgba(139,55,205,.10);
}

/* 课程数据库：作为基础设置内的二级重点区域 */
.curriculum-box{
  margin-top:12px;
  border-radius:14px !important;
  background:
    linear-gradient(180deg,rgba(18,11,29,.94),rgba(9,6,16,.90)) !important;
}
.curriculum-title-wrap b{
  color:#f0d66f !important;
}
.curriculum-source-hint{
  background:rgba(8,5,14,.70) !important;
  border-color:rgba(143,76,177,.22) !important;
}

/* 智能规划：突出“AI决策区”而不是普通表单 */
.planning-panel,
.smart-plan-panel{
  border-color:rgba(148,74,222,.42) !important;
}
.mode-tabs,
.plan-mode-list{
  gap:7px !important;
}
.mode-tabs button,
.plan-mode-list button{
  border-radius:999px !important;
}

/* 教师工作流：形成明显的“快捷场景”区域 */
.workflow-panel{
  background:
    radial-gradient(circle at 100% 0,rgba(107,68,211,.10),transparent 32%),
    linear-gradient(180deg,rgba(14,9,26,.98),rgba(9,6,16,.98)) !important;
}
.workflow-options{
  gap:8px !important;
}
.workflow-option{
  position:relative;
  border-radius:12px !important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.workflow-option:hover{
  transform:translateY(-1px);
  background:rgba(20,11,32,.90) !important;
}
.workflow-option.active{
  border-color:rgba(173,84,239,.72) !important;
  background:
    linear-gradient(145deg,rgba(69,25,103,.78),rgba(18,9,31,.90)) !important;
}

/* 工作流结果：与选择区区分，避免视觉粘连 */
.workflow-result{
  margin-top:12px;
  padding-top:12px;
  border-top:1px dashed rgba(163,91,201,.28);
}
.workflow-result-head{
  padding:0 1px 8px;
}
.workflow-collapse-btn{
  transition:all .15s ease;
}

/* Prompt 智能优化：做成仪表盘感 */
.optimizer-grid{
  gap:7px !important;
}
.optimizer-grid>div{
  border-radius:11px !important;
  text-align:center;
}
.optimizer-grid span{
  color:#8f8497 !important;
}
.optimizer-grid b{
  color:#eadfef;
}
.optimizer-options{
  gap:7px !important;
}
.optimizer-options label{
  border-radius:10px !important;
}

/* 主生成按钮成为整页唯一最强 CTA */
.generate-action-panel{
  margin:18px 0 !important;
}
.main-generate-btn{
  min-height:64px !important;
  border-radius:16px !important;
  border-color:rgba(190,99,255,.72) !important;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,220,105,.16),transparent 28%),
    linear-gradient(120deg,#451369 0%,#6820a8 46%,#8a31dd 100%) !important;
  box-shadow:
    0 14px 34px rgba(85,26,134,.30),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.generate-copy b{
  font-size:15px !important;
}
.generate-copy small{
  color:#d2bfdc !important;
}

/* 最终结果：与配置区明显分层 */
.result-panel{
  border-color:rgba(209,169,76,.35) !important;
  background:
    radial-gradient(circle at 100% 0,rgba(220,177,76,.07),transparent 30%),
    linear-gradient(180deg,rgba(16,11,22,.98),rgba(9,6,15,.98)) !important;
}
.copy-final-prompt-btn{
  box-shadow:0 5px 14px rgba(111,39,172,.20);
}

/* 按钮统一精修 */
button{
  transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease;
}
button:active{
  transform:translateY(1px);
}

/* 桌面：内容更紧凑，减少页面长度 */
@media(min-width:761px){
  .panel{
    padding-top:17px !important;
    padding-bottom:17px !important;
  }
  .workflow-options{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .optimizer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .optimizer-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* 手机：首页重点优化 */
@media(max-width:760px){
  :root{
    --v73-gap:10px;
    --v73-radius-lg:14px;
  }

  .panel{
    padding:12px 11px !important;
    margin-bottom:10px !important;
    border-radius:14px !important;
  }

  .section-heading{
    gap:8px;
    padding-bottom:9px;
    margin-bottom:10px !important;
  }
  .section-heading .num{
    min-width:32px;
    width:32px;
    height:32px;
    border-radius:9px !important;
    font-size:12px;
  }
  .section-heading strong{
    font-size:15px;
  }
  .section-heading small{
    font-size:8px;
    line-height:1.35;
  }

  /* 教师工作流固定两列，避免5张卡纵向堆叠 */
  .workflow-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .workflow-option{
    min-height:58px !important;
    padding:8px !important;
  }

  /* Prompt 检测一行三列 */
  .optimizer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .optimizer-grid>div{
    min-height:48px !important;
    padding:7px 5px !important;
  }

  /* 优化选项两列 */
  .optimizer-options{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .optimizer-options label{
    min-height:40px !important;
    padding:7px !important;
  }

  /* 数据库四级选择保持紧凑两列 */
  .curriculum-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .generate-action-panel{
    margin:12px 0 !important;
  }
  .main-generate-btn{
    min-height:56px !important;
    border-radius:13px !important;
  }
}

/* 超窄屏才降级，正常手机尽量维持紧凑布局 */
@media(max-width:350px){
  .optimizer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .curriculum-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V7.5 UI PRO｜信息架构 / SaaS 控制台 / 手机流程化
   ========================================================= */
:root{
  --pro-bg:#09060f;
  --pro-surface:rgba(15,10,24,.94);
  --pro-surface-soft:rgba(23,15,34,.76);
  --pro-line:rgba(160,99,202,.20);
  --pro-accent:#9b4ee0;
  --pro-muted:#9b90a3;
}
.app{max-width:1040px!important}
.hero{margin-bottom:12px!important}
.pro-progress{
  display:flex;align-items:center;justify-content:center;
  max-width:760px;margin:4px auto 12px;padding:0 14px;
}
.pro-step{display:flex;align-items:center;gap:7px;color:#776e7e;font-size:11px;white-space:nowrap}
.pro-step i{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  font-style:normal;border:1px solid rgba(153,89,198,.28);background:rgba(18,11,28,.88);
}
.pro-step.active{color:#e7d7ef}
.pro-step.active i{border-color:rgba(182,95,238,.72);background:rgba(111,43,160,.5);color:#fff}
.pro-line{height:1px;flex:1;max-width:80px;background:linear-gradient(90deg,rgba(145,77,185,.45),rgba(145,77,185,.12));margin:0 8px}

.course-summary-pro{
  display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;
  border:1px solid var(--pro-line);border-radius:12px;
  background:linear-gradient(90deg,rgba(23,13,35,.92),rgba(11,7,17,.92));
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.summary-status{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#b9aebf}
.summary-dot{width:7px;height:7px;border-radius:50%;background:#8f4ac4;box-shadow:0 0 10px rgba(159,77,216,.7)}
.summary-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#ded2e3}
.course-summary-pro button{
  flex:0 0 auto;border-radius:8px!important;padding:6px 9px!important;font-size:9px!important;
  border:1px solid rgba(160,94,201,.25)!important;background:rgba(23,13,33,.8)!important;color:#c6b5ce!important;
}

/* Pro panels: less glow, stronger hierarchy */
.panel{
  border-color:var(--pro-line)!important;
  background:linear-gradient(180deg,rgba(16,10,25,.97),rgba(10,7,16,.98))!important;
  box-shadow:0 8px 28px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.section-heading{position:relative}
.section-heading .num{
  min-width:34px!important;width:34px!important;height:34px!important;
  border-radius:10px!important;background:rgba(103,41,150,.42)!important;
  border-color:rgba(172,83,226,.42)!important;box-shadow:none!important;
}
.section-heading strong{font-weight:720}
.section-heading small{opacity:.72}
.pro-section-toggle{
  margin-left:auto!important;padding:5px 9px!important;border-radius:8px!important;
  font-size:9px!important;color:#a99caf!important;background:rgba(9,6,14,.55)!important;
  border:1px solid rgba(142,84,177,.18)!important;
}
.panel.pro-collapsed>*:not(.section-heading){display:none!important}
.panel.pro-collapsed .section-heading{padding-bottom:0!important;margin-bottom:0!important;border-bottom:0!important}

.pro-score-chip{
  margin-left:auto;display:flex;align-items:center;gap:6px;padding:5px 8px;
  border:1px solid rgba(172,123,75,.22);border-radius:999px;background:rgba(68,43,17,.18);
}
.pro-score-chip span{font-size:8px;color:#9d8d79}.pro-score-chip b{font-size:10px;color:#e7c978}
.optimizer-panel .pro-section-toggle{margin-left:0!important}

/* Workflow cards become compact tool cards */
.workflow-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.workflow-option{min-height:64px!important;padding:10px!important}
.workflow-option span b{font-size:11px!important}
.workflow-option span small{font-size:8px!important;opacity:.68}

/* Optimizer = compact dashboard */
.optimizer-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.optimizer-grid>div{min-height:54px!important;padding:8px 5px!important}
.optimizer-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Main CTA stronger but cleaner */
.generate-action-panel{position:relative}
.main-generate-btn{
  background:linear-gradient(110deg,#481367,#6d24a1 54%,#8735c4)!important;
  box-shadow:0 12px 30px rgba(88,30,129,.24)!important;
}

/* Result workspace visually separated */
.result-workspace-title{
  display:flex;align-items:center;gap:10px;margin:18px 2px 8px;padding-top:14px;
  border-top:1px solid rgba(176,123,71,.18);
}
.result-workspace-title>span{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:rgba(121,83,29,.20);border:1px solid rgba(198,154,76,.24);color:#d8b65f;
}
.result-workspace-title div{display:flex;flex-direction:column;gap:2px}
.result-workspace-title b{font-size:12px;color:#eadfe9}
.result-workspace-title small{font-size:8px;color:#8e8392}
.result-panel{border-color:rgba(185,143,70,.24)!important}

.mobile-pro-cta{display:none}

@media(max-width:760px){
  body{padding-bottom:76px}
  .app{padding-left:10px!important;padding-right:10px!important}
  .hero{padding-top:10px!important}
  .pro-progress{margin:0 auto 9px;padding:0 3px}
  .pro-step{gap:4px;font-size:8px}
  .pro-step i{width:20px;height:20px;font-size:8px}
  .pro-line{margin:0 4px;max-width:35px}
  .course-summary-pro{padding:8px 9px;gap:8px;margin-bottom:9px}
  .summary-status b{display:none}
  .summary-text{font-size:9px}
  .course-summary-pro button{padding:5px 7px!important}

  .workflow-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .optimizer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .optimizer-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .pro-score-chip{margin-left:auto}
  .section-heading small{display:none}
  .section-heading strong{font-size:14px!important}

  .mobile-pro-cta{
    position:fixed;z-index:999;display:flex;align-items:center;gap:10px;
    left:10px;right:10px;bottom:10px;padding:8px 8px 8px 11px;
    border-radius:14px;border:1px solid rgba(174,85,230,.35);
    background:rgba(16,9,25,.94);backdrop-filter:blur(16px);
    box-shadow:0 12px 34px rgba(0,0,0,.38);
  }
  .mobile-pro-cta>div{display:flex;flex:1;min-width:0;flex-direction:column}
  .mobile-pro-cta small{font-size:7px;color:#8d8194}
  .mobile-pro-cta b{font-size:9px;color:#d9cddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-pro-cta button{
    flex:0 0 auto;padding:10px 13px!important;border:0!important;border-radius:10px!important;
    background:linear-gradient(110deg,#662098,#9138ce)!important;color:#fff!important;font-size:10px!important;font-weight:700;
  }
}


/* =========================================================
   V7.5.1｜UI Pro 视觉细节精修
   仅优化展示层，不修改业务逻辑
   ========================================================= */

/* 统一视觉尺度 */
:root{
  --pro-r-xl:18px;
  --pro-r-lg:14px;
  --pro-r-md:10px;
  --pro-gap-lg:14px;
  --pro-gap-md:10px;
  --pro-gap-sm:7px;
}

/* 页面节奏 */
.app{
  padding-bottom:26px;
}
.panel{
  margin-bottom:12px !important;
  border-radius:var(--pro-r-xl) !important;
}
.panel + .panel{
  margin-top:0 !important;
}

/* 顶部品牌区更紧凑 */
.hero{
  align-items:center;
}
.brand-copy h1{
  letter-spacing:-.02em;
}
.brand-copy p{
  opacity:.72;
}

/* 流程条更像正式步骤器 */
.pro-progress{
  position:relative;
}
.pro-step{
  font-weight:600;
}
.pro-step i{
  font-weight:700;
}
.pro-step.active span{
  color:#efe4f3;
}
.pro-step.active i{
  box-shadow:0 0 0 3px rgba(144,65,201,.10);
}

/* 当前课程摘要提升可读性 */
.course-summary-pro{
  min-height:46px;
}
.summary-status{
  color:#a99caf;
}
.summary-text{
  font-weight:600;
}
.course-summary-pro button:hover{
  border-color:rgba(178,95,224,.45)!important;
  background:rgba(35,18,48,.92)!important;
}

/* 所有区块标题统一 */
.section-heading{
  min-height:42px;
}
.section-heading strong{
  color:#f2e9f5;
}
.section-heading small{
  margin-left:1px;
}
.section-heading .num{
  font-size:11px!important;
  font-weight:800;
}

/* 表单控件统一高度 */
.control select,
.control input,
.curriculum-grid select,
.topic-input input,
.module-add input{
  min-height:42px;
}
select{
  cursor:pointer;
}
.control-label{
  margin-bottom:6px;
}

/* 学段切换更像 Segmented Control */
.stage-tabs{
  padding:3px;
  border-radius:11px;
  background:rgba(7,5,12,.62);
  border:1px solid rgba(144,78,177,.16);
}
.stage-tabs button{
  min-height:34px;
  border-radius:8px!important;
  border:0!important;
}
.stage-tabs button.active{
  background:linear-gradient(135deg,rgba(100,38,147,.92),rgba(127,48,180,.92))!important;
  box-shadow:0 4px 12px rgba(82,28,125,.20);
}

/* 教材数据库更像嵌套卡片 */
.curriculum-box{
  padding:13px!important;
  border-radius:14px!important;
}
.curriculum-head-meta .optional-badge,
.optional-badge{
  min-height:23px;
  display:inline-flex;
  align-items:center;
  padding:0 8px!important;
  border-radius:999px!important;
}
.curriculum-grid{
  gap:8px!important;
}
.curriculum-grid label span{
  margin-bottom:5px;
}
.curriculum-note{
  margin-top:9px!important;
  line-height:1.55;
}

/* 主题输入区 */
.topic-row{
  gap:8px!important;
}
.topic-input{
  border-radius:12px!important;
}
#suggestBtn{
  border-radius:10px!important;
}

/* 智能规划：模式按钮增强选中态 */
.mode-tabs button{
  min-height:32px;
  padding:0 11px!important;
  border-radius:999px!important;
}
.mode-tabs button.active{
  box-shadow:0 0 0 2px rgba(145,62,205,.10);
}
.module-tag{
  border-radius:999px!important;
  padding:6px 9px!important;
}
.module-add{
  gap:7px!important;
}

/* 教师工作流卡片统一为真正的选择卡 */
.workflow-mode{
  padding-top:2px;
}
.workflow-mode-head{
  margin-bottom:9px!important;
}
.workflow-options{
  align-items:stretch;
}
.workflow-option{
  min-height:72px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.workflow-option:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.workflow-option.active{
  box-shadow:0 0 0 2px rgba(145,68,199,.08),0 7px 18px rgba(0,0,0,.10);
}
.workflow-option input{
  width:15px;
  height:15px;
  accent-color:#994ad6;
}
.workflow-option span{
  min-width:0;
}
.workflow-option span b{
  margin-bottom:3px;
}
.workflow-actions{
  margin-top:9px!important;
}
.workflow-actions button{
  min-height:40px;
  border-radius:10px!important;
}

/* 工作流结果卡片更清晰 */
.workflow-result{
  margin-top:13px!important;
}
.workflow-result-head{
  margin-bottom:8px;
}
.workflow-card{
  border-radius:12px!important;
  overflow:hidden;
}
.workflow-card-head{
  padding:9px 10px!important;
}
.workflow-card pre{
  padding:11px!important;
  line-height:1.6!important;
}

/* Prompt 优化仪表盘 */
.optimizer-grid>div{
  border-radius:11px!important;
  transition:border-color .14s ease,background .14s ease;
}
.optimizer-grid>div:hover{
  border-color:rgba(165,91,208,.40)!important;
  background:rgba(15,8,25,.9)!important;
}
.optimizer-grid span{
  letter-spacing:.01em;
}
.optimizer-grid b{
  font-size:11px!important;
}
.optimizer-options label{
  cursor:pointer;
  border-radius:10px!important;
  transition:border-color .14s ease,background .14s ease;
}
.optimizer-options label:hover{
  border-color:rgba(165,91,208,.38)!important;
  background:rgba(15,8,24,.86)!important;
}
.optimizer-options input{
  accent-color:#994ad6;
}
.optimizer-actions button{
  min-height:40px;
  border-radius:10px!important;
}
.optimizer-report{
  border-radius:12px!important;
}

/* 主 CTA 更统一 */
.main-generate-btn{
  min-height:62px!important;
  border-radius:15px!important;
}
.generate-icon{
  border-radius:10px!important;
}
.generate-arrow{
  opacity:.88;
}

/* 最终结果工作台 */
.result-workspace-title{
  margin-top:20px!important;
}
.result-panel{
  border-radius:16px!important;
}
.result-heading{
  align-items:center;
}
.copy-final-prompt-btn{
  min-height:34px;
  border-radius:9px!important;
}
#result{
  line-height:1.65!important;
}

/* 统一按钮触感 */
button{
  -webkit-tap-highlight-color:transparent;
}
button:hover{
  filter:brightness(1.04);
}
button:disabled{
  cursor:not-allowed;
  opacity:.48!important;
}

/* 折叠状态更加明确 */
.panel.pro-collapsed{
  background:rgba(12,8,19,.76)!important;
}
.panel.pro-collapsed .section-heading strong{
  opacity:.88;
}
.pro-section-toggle{
  min-width:42px;
}

/* 手机端：进一步压缩纵向长度，同时保证可点 */
@media(max-width:760px){
  .app{
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .panel{
    padding:11px 10px!important;
    margin-bottom:9px!important;
    border-radius:13px!important;
  }

  .section-heading{
    min-height:36px;
    padding-bottom:8px!important;
    margin-bottom:9px!important;
  }
  .section-heading .num{
    min-width:30px!important;
    width:30px!important;
    height:30px!important;
  }

  .course-summary-pro{
    min-height:40px;
    padding:7px 8px!important;
  }

  /* 基础表单尽量双列 */
  .basic-grid{
    gap:7px!important;
  }
  .control select,
  .curriculum-grid select,
  .topic-input input{
    min-height:40px;
    font-size:12px!important;
  }

  /* 教材四级选择继续两列 */
  .curriculum-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* 教师工作流 2x2 */
  .workflow-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .workflow-option{
    min-height:62px!important;
    padding:8px!important;
  }
  .workflow-option span b{
    font-size:10px!important;
  }
  .workflow-option span small{
    font-size:7.5px!important;
  }

  /* 检测 3列，选项2列 */
  .optimizer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .optimizer-grid>div{
    min-height:46px!important;
    padding:6px 4px!important;
  }
  .optimizer-options{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .optimizer-options label{
    min-height:38px!important;
    padding:6px!important;
    font-size:8px!important;
  }

  /* 底部固定生成条 */
  .mobile-pro-cta{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    min-height:54px;
    border-radius:13px!important;
  }
  .mobile-pro-cta button{
    min-height:38px;
  }
}

@media(max-width:370px){
  .pro-step span{display:none}
  .pro-line{max-width:50px}
  .curriculum-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V7.5.2｜手机端可读性 + 按钮强化
   ========================================================= */
@media(max-width:760px){

  /* 基础字号整体提升 */
  body{
    font-size:14px!important;
    line-height:1.55;
  }
  .brand-copy h1{font-size:21px!important;line-height:1.2!important}
  .brand-copy p{font-size:11px!important;line-height:1.5!important}

  .section-heading strong{font-size:16px!important;line-height:1.25!important}
  .section-heading .num{
    font-size:11px!important;
    min-width:32px!important;width:32px!important;height:32px!important;
  }

  /* 顶部步骤器 */
  .pro-step{font-size:10px!important}
  .pro-step i{width:23px!important;height:23px!important;font-size:10px!important}

  /* 当前课程摘要 */
  .summary-status{font-size:10px!important}
  .summary-text{font-size:11px!important;line-height:1.4!important}
  .course-summary-pro button{
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  /* 标签、说明、表单 */
  .control-label,
  .curriculum-grid label span,
  .workflow-mode-head,
  .planner-label{
    font-size:11px!important;
    font-weight:700!important;
  }
  .curriculum-note,
  .helper,
  .hint,
  .small-note{
    font-size:10px!important;
    line-height:1.55!important;
  }

  .control select,
  .control input,
  .curriculum-grid select,
  .topic-input input,
  .module-add input{
    min-height:44px!important;
    font-size:13px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  /* 所有常规按钮提升可读性和触控面积 */
  button{
    min-height:38px;
    font-size:11px!important;
    font-weight:700!important;
  }
  .stage-tabs button{
    min-height:40px!important;
    font-size:12px!important;
  }
  .mode-tabs button{
    min-height:38px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }
  .pro-section-toggle{
    min-width:48px!important;
    min-height:32px!important;
    font-size:10px!important;
  }

  /* 主题按钮 */
  #suggestBtn{
    min-height:44px!important;
    padding:0 13px!important;
    font-size:11px!important;
    background:linear-gradient(135deg,rgba(77,30,112,.95),rgba(119,43,166,.95))!important;
    border-color:rgba(179,91,229,.48)!important;
    box-shadow:0 6px 16px rgba(85,28,126,.18)!important;
  }

  /* 模块标签更容易看清 */
  .module-tag{
    min-height:32px!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
  .module-add button{
    min-height:40px!important;
    padding:0 13px!important;
    font-size:11px!important;
  }

  /* 教师工作流卡片：文字和选中态加强 */
  .workflow-option{
    min-height:76px!important;
    padding:10px!important;
    border-width:1px!important;
  }
  .workflow-option input{
    width:18px!important;height:18px!important;
    flex:0 0 18px!important;
  }
  .workflow-option span b{
    font-size:12px!important;
    line-height:1.25!important;
  }
  .workflow-option span small{
    display:block!important;
    margin-top:4px!important;
    font-size:9.5px!important;
    line-height:1.4!important;
  }
  .workflow-option.active,
  .workflow-option:has(input:checked){
    border-color:rgba(187,93,238,.72)!important;
    background:linear-gradient(145deg,rgba(78,28,112,.50),rgba(29,13,42,.88))!important;
    box-shadow:0 0 0 2px rgba(158,70,215,.10),0 8px 18px rgba(0,0,0,.14)!important;
  }
  .workflow-actions button,
  #generateWorkflowBtn{
    min-height:46px!important;
    font-size:12px!important;
    background:linear-gradient(110deg,#541575,#7b27ad 55%,#943bc9)!important;
    border-color:rgba(192,101,237,.52)!important;
    box-shadow:0 8px 20px rgba(90,28,132,.22)!important;
  }

  /* Prompt 检测数字和标签放大 */
  .optimizer-grid>div{
    min-height:58px!important;
    padding:8px 5px!important;
  }
  .optimizer-grid span{
    font-size:9px!important;
    line-height:1.25!important;
  }
  .optimizer-grid b{
    margin-top:3px!important;
    font-size:13px!important;
  }
  .optimizer-options label{
    min-height:46px!important;
    padding:8px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .optimizer-options input{
    width:17px!important;height:17px!important;
  }
  .optimizer-actions{
    gap:7px!important;
  }
  .optimizer-actions button,
  #inspectPromptBtn,
  #optimizePromptBtn{
    min-height:46px!important;
    font-size:12px!important;
    padding:0 12px!important;
  }
  #optimizePromptBtn{
    background:linear-gradient(110deg,#571678,#8029b2 55%,#9a3bd0)!important;
    border-color:rgba(197,105,240,.54)!important;
    box-shadow:0 8px 20px rgba(91,28,134,.22)!important;
  }

  /* 主生成按钮成为页面最醒目的动作 */
  .main-generate-btn{
    min-height:70px!important;
    padding:12px 14px!important;
    border:1px solid rgba(205,112,247,.62)!important;
    background:linear-gradient(110deg,#5e187f,#852bb7 52%,#a13dd6)!important;
    box-shadow:0 12px 28px rgba(104,32,151,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  .main-generate-btn b,
  .main-generate-btn strong{
    font-size:15px!important;
  }
  .main-generate-btn small{
    font-size:10px!important;
    opacity:.86!important;
  }
  .generate-icon{
    width:40px!important;height:40px!important;
  }
  .generate-arrow{
    font-size:20px!important;
  }

  /* 最终结果 */
  .result-workspace-title b{font-size:14px!important}
  .result-workspace-title small{font-size:9.5px!important}
  .result-heading strong{font-size:14px!important}
  .copy-final-prompt-btn{
    min-height:40px!important;
    padding:0 12px!important;
    font-size:11px!important;
    background:linear-gradient(135deg,rgba(74,29,104,.92),rgba(112,42,155,.92))!important;
    border-color:rgba(181,91,224,.48)!important;
  }
  #result{
    font-size:12px!important;
    line-height:1.72!important;
  }

  /* 底部固定 CTA：明显强化 */
  .mobile-pro-cta{
    min-height:64px!important;
    padding:9px 9px 9px 12px!important;
    border-color:rgba(192,94,238,.52)!important;
    background:rgba(19,9,29,.97)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.48),0 0 0 1px rgba(136,52,190,.08)!important;
  }
  .mobile-pro-cta small{
    font-size:9px!important;
  }
  .mobile-pro-cta b{
    margin-top:2px;
    font-size:11px!important;
  }
  .mobile-pro-cta button{
    min-height:46px!important;
    padding:0 16px!important;
    font-size:12px!important;
    font-weight:800!important;
    border:1px solid rgba(220,135,255,.38)!important;
    background:linear-gradient(110deg,#6d1f98,#9432c9 55%,#ac43df)!important;
    box-shadow:0 8px 20px rgba(111,35,158,.32)!important;
  }
}

/* 小屏仍保持清晰，不再过度缩小字体 */
@media(max-width:370px){
  body{font-size:13px!important}
  .brand-copy h1{font-size:19px!important}
  .section-heading strong{font-size:15px!important}
  .pro-step span{display:none}
  .workflow-option span b{font-size:11px!important}
  .workflow-option span small{font-size:9px!important}
  .optimizer-grid span{font-size:8.5px!important}
  .optimizer-grid b{font-size:12px!important}
  .mobile-pro-cta button{padding:0 12px!important;font-size:11px!important}
}


/* =========================================================
   V7.5.3｜主板块标题视觉强化
   ========================================================= */

/* 主阶段面板顶部强调线 */
.stage-course,
.stage-planner,
.stage-workflow,
.stage-optimizer{
  position:relative;
  overflow:hidden;
}
.stage-course::before,
.stage-planner::before,
.stage-workflow::before,
.stage-optimizer::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  opacity:.92;
}
.stage-course::before{background:linear-gradient(90deg,#7150d8,rgba(113,80,216,.08) 72%,transparent)}
.stage-planner::before{background:linear-gradient(90deg,#9848d8,rgba(152,72,216,.08) 72%,transparent)}
.stage-workflow::before{background:linear-gradient(90deg,#b65bc6,rgba(182,91,198,.08) 72%,transparent)}
.stage-optimizer::before{background:linear-gradient(90deg,#c073d2,rgba(192,115,210,.08) 72%,transparent)}

/* 标题区域成为章节头 */
.stage-course .section-heading,
.stage-planner .section-heading,
.stage-workflow .section-heading,
.stage-optimizer .section-heading{
  margin:-2px -2px 14px!important;
  padding:13px 4px 12px!important;
  min-height:58px;
  border-bottom:1px solid rgba(157,91,193,.15)!important;
  background:
    radial-gradient(circle at 5% 20%,rgba(132,59,178,.10),transparent 32%),
    linear-gradient(90deg,rgba(30,16,43,.38),transparent 65%);
}

/* 大编号视觉锚点 */
.stage-course .section-heading .num,
.stage-planner .section-heading .num,
.stage-workflow .section-heading .num,
.stage-optimizer .section-heading .num{
  position:relative;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:-.02em;
  color:#fff!important;
  border:1px solid rgba(217,157,244,.25)!important;
  box-shadow:0 8px 22px rgba(79,24,112,.18)!important;
}
.stage-course .section-heading .num{background:linear-gradient(145deg,#5031a2,#7650d4)!important}
.stage-planner .section-heading .num{background:linear-gradient(145deg,#6b278f,#9b45ce)!important}
.stage-workflow .section-heading .num{background:linear-gradient(145deg,#742f86,#ae55bc)!important}
.stage-optimizer .section-heading .num{background:linear-gradient(145deg,#78358c,#bd68cb)!important}

/* 主标题更醒目 */
.stage-course .section-heading strong,
.stage-planner .section-heading strong,
.stage-workflow .section-heading strong,
.stage-optimizer .section-heading strong{
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.025em;
  text-shadow:0 2px 12px rgba(0,0,0,.18);
}

/* 副标题独立层级 */
.stage-course .section-heading small,
.stage-planner .section-heading small,
.stage-workflow .section-heading small,
.stage-optimizer .section-heading small{
  display:block;
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.4!important;
  color:#95899c!important;
  opacity:1!important;
}

/* 右侧折叠和评分状态更像工具状态 */
.stage-workflow .pro-section-toggle,
.stage-optimizer .pro-section-toggle{
  min-width:48px!important;
  border-color:rgba(174,97,211,.25)!important;
  background:rgba(27,14,39,.78)!important;
}
.stage-optimizer .pro-score-chip{
  min-height:29px;
  padding:0 10px!important;
  background:linear-gradient(135deg,rgba(74,46,21,.30),rgba(43,27,15,.18))!important;
  border-color:rgba(204,159,79,.30)!important;
}
.stage-optimizer .pro-score-chip b{
  font-size:11px!important;
  color:#e7c56e!important;
}

/* 最终工作台升级为第05阶段 */
.pro-final-stage{
  position:relative;
  min-height:72px;
  padding:12px 13px!important;
  margin:20px 0 9px!important;
  border:1px solid rgba(203,157,76,.22)!important;
  border-radius:15px;
  background:
    radial-gradient(circle at 8% 30%,rgba(169,119,45,.13),transparent 32%),
    linear-gradient(110deg,rgba(33,22,14,.72),rgba(18,10,25,.80) 62%,rgba(31,13,43,.65));
  overflow:hidden;
}
.pro-final-stage::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#c89b47,#8c4eb7 60%,transparent);
}
.pro-final-stage>span{
  width:46px!important;height:46px!important;
  border-radius:13px!important;
  font-size:13px!important;font-weight:900!important;
  color:#f5e4b3!important;
  background:linear-gradient(145deg,rgba(133,91,28,.72),rgba(83,52,19,.76))!important;
  border:1px solid rgba(224,184,99,.30)!important;
  box-shadow:0 8px 22px rgba(65,39,8,.18);
}
.pro-final-stage div{gap:1px!important}
.pro-final-stage em{
  font-style:normal;
  font-size:7px;
  font-weight:800;
  letter-spacing:.13em;
  color:#a98b55;
}
.pro-final-stage b{
  font-size:16px!important;
  font-weight:800!important;
  color:#f2e8e8!important;
}
.pro-final-stage small{
  margin-top:3px;
  font-size:9px!important;
  color:#9b8f99!important;
}
.pro-final-stage>i{
  margin-left:auto;
  padding:6px 9px;
  border-radius:999px;
  font-style:normal;
  font-size:8px;
  font-weight:700;
  color:#d9bd7c;
  border:1px solid rgba(197,150,67,.24);
  background:rgba(95,65,21,.16);
}

/* 手机端：醒目但控制高度 */
@media(max-width:760px){
  .stage-course .section-heading,
  .stage-planner .section-heading,
  .stage-workflow .section-heading,
  .stage-optimizer .section-heading{
    min-height:54px!important;
    margin:-2px -1px 11px!important;
    padding:10px 2px 10px!important;
  }

  .stage-course .section-heading .num,
  .stage-planner .section-heading .num,
  .stage-workflow .section-heading .num,
  .stage-optimizer .section-heading .num{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  .stage-course .section-heading strong,
  .stage-planner .section-heading strong,
  .stage-workflow .section-heading strong,
  .stage-optimizer .section-heading strong{
    font-size:16px!important;
  }

  /* 手机版仍显示简短副标题，不再完全隐藏 */
  .stage-course .section-heading small,
  .stage-planner .section-heading small,
  .stage-workflow .section-heading small,
  .stage-optimizer .section-heading small{
    display:block!important;
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:9px!important;
  }

  .pro-final-stage{
    min-height:64px;
    padding:10px!important;
  }
  .pro-final-stage>span{
    width:40px!important;height:40px!important;
    font-size:12px!important;
  }
  .pro-final-stage b{font-size:15px!important}
  .pro-final-stage small{font-size:9px!important}
  .pro-final-stage>i{
    padding:5px 7px;
    font-size:7.5px;
  }
}

@media(max-width:390px){
  .stage-course .section-heading small,
  .stage-planner .section-heading small,
  .stage-workflow .section-heading small,
  .stage-optimizer .section-heading small{
    max-width:150px;
  }
  .pro-final-stage>i{display:none}
}


/* =========================================================
   V7.5.4｜规划模板紧凑化
   ========================================================= */

/* 规划模板椭圆标签：降低高度与上下留白 */
.mode-tabs{
  gap:6px!important;
  margin-top:6px!important;
  margin-bottom:8px!important;
}
.mode-tabs button{
  min-height:28px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:9px!important;
  line-height:28px!important;
}

/* 规划模块标签同步紧凑，减少纵向占位 */
.module-tag{
  min-height:26px!important;
  padding:4px 9px!important;
  line-height:1.2!important;
}
.module-list,
.module-tags{
  gap:5px!important;
}

/* 手机端：保持文字清晰，但不再使用38px高的椭圆按钮 */
@media(max-width:760px){
  .mode-tabs{
    gap:5px!important;
    margin-top:5px!important;
    margin-bottom:7px!important;
  }
  .mode-tabs button{
    min-height:32px!important;
    height:32px!important;
    padding:0 10px!important;
    font-size:10px!important;
    line-height:32px!important;
  }
  .module-tag{
    min-height:29px!important;
    padding:5px 9px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V7.5.5｜手机端“规划模块”标签高度专项修复
   对应：核心知识/文本要点、重点语言点、理解或表达方法……
   ========================================================= */
@media(max-width:760px){

  /* 规划模块标签本体：取消此前被通用按钮/标签规则撑高 */
  .module-tag{
    min-height:0!important;
    height:30px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* 标签中的删除 × 不再额外撑高 */
  .module-tag button,
  .module-tag .remove,
  .module-tag .remove-module{
    min-height:0!important;
    width:auto!important;
    height:18px!important;
    padding:0!important;
    margin:0!important;
    line-height:18px!important;
    font-size:11px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* 标签容器减少行间距 */
  .module-list,
  .module-tags,
  #moduleList{
    gap:6px 5px!important;
    align-items:center!important;
  }
}

/* 超窄屏仍保持30px，不再自动变高 */
@media(max-width:390px){
  .module-tag{
    height:30px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
  }
}


/* =========================================================
   V7.5.7｜手机版基础设置完整显示专项修复
   修复：年级/学科/卡片比例选项文字被截断
   ========================================================= */
@media(max-width:760px){

  .section-basic .basic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  /* 半宽卡片保持适中高度 */
  .section-basic .control,
  .section-basic .stage-control{
    min-width:0!important;
    width:100%!important;
    min-height:64px!important;
    height:64px!important;
    padding:0 9px!important;
    box-sizing:border-box!important;

    /* 左标签不再固定74/82px，改为比例分配 */
    display:grid!important;
    grid-template-columns:minmax(62px,42%) minmax(0,58%)!important;
    align-items:center!important;
    column-gap:5px!important;
    border-radius:13px!important;
  }

  /* 左侧图标+标签紧凑，但字体不缩小 */
  .section-basic .control-label{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  .section-basic .control-label svg{
    width:19px!important;
    height:19px!important;
    min-width:19px!important;
    flex:0 0 19px!important;
    margin:0!important;
  }

  .section-basic .control-label span{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  /* select 关键修复：
     取消旧版大号左右 padding，给文字最大显示宽度 */
  .section-basic .control select{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 20px 0 3px!important;
    box-sizing:border-box!important;
    border:0!important;
    background-color:transparent!important;
    box-shadow:none!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:40px!important;
    text-align:left!important;
    text-indent:0!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }

  /* 学段：在有限的右侧区域中，两项平分，不让“小学/初中”挤压 */
  .section-basic .stage-tabs{
    min-width:0!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:3px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:center!important;
    gap:2px!important;
    border-radius:10px!important;
  }

  .section-basic .stage-tabs button{
    min-width:0!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  /* 卡片风格是整行，给右侧内容更多空间 */
  .section-basic .style-control,
  .section-basic .control:last-child{
    grid-template-columns:minmax(82px,28%) minmax(0,72%)!important;
    min-height:64px!important;
    height:64px!important;
  }

  .section-basic .style-control select,
  .section-basic .control:last-child select{
    font-size:12.5px!important;
  }
}

/* 360~390px 手机：仍保持两列，但进一步把空间让给右侧选项 */
@media(min-width:361px) and (max-width:390px){
  .section-basic .control,
  .section-basic .stage-control{
    grid-template-columns:minmax(58px,40%) minmax(0,60%)!important;
    padding-left:7px!important;
    padding-right:7px!important;
    column-gap:3px!important;
  }

  .section-basic .control-label{
    gap:4px!important;
  }

  .section-basic .control-label svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex-basis:18px!important;
  }

  .section-basic .control-label span{
    font-size:10.5px!important;
  }

  .section-basic .control select{
    font-size:11.5px!important;
    padding-left:2px!important;
    padding-right:18px!important;
  }
}

/* 极窄手机不再硬塞两列：改为单列，彻底保证教材选项完整 */
@media(max-width:360px){
  .section-basic .basic-grid{
    grid-template-columns:1fr!important;
  }

  .section-basic .control,
  .section-basic .stage-control{
    grid-template-columns:100px minmax(0,1fr)!important;
    min-height:60px!important;
    height:60px!important;
  }

  .section-basic .control-label span{
    font-size:12px!important;
  }

  .section-basic .control select{
    font-size:13px!important;
  }

  .section-basic .style-control,
  .section-basic .control:last-child{
    grid-template-columns:100px minmax(0,1fr)!important;
  }
}


/* =========================================================
   V7.5.8｜手机版学段浮动按钮强化
   小学 / 初中：更宽、更突出、更有悬浮感
   ========================================================= */
@media(max-width:760px){

  /* 给学段按钮区域更多宽度 */
  .section-basic .stage-control{
    grid-template-columns:minmax(60px,34%) minmax(0,66%)!important;
  }

  .section-basic .stage-tabs{
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    padding:3px!important;
    gap:4px!important;
    border-radius:12px!important;
    background:rgba(8,5,13,.78)!important;
    border:1px solid rgba(125,63,162,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    overflow:visible!important;
  }

  /* 两个按钮本体做得更宽，形成双悬浮胶囊 */
  .section-basic .stage-tabs button{
    min-width:0!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    color:#eee5f2!important;
    background:rgba(17,10,25,.68)!important;
    border:1px solid rgba(119,64,151,.18)!important;
    box-shadow:
      0 3px 8px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.025)!important;
    transform:translateY(0);
    transition:
      transform .16s ease,
      box-shadow .16s ease,
      background .16s ease,
      border-color .16s ease!important;
  }

  /* 默认按钮轻微悬浮 */
  .section-basic .stage-tabs button:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(154,78,199,.34)!important;
    box-shadow:
      0 7px 14px rgba(0,0,0,.24),
      0 0 0 1px rgba(142,63,188,.05)!important;
  }

  /* 选中态：更亮、更浮、更醒目 */
  .section-basic .stage-tabs button.active{
    color:#fff!important;
    background:
      linear-gradient(135deg,#6b26a0 0%,#8b31c4 55%,#9c3bd5 100%)!important;
    border-color:rgba(204,116,247,.68)!important;
    box-shadow:
      0 8px 18px rgba(102,32,149,.34),
      0 0 0 2px rgba(154,65,213,.10),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
    transform:translateY(-2px)!important;
  }

  /* 点击时轻微下沉，增加实体按钮反馈 */
  .section-basic .stage-tabs button:active{
    transform:translateY(0)!important;
    box-shadow:
      0 3px 8px rgba(74,20,108,.26),
      inset 0 2px 3px rgba(0,0,0,.18)!important;
  }
}

/* 390px左右手机进一步给小学/初中让宽度 */
@media(min-width:361px) and (max-width:390px){
  .section-basic .stage-control{
    grid-template-columns:minmax(56px,32%) minmax(0,68%)!important;
  }
  .section-basic .stage-tabs button{
    padding:0 6px!important;
    font-size:11.5px!important;
  }
}

/* 极窄屏单列时，学段按钮仍保持明显宽度 */
@media(max-width:360px){
  .section-basic .stage-control{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  .section-basic .stage-tabs{
    height:44px!important;
  }
}


/* =========================================================
   V7.5.9｜手机版学段按钮外层细框移除
   ========================================================= */
@media(max-width:760px){
  .section-basic .stage-tabs{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:3px!important;
  }

  /* 保留小学/初中按钮自身的浮动卡片效果 */
  .section-basic .stage-tabs button{
    outline:none!important;
  }

  .section-basic .stage-tabs button.active{
    box-shadow:
      0 8px 18px rgba(102,32,149,.34),
      0 0 0 2px rgba(154,65,213,.10),
      inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
}


/* =========================================================
   V7.5.10｜手机版 Prompt 智能优化副标题换行
   ========================================================= */
@media(max-width:760px){

  /* Prompt智能优化标题区：允许标题文字组形成上下两行 */
  .stage-optimizer .section-heading{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
  }

  .stage-optimizer .section-heading .num{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }

  .stage-optimizer .section-heading strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    white-space:nowrap!important;
  }

  /* “生成前自动质检并修正提示词”单独放到第二行 */
  .stage-optimizer .section-heading small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    display:block!important;
    max-width:none!important;
    margin:1px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1.25!important;
    color:#978a9e!important;
  }

  /* 质量分与收起按钮保持右侧，不挤压副标题 */
  .stage-optimizer .pro-score-chip{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    margin:0!important;
  }

  .stage-optimizer .pro-section-toggle{
    grid-column:4!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    margin:0!important;
  }
}

/* 较窄手机：副标题允许自然换行，绝不显示省略号 */
@media(max-width:400px){
  .stage-optimizer .section-heading small{
    white-space:normal!important;
    line-height:1.3!important;
    font-size:9px!important;
  }
}


/* =========================================================
   V7.5.11｜02 主题板块导航强化
   ========================================================= */

.stage-topic{
  position:relative;
  overflow:hidden;
}

/* 顶部强调线，和01/03/04形成统一阶段感 */
.stage-topic::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,#8d43d0,#b15ad8 56%,rgba(177,90,216,.08) 82%,transparent);
  opacity:.95;
  z-index:1;
}

/* 标题导航条 */
.stage-topic .section-heading{
  position:relative;
  min-height:60px!important;
  margin:-2px -2px 14px!important;
  padding:13px 6px 12px!important;
  border-bottom:1px solid rgba(173,90,212,.17)!important;
  background:
    radial-gradient(circle at 7% 25%,rgba(151,62,203,.13),transparent 34%),
    linear-gradient(90deg,rgba(38,17,53,.48),rgba(14,8,22,.18) 70%,transparent)!important;
}

/* 02 编号加大加亮 */
.stage-topic .section-heading .num{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#6a269c,#a245d4)!important;
  border:1px solid rgba(215,137,248,.40)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:
    0 8px 22px rgba(95,31,137,.28),
    0 0 0 3px rgba(157,70,215,.08)!important;
}

/* 主标题更醒目 */
.stage-topic .section-heading strong{
  font-size:18px!important;
  font-weight:850!important;
  color:#f4eaf7!important;
  letter-spacing:-.02em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.2);
}

/* 副标题作为导航说明 */
.stage-topic .section-heading small{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.4!important;
  color:#a494ad!important;
  opacity:1!important;
}

/* 在标题左侧增加轻微步骤提示 */
.stage-topic .section-heading::after{
  content:"STEP 02";
  position:absolute;
  right:8px;
  top:12px;
  padding:5px 9px;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:#c39ad9;
  border:1px solid rgba(171,93,208,.22);
  background:rgba(64,27,83,.20);
}

/* 手机端强化，但不增加过多高度 */
@media(max-width:760px){
  .stage-topic .section-heading{
    min-height:56px!important;
    margin:-2px -1px 11px!important;
    padding:10px 4px 10px!important;
  }

  .stage-topic .section-heading .num{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }

  .stage-topic .section-heading strong{
    font-size:16px!important;
  }

  .stage-topic .section-heading small{
    display:block!important;
    max-width:220px;
    font-size:9.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .stage-topic .section-heading::after{
    right:4px;
    top:10px;
    padding:4px 7px;
    font-size:7px;
  }
}

@media(max-width:390px){
  .stage-topic .section-heading::after{
    display:none;
  }
  .stage-topic .section-heading small{
    max-width:180px;
  }
}


/* =========================================================
   V7.6｜交互体验升级
   ========================================================= */

/* 教师工作流已选数量 */
.workflow-count-chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:25px;padding:0 8px;margin-left:6px;
  border-radius:999px;border:1px solid rgba(173,91,210,.22);
  background:rgba(71,29,94,.20);color:#c4a4d2;
  font-size:8px;font-weight:700;white-space:nowrap;
}
.workflow-count-chip.has-selection{
  color:#ead8f1;border-color:rgba(188,91,231,.42);
  background:rgba(107,37,144,.34);
}

/* Prompt优化轻量状态栏 */
.optimizer-compact-bar{
  display:flex;align-items:center;gap:9px;
  min-height:42px;padding:7px 9px;margin:0 0 10px;
  border:1px solid rgba(158,91,190,.18);border-radius:11px;
  background:linear-gradient(90deg,rgba(27,15,38,.74),rgba(12,8,18,.72));
}
.optimizer-compact-main{display:flex;align-items:center;gap:6px}
.optimizer-dot{
  width:7px;height:7px;border-radius:50%;background:#7d6687;
  box-shadow:0 0 8px rgba(126,88,145,.25);
}
.optimizer-compact-bar.is-good .optimizer-dot{
  background:#d1a956;box-shadow:0 0 10px rgba(209,169,86,.38);
}
.optimizer-compact-main b{font-size:9px;color:#b7a9bc}
.optimizer-compact-main strong{font-size:12px;color:#ead3f3}
.optimizer-compact-bar>span{font-size:8px;color:#978b9c}
.optimizer-compact-bar button{
  margin-left:auto;min-height:28px!important;padding:0 9px!important;
  border-radius:8px!important;font-size:8px!important;
  color:#c8b5d0!important;border:1px solid rgba(155,86,190,.22)!important;
  background:rgba(30,15,42,.68)!important;
}

/* 默认轻量：详细检测区域收起 */
.stage-optimizer.optimizer-details-hidden .optimizer-grid,
.stage-optimizer.optimizer-details-hidden .optimizer-options,
.stage-optimizer.optimizer-details-hidden .optimizer-actions,
.stage-optimizer.optimizer-details-hidden .optimizer-report{
  display:none!important;
}

/* 最终结果状态 */
.final-result-meta{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin:-2px 0 9px;padding:0 2px;
}
.final-result-meta span{
  display:inline-flex;align-items:center;min-height:24px;padding:0 8px;
  border-radius:999px;border:1px solid rgba(153,92,177,.17);
  background:rgba(24,13,32,.56);color:#95899a;
  font-size:8px;font-weight:650;
}
.final-result-meta span.done{
  color:#d8bd7b;border-color:rgba(194,148,68,.24);
  background:rgba(76,51,17,.16);
}

/* 生成后结果区域强调 */
.result-panel.result-flash{
  animation:resultFlashV76 1.15s ease;
}
@keyframes resultFlashV76{
  0%{box-shadow:0 0 0 0 rgba(172,87,216,.0)}
  35%{box-shadow:0 0 0 3px rgba(172,87,216,.16),0 10px 34px rgba(83,29,115,.18)}
  100%{box-shadow:0 8px 28px rgba(0,0,0,.13)}
}

/* 已完成阶段摘要感 */
.panel.v76-complete>.section-heading::after{
  content:"✓ 已完成";
  margin-left:auto;padding:4px 7px;border-radius:999px;
  border:1px solid rgba(192,147,70,.20);background:rgba(82,54,17,.15);
  color:#caaa67;font-size:7px;font-weight:750;
}
.stage-topic.v76-complete>.section-heading::after{
  content:"✓ 已完成";
}

/* 手机端 */
@media(max-width:760px){
  .workflow-count-chip{
    min-height:24px;padding:0 7px;font-size:8px;
  }
  .optimizer-compact-bar{
    min-height:46px;padding:7px 8px;gap:7px;
  }
  .optimizer-compact-main b{font-size:9.5px}
  .optimizer-compact-main strong{font-size:13px}
  .optimizer-compact-bar>span{font-size:9px}
  .optimizer-compact-bar button{
    min-height:32px!important;font-size:9px!important;
  }
  .final-result-meta span{
    min-height:27px;font-size:9px;padding:0 8px;
  }
}


/* =========================================================
   V7.7｜智能交互与稳定性升级（不包含Prompt双版本）
   ========================================================= */
.v77-sticky-nav{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:5px;
  margin:0 auto 10px;padding:6px 8px;
  border:1px solid rgba(145,76,176,.17);
  border-radius:12px;
  background:rgba(13,8,19,.93);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.v77-sticky-nav>button{
  min-height:30px;padding:0 8px;border-radius:8px;
  border:1px solid transparent;background:transparent;
  color:#8f8295;font-size:8px;font-weight:700;
}
.v77-sticky-nav>button.active{
  color:#f0e7f4;border-color:rgba(175,91,215,.32);
  background:linear-gradient(135deg,rgba(93,35,126,.72),rgba(121,44,163,.62));
}
.v77-task-summary{
  margin-left:auto;max-width:38%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#9d91a3;font-size:8px;font-weight:600;
}

/* 教材联动完成态 */
.curriculum-grid label.v77-filled span::after{
  content:" ✓";color:#c8a65d;font-weight:800;
}
.curriculum-grid label.v77-next select{
  border-color:rgba(183,91,225,.46)!important;
  box-shadow:0 0 0 2px rgba(151,62,204,.07)!important;
}

/* AI规划自定义/恢复推荐状态 */
.v77-planner-state{
  display:inline-flex;align-items:center;gap:6px;
  min-height:28px;padding:0 8px;margin:4px 0 7px;
  border-radius:999px;border:1px solid rgba(155,83,190,.18);
  color:#9f91a6;background:rgba(29,15,39,.54);font-size:8px;
}
.v77-planner-state button{
  min-height:22px!important;padding:0 7px!important;
  border-radius:999px!important;font-size:8px!important;
}

/* 工作流推荐 */
.workflow-option.v77-recommended{
  position:relative;
  border-color:rgba(188,121,218,.34)!important;
}
.workflow-option.v77-recommended::after{
  content:"推荐";
  position:absolute;right:7px;top:6px;
  padding:2px 5px;border-radius:999px;
  font-size:7px;font-weight:800;color:#d7b5e6;
  background:rgba(111,44,143,.35);
  border:1px solid rgba(187,101,223,.24);
}

/* 优化变化说明 */
.v77-optimize-changes{
  display:flex;align-items:center;gap:7px;
  min-height:32px;margin:-4px 0 9px;padding:5px 8px;
  border-radius:9px;border:1px solid rgba(156,91,184,.13);
  background:rgba(18,10,25,.50);
}
.v77-optimize-changes span{font-size:8px;color:#817687}
.v77-optimize-changes b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:8px;color:#ad9ab5;font-weight:650;
}
.v77-optimize-changes.done b{color:#d1b06b}

/* 生成按钮防重复 */
.main-generate-btn.v77-busy,
#generateBtn.v77-busy{
  pointer-events:none!important;opacity:.72!important;
}
.main-generate-btn.v77-busy::after,
#generateBtn.v77-busy::after{
  content:"处理中…";margin-left:8px;font-size:10px;font-weight:700;
}

/* 表单错误 */
.v77-field-error{
  border-color:rgba(221,111,103,.56)!important;
  box-shadow:0 0 0 2px rgba(221,111,103,.08)!important;
}
.v77-inline-error{
  margin:7px 0 0;padding:7px 9px;border-radius:9px;
  color:#d6a4a0;background:rgba(91,35,31,.20);
  border:1px solid rgba(207,105,97,.20);font-size:9px;
}

@media(max-width:760px){
  .v77-sticky-nav{
    top:0;margin-left:-2px;margin-right:-2px;
    padding:5px;gap:2px;border-radius:10px;
  }
  .v77-sticky-nav>button{
    flex:1;min-width:0;min-height:34px!important;
    padding:0 3px!important;font-size:9px!important;
  }
  .v77-task-summary{
    position:absolute;left:7px;right:7px;top:45px;
    max-width:none;height:24px;line-height:24px;
    padding:0 7px;border-radius:0 0 8px 8px;
    background:rgba(13,8,19,.94);font-size:8.5px;
    border:1px solid rgba(145,76,176,.10);border-top:0;
  }
  .v77-sticky-nav{margin-bottom:32px}
  .v77-optimize-changes{min-height:34px}
}


/* =========================================================
   V7.7.2｜Prompt智能优化显示修复
   ========================================================= */
#optimizerCompactBar,
.optimizer-compact-bar{
  display:none!important;
}

/* 取消“默认轻量折叠”造成的隐藏，仅恢复各组件自身原有display */
.stage-optimizer.optimizer-details-hidden .optimizer-grid{
  display:grid!important;
}
.stage-optimizer.optimizer-details-hidden .optimizer-options{
  display:grid!important;
}
.stage-optimizer.optimizer-details-hidden .optimizer-actions{
  display:flex!important;
}
.stage-optimizer.optimizer-details-hidden .optimizer-report{
  display:block!important;
}

/* 默认完整显示 */
.stage-optimizer .optimizer-grid{display:grid!important}
.stage-optimizer .optimizer-options{display:grid!important}
.stage-optimizer .optimizer-actions{display:flex!important}
.stage-optimizer .optimizer-report{display:block!important}


/* =========================================================
   V7.7.3｜手机版最终结果“复制提示词”按钮完整显示修复
   ========================================================= */
@media(max-width:760px){

  /* 最终结果标题栏允许按钮获得完整宽度 */
  .result-panel .result-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:4px 8px!important;
  }

  .result-panel .result-heading .num{
    display:none!important;
  }

  .result-panel .result-heading .result-heading-title{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    padding-right:2px!important;
  }

  .result-panel .result-heading .result-heading-title strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  .result-panel .result-heading .result-heading-title small{
    display:block!important;
    margin-top:3px!important;
    font-size:9px!important;
    line-height:1.35!important;
    white-space:normal!important;
  }

  /* 复制提示词按钮不再被压缩/截断 */
  .copy-final-prompt-btn,
  #copyFinalPromptBtn{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;

    min-width:88px!important;
    width:auto!important;
    max-width:none!important;
    min-height:40px!important;
    height:40px!important;

    padding:0 12px!important;
    margin:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;

    border-radius:10px!important;
    box-sizing:border-box!important;
  }
}

/* 较窄手机进一步确保按钮完整，不牺牲文字 */
@media(max-width:390px){
  .result-panel .result-heading{
    grid-template-columns:minmax(0,1fr) 84px!important;
    gap:4px 6px!important;
  }

  .copy-final-prompt-btn,
  #copyFinalPromptBtn{
    min-width:84px!important;
    width:84px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }
}

/* 超窄屏：按钮独立换到下一行，彻底避免截断 */
@media(max-width:350px){
  .result-panel .result-heading{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
  }

  .result-panel .result-heading .result-heading-title{
    grid-column:1!important;
    grid-row:1!important;
  }

  .copy-final-prompt-btn,
  #copyFinalPromptBtn{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    margin-top:6px!important;
  }
}


/* V7.8｜教师工作流模式差异提示 */
@media(max-width:760px){
  .workflow-option[data-v78-type="preview"] span small::after{content:" · 课前任务导向";}
  .workflow-option[data-v78-type="lecture"] span small::after{content:" · 重难点讲透";}
  .workflow-option[data-v78-type="review"] span small::after{content:" · 归纳巩固";}
  .workflow-option[data-v78-type="practice"] span small::after{content:" · 分层训练";}
}


/* =========================================================
   V7.9｜AI 专属错题练习卡引擎
   ========================================================= */
.wrong-question-panel{position:relative;overflow:hidden}
.wrong-question-panel::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#b47835,#d3a85d 45%,#8d4bc0 78%,transparent);
}
.wrong-question-heading{display:flex;align-items:center;gap:10px}
.wrong-title-wrap{min-width:0;display:flex;flex-direction:column;gap:3px}
.wrong-title-wrap strong{font-size:17px;color:#f2e9f5}
.wrong-title-wrap small{font-size:9px;color:#9e91a4}
.wrong-family-chip{
  margin-left:auto;padding:5px 8px;border-radius:999px;
  border:1px solid rgba(207,166,87,.25);background:rgba(90,61,20,.18);
  color:#d0ad69;font-size:8px;font-weight:800;white-space:nowrap;
}
.wrong-mode-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 9px;
}
.wrong-mode-tabs button,.wrong-choice-row button,.wrong-smart-row button,.wrong-type-grid button{
  min-height:36px;border-radius:9px;border:1px solid rgba(148,82,178,.17);
  background:rgba(23,13,31,.62);color:#a99eae;font-size:9px;font-weight:700;
}
.wrong-mode-tabs button.active,.wrong-choice-row button.active,
.wrong-smart-row button.active,.wrong-type-grid button.active{
  color:#f5ebf8;border-color:rgba(187,101,225,.42);
  background:linear-gradient(135deg,rgba(94,34,128,.82),rgba(130,49,172,.72));
  box-shadow:0 5px 15px rgba(83,28,112,.18);
}
.wrong-current-course{
  display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 9px;
  border-radius:10px;border:1px solid rgba(158,91,185,.13);
  background:rgba(17,10,23,.55);
}
.wrong-current-course span{font-size:8px;color:#84798a;white-space:nowrap}
.wrong-current-course b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:9px;color:#b9aabc;font-weight:650;
}
.wrong-quick-box,.wrong-setting-block{
  margin-top:9px;padding:10px;border-radius:11px;
  border:1px solid rgba(148,84,175,.13);background:rgba(18,10,25,.44);
}
.wrong-quick-box label,.wrong-setting-title b{font-size:10px;color:#d5c8da}
.wrong-quick-box input{
  width:100%;height:40px;margin:7px 0 5px;padding:0 10px;box-sizing:border-box;
  border-radius:9px;border:1px solid rgba(163,91,196,.20);
  background:rgba(10,6,15,.75);color:#eee6f1;font-size:10px;outline:none;
}
.wrong-quick-box small,.wrong-setting-title small{font-size:8px;color:#817686}
.wrong-setting-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.wrong-choice-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.wrong-difficulty-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.wrong-custom-count{
  width:100%;height:38px;margin-top:7px;padding:0 10px;box-sizing:border-box;
  border-radius:8px;border:1px solid rgba(160,88,191,.20);
  background:rgba(10,6,15,.72);color:#eee;font-size:10px;
}
.wrong-smart-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.wrong-smart-row button{min-width:108px;padding:0 9px}
.wrong-smart-row span{font-size:8px;color:#817786}
.wrong-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.wrong-engine-flow{
  display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;
  margin:10px 0;padding:8px;border-radius:10px;
  background:rgba(49,25,61,.18);border:1px dashed rgba(170,96,201,.17);
}
.wrong-engine-flow span{font-size:8px;color:#b8a7bf;font-weight:700}
.wrong-engine-flow i{font-style:normal;font-size:8px;color:#755b80}
.wrong-generate-btn{
  width:100%;min-height:50px!important;border-radius:11px!important;
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(206,156,76,.32)!important;
  background:linear-gradient(135deg,#6f378e,#8e42aa 56%,#9c6d34)!important;
  color:white!important;box-shadow:0 8px 22px rgba(76,29,98,.23)!important;
}
.wrong-generate-btn span{font-size:11px;font-weight:850}
.wrong-generate-btn small{margin-top:3px;font-size:7.5px;color:rgba(255,255,255,.67)}
.wrong-result{margin-top:10px;padding:10px;border-radius:11px;border:1px solid rgba(182,108,211,.18);background:rgba(11,7,15,.74)}
.wrong-result-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.wrong-result-head>div{display:flex;flex-direction:column;gap:2px}
.wrong-result-head b{font-size:10px;color:#e6d9ea}
.wrong-result-head small{font-size:8px;color:#897c8e}
.wrong-result-head button{
  min-width:82px;min-height:34px;border-radius:8px;border:1px solid rgba(184,99,218,.28);
  background:rgba(78,30,101,.55);color:#d9c3e2;font-size:9px;font-weight:750;
}
#wrongQuestionPrompt{
  max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;
  margin:0;padding:9px;border-radius:8px;background:rgba(6,4,9,.66);
  color:#cfc5d2;font-size:9px;line-height:1.65;
}

@media(max-width:760px){
  .wrong-title-wrap strong{font-size:15px}
  .wrong-title-wrap small{font-size:9px}
  .wrong-family-chip{font-size:8px;padding:4px 7px}
  .wrong-mode-tabs button{min-height:40px;font-size:10px}
  .wrong-current-course{min-height:44px}
  .wrong-current-course b{font-size:9.5px}
  .wrong-choice-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wrong-count-row button:last-child{grid-column:span 2}
  .wrong-difficulty-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrong-choice-row button,.wrong-type-grid button{min-height:38px;font-size:9.5px}
  .wrong-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wrong-smart-row{align-items:flex-start;flex-direction:column}
  .wrong-smart-row button{width:100%}
  .wrong-generate-btn{min-height:54px!important}
  .wrong-generate-btn span{font-size:12px}
}


/* =========================================================
   V7.9.1｜AI专属错题练习导航强化
   ========================================================= */

/* 取消编号后，标题导航独立成为高识别入口 */
.wrong-question-heading{
  position:relative!important;
  min-height:62px!important;
  margin:-2px -2px 13px!important;
  padding:12px 13px!important;
  border-radius:12px!important;
  border:1px solid rgba(216,164,72,.32)!important;
  background:
    radial-gradient(circle at 12% 30%,rgba(212,157,63,.20),transparent 35%),
    linear-gradient(110deg,rgba(100,57,19,.42),rgba(79,31,105,.32) 62%,rgba(20,11,28,.38))!important;
  box-shadow:
    0 8px 24px rgba(72,38,12,.13),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden!important;
}

/* 左侧金紫强调条 */
.wrong-question-heading::before{
  content:"";
  position:absolute;
  left:0;top:10px;bottom:10px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#e1b45d,#b46ed2);
  box-shadow:0 0 12px rgba(210,161,79,.28);
}

.wrong-title-wrap{
  padding-left:5px!important;
}

.wrong-title-wrap strong{
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  color:#fff3d9!important;
  text-shadow:0 2px 14px rgba(205,151,63,.14)!important;
}

.wrong-title-wrap small{
  margin-top:3px!important;
  font-size:9.5px!important;
  color:#c6accb!important;
}

/* 家长专区标签同步增强 */
.wrong-family-chip{
  padding:6px 10px!important;
  border:1px solid rgba(229,180,91,.45)!important;
  background:linear-gradient(135deg,rgba(137,85,26,.46),rgba(105,53,123,.38))!important;
  color:#f0cb82!important;
  box-shadow:0 5px 14px rgba(99,58,16,.18)!important;
}

/* 顶部主导航增加“错题”入口时使用独立金紫高亮 */
.v77-sticky-nav button[data-v77-target="#wrongQuestionPanel"]{
  color:#d8b875!important;
  border-color:rgba(210,163,78,.20)!important;
}
.v77-sticky-nav button[data-v77-target="#wrongQuestionPanel"].active{
  color:#fff4dc!important;
  border-color:rgba(229,180,91,.48)!important;
  background:linear-gradient(135deg,rgba(142,87,28,.88),rgba(122,50,151,.78))!important;
  box-shadow:0 5px 14px rgba(103,58,18,.20)!important;
}

@media(max-width:760px){
  .wrong-question-heading{
    min-height:58px!important;
    padding:10px 10px!important;
    margin-bottom:11px!important;
  }
  .wrong-title-wrap strong{
    font-size:16px!important;
  }
  .wrong-title-wrap small{
    font-size:9px!important;
  }
  .wrong-family-chip{
    padding:5px 8px!important;
    font-size:8px!important;
  }
}


/* =========================================================
   V7.9.2｜AI专属错题练习：亮黄色立体导航
   ========================================================= */
.wrong-question-heading{
  position:relative!important;
  min-height:62px!important;
  padding:12px 13px 12px 15px!important;
  border:1px solid rgba(255,222,72,.72)!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,247,145,.34),transparent 32%),
    linear-gradient(135deg,#ffd92f 0%,#ffca19 38%,#f5a90b 100%)!important;
  box-shadow:
    0 4px 0 #b97705,
    0 9px 18px rgba(199,128,0,.28),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -2px 0 rgba(180,105,0,.18)!important;
  transform:translateY(-2px);
}

/* 高光层，增强按钮/卡片立体感 */
.wrong-question-heading::after{
  content:"";
  position:absolute;left:8px;right:8px;top:5px;height:38%;
  border-radius:9px 9px 50% 50%;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));
  pointer-events:none;
}

/* 左侧更亮的立体强调条 */
.wrong-question-heading::before{
  content:"";
  position:absolute!important;
  left:0!important;top:9px!important;bottom:9px!important;width:5px!important;
  border-radius:0 5px 5px 0!important;
  background:linear-gradient(180deg,#fff8a9,#fff035 50%,#e99100)!important;
  box-shadow:2px 0 8px rgba(255,244,71,.46)!important;
}

.wrong-title-wrap{position:relative;z-index:2}
.wrong-title-wrap strong{
  color:#3a2700!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.55),
    0 2px 2px rgba(117,70,0,.14)!important;
}
.wrong-title-wrap small{
  color:#684900!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
}

/* 家长专区：深色凸起胶囊，和亮黄底形成强对比 */
.wrong-family-chip{
  position:relative;z-index:2;
  color:#ffe56a!important;
  border:1px solid rgba(72,44,0,.48)!important;
  background:linear-gradient(180deg,#513400,#302000)!important;
  box-shadow:
    0 3px 0 rgba(35,20,0,.72),
    0 6px 10px rgba(92,54,0,.20),
    inset 0 1px 0 rgba(255,239,140,.18)!important;
  text-shadow:0 1px 1px #000!important;
}

/* 顶部吸顶“错题”按钮默认就更醒目 */
.v77-sticky-nav button[data-v77-target="#wrongQuestionPanel"]{
  color:#3b2800!important;
  border:1px solid rgba(255,219,55,.66)!important;
  background:linear-gradient(180deg,#ffe454,#ffc91e)!important;
  box-shadow:
    0 2px 0 #a96c00,
    0 4px 9px rgba(195,124,0,.20),
    inset 0 1px 0 rgba(255,255,255,.68)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
}
.v77-sticky-nav button[data-v77-target="#wrongQuestionPanel"].active{
  color:#2c1c00!important;
  border-color:#fff074!important;
  background:linear-gradient(180deg,#fff16c 0%,#ffd72f 48%,#ffb80d 100%)!important;
  box-shadow:
    0 3px 0 #9e6200,
    0 7px 15px rgba(231,155,0,.32),
    0 0 0 2px rgba(255,224,58,.12),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
  transform:translateY(-1px)!important;
}

/* 生成按钮同步一点亮黄强调，但保留紫色产品主色 */
.wrong-generate-btn{
  border-color:rgba(255,214,55,.62)!important;
  box-shadow:
    0 4px 0 rgba(82,35,98,.90),
    0 9px 22px rgba(79,29,101,.25),
    inset 0 1px 0 rgba(255,239,132,.20)!important;
}
.wrong-generate-btn::before{
  content:"★";
  margin-right:6px;
  color:#ffe45a;
  text-shadow:0 0 8px rgba(255,220,56,.36);
}

@media(max-width:760px){
  .wrong-question-heading{
    min-height:58px!important;
    padding:10px 9px 10px 12px!important;
    box-shadow:
      0 3px 0 #b97705,
      0 7px 14px rgba(199,128,0,.24),
      inset 0 1px 0 rgba(255,255,255,.68)!important;
  }
  .wrong-title-wrap strong{font-size:16px!important}
  .wrong-title-wrap small{font-size:9px!important}
  .wrong-family-chip{padding:5px 7px!important;font-size:8px!important}
}


/* =========================================================
   V7.9.3｜手机版顶部品牌标题完整显示
   修复“智能知识卡Ai生成器”被右侧我的记录挤压裁切
   ========================================================= */
@media(max-width:760px){
  .hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .brand{
    min-width:0!important;
    width:100%!important;
    gap:9px!important;
  }

  .ai-logo{
    flex:0 0 62px!important;
    width:62px!important;
    height:62px!important;
    border-radius:17px!important;
    font-size:32px!important;
  }

  .brand-copy{
    min-width:0!important;
    width:auto!important;
    padding-top:0!important;
    overflow:visible!important;
  }

  .brand-copy h1{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:0 3px!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(17px,4.7vw,22px)!important;
    line-height:1.12!important;
    letter-spacing:-.45px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .brand-copy h1 span{
    display:inline!important;
    white-space:nowrap!important;
  }

  .brand-copy p{
    margin-top:6px!important;
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  #recordBtn{
    align-self:center!important;
    margin:0!important;
    height:38px!important;
    min-width:78px!important;
    padding:0 9px!important;
    font-size:10px!important;
    gap:5px!important;
  }
  #recordBtn svg{
    width:17px!important;
    height:17px!important;
  }
}

/* 430px以下让完整品牌标题拥有更多空间 */
@media(max-width:430px){
  .hero{
    grid-template-columns:minmax(0,1fr) 84px!important;
    column-gap:6px!important;
  }
  .ai-logo{
    flex-basis:58px!important;
    width:58px!important;
    height:58px!important;
    font-size:30px!important;
  }
  .brand{gap:7px!important}
  .brand-copy h1{
    font-size:clamp(16px,4.55vw,19px)!important;
  }
  #recordBtn{
    width:84px!important;
    min-width:84px!important;
    padding:0 6px!important;
  }
}

/* 超窄屏：我的记录下移，绝不再牺牲产品名称 */
@media(max-width:360px){
  .hero{
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
  }
  .brand{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }
  #recordBtn{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:6px!important;
  }
  .brand-copy h1{
    font-size:18px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V7.9.4｜错题卡复制Prompt按钮反馈
   ========================================================= */
#copyWrongQuestionBtn{
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
}
#copyWrongQuestionBtn.copy-success{
  color:#2a2100!important;
  border-color:rgba(255,224,86,.62)!important;
  background:linear-gradient(180deg,#ffe96a,#ffc928)!important;
  box-shadow:0 5px 14px rgba(191,125,0,.22)!important;
}
#copyWrongQuestionBtn.copy-failed{
  color:#ffd2ce!important;
  border-color:rgba(211,101,92,.42)!important;
  background:rgba(91,34,29,.48)!important;
}

/* V7.9.5｜AI错题练习放在正常生成结果之后 */
#wrongQuestionPanel{scroll-margin-top:82px}
@media(max-width:760px){
  #wrongQuestionPanel{margin-top:12px!important;scroll-margin-top:88px}
}


/* V7.9.6｜文字防错规则不额外增加首页UI高度，仅对结果区阅读做轻量优化 */
#wrongQuestionPrompt,
#finalPrompt,
#resultText,
#promptOutput,
#finalPromptOutput,
#resultContent{
  tab-size:2;
}


/* =========================================================
   V7.9.9｜电脑网页版课程数据库下拉可选修复
   ========================================================= */
@media(min-width:761px){
  .curriculum-box,
  .curriculum-grid,
  .curriculum-grid label{
    position:relative;
  }
  .curriculum-grid{
    z-index:3;
  }
  .curriculum-grid select{
    position:relative!important;
    z-index:5!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:auto!important;
  }
  .curriculum-box::before,
  .curriculum-box::after{
    pointer-events:none!important;
  }
  .curriculum-grid select:not(:disabled){
    opacity:1!important;
  }
}


/* =========================================================
   V7.9.10｜优化变化移动到优化报告下方
   ========================================================= */
.stage-optimizer .v77-optimize-changes{
  margin:8px 0 0!important;
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  border:1px solid rgba(193,148,67,.18)!important;
  background:linear-gradient(90deg,rgba(61,39,13,.18),rgba(22,12,28,.48))!important;
}
.stage-optimizer .v77-optimize-changes span{
  color:#a88e65!important;
}
.stage-optimizer .v77-optimize-changes.done b{
  color:#d5b56b!important;
}
@media(max-width:760px){
  .stage-optimizer .v77-optimize-changes{
    margin-top:7px!important;
    padding:7px 8px!important;
  }
}


/* =========================================================
   V7.9.11｜检测 / 一键优化按钮移动到优化变化下方
   ========================================================= */
.stage-optimizer .optimizer-actions-after-changes{
  margin-top:10px!important;
  margin-bottom:0!important;
}
@media(max-width:760px){
  .stage-optimizer .optimizer-actions-after-changes{
    margin-top:8px!important;
  }
}


/* V7.9.12｜课文自动填入主题时的轻反馈 */
#topic.v7912-auto-filled{
  border-color:rgba(187,100,226,.55)!important;
  box-shadow:0 0 0 2px rgba(154,66,207,.10),0 0 14px rgba(146,60,199,.10)!important;
}




/* V8.2.3｜顶部主标题“永久免费”手机版完整显示 */
.hero-title{
  max-width:100%;
  overflow:visible!important;
  text-overflow:clip!important;
}

@media (max-width:760px){
  .hero-title{
    width:100%;
    max-width:100%;
    font-size:clamp(24px,7.2vw,38px)!important;
    line-height:1.16!important;
    letter-spacing:-0.04em!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }
}

@media (max-width:420px){
  .hero-title{
    font-size:clamp(22px,6.8vw,30px)!important;
    letter-spacing:-0.045em!important;
  }
}


/* V8.2.4｜移动端顶部品牌标题精确修正 */
@media (max-width:760px){
  .hero-title{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:keep-all!important;
    font-size:clamp(20px,5.8vw,30px)!important;
    line-height:1.2!important;
    letter-spacing:-0.045em!important;
  }
}
@media (max-width:390px){
  .hero-title{
    font-size:clamp(18px,5.5vw,24px)!important;
  }
}


/* =========================================================
   V8.2.5｜顶部实际品牌标题修复
   ========================================================= */
.brand-copy h1.hero-title{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:0 4px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.brand-copy h1.hero-title .free-tag{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:.62em!important;
  font-weight:800!important;
  margin-left:2px!important;
  color:#ffe07a!important;
  -webkit-text-fill-color:#ffe07a!important;
  text-shadow:0 0 12px rgba(255,213,82,.22)!important;
}

@media(max-width:760px){
  .hero{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
    overflow:visible!important;
  }
  .brand{
    min-width:0!important;
    width:100%!important;
  }
  .brand-copy{
    min-width:0!important;
    overflow:visible!important;
  }
  .brand-copy h1.hero-title{
    font-size:clamp(20px,5.4vw,30px)!important;
    line-height:1.16!important;
    letter-spacing:-.035em!important;
    word-break:keep-all!important;
  }
  .brand-copy h1.hero-title .free-tag{
    font-size:.58em!important;
  }
}

@media(max-width:430px){
  .brand-copy h1.hero-title{
    font-size:clamp(18px,5vw,24px)!important;
    gap:2px!important;
  }
  .brand-copy h1.hero-title .free-tag{
    font-size:.56em!important;
  }
}

/* 极窄屏：永久免费允许落到第二行，绝不遮挡 */
@media(max-width:360px){
  .brand-copy h1.hero-title{
    display:block!important;
    font-size:19px!important;
  }
  .brand-copy h1.hero-title .free-tag{
    display:block!important;
    width:max-content!important;
    margin:4px 0 0!important;
    font-size:11px!important;
  }
}


/* =========================================================
   V8.2.9｜01 / 02 / 03 / 04 导航编号：亮黄色立体按钮
   ========================================================= */

/* 顶部流程导航圆形编号 */
.stepper .step .num,
.stepper .step-num,
.stepper [class*="step"] .num{
  background:linear-gradient(180deg,#fff3a0 0%,#ffd83d 42%,#ffb900 100%)!important;
  color:#251500!important;
  border:1px solid rgba(255,238,125,.95)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.78),
    inset 0 -3px 5px rgba(190,112,0,.30),
    0 3px 0 #a96500,
    0 7px 16px rgba(255,194,0,.30),
    0 0 18px rgba(255,220,55,.20)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
  font-weight:900!important;
}

/* 01/02/03/04 各主要板块左侧编号方块 */
.section-index,
.section-number,
.stage-index,
.panel-index,
[class*="section"] > .section-head .index,
[class*="stage"] > .stage-head .index{
  background:linear-gradient(145deg,#fff19a 0%,#ffd52f 46%,#ffb400 100%)!important;
  color:#261600!important;
  border:1px solid rgba(255,239,126,.95)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.72),
    inset 0 -4px 6px rgba(178,102,0,.24),
    0 4px 0 rgba(151,87,0,.90),
    0 8px 18px rgba(255,188,0,.25)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.60)!important;
  font-weight:900!important;
}

/* 当前步骤额外高亮 */
.stepper .step.active .num,
.stepper .step.is-active .num{
  transform:translateY(-2px)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.82),
    inset 0 -3px 5px rgba(180,100,0,.30),
    0 4px 0 #a45e00,
    0 10px 22px rgba(255,202,0,.46),
    0 0 24px rgba(255,225,75,.34)!important;
}

/* 手机端保持醒目，但避免按钮过大 */
@media(max-width:760px){
  .stepper .step .num,
  .stepper .step-num,
  .stepper [class*="step"] .num{
    min-width:30px!important;
    width:30px!important;
    height:30px!important;
    font-size:14px!important;
    line-height:30px!important;
  }
}


/* =========================================================
   V8.3｜“生成完成提示词”主按钮：亮黄色立体高亮
   ========================================================= */
#generateBtn{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff38a 0%,#ffd52e 38%,#ffb800 100%)!important;
  color:#241500!important;
  border:1px solid rgba(255,242,135,.98)!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.62)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.82),
    inset 0 -4px 7px rgba(177,96,0,.25),
    0 5px 0 #a76200,
    0 10px 22px rgba(255,185,0,.32),
    0 0 22px rgba(255,219,55,.20)!important;
  transform:translateY(-1px);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

/* 顶部高光扫过，增强按钮质感 */
#generateBtn::before{
  content:""!important;
  position:absolute!important;
  left:-55%!important;
  top:-35%!important;
  width:42%!important;
  height:170%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent)!important;
  transform:rotate(18deg)!important;
  animation:v830GenerateShine 3.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes v830GenerateShine{
  0%,58%{left:-55%;opacity:0}
  64%{opacity:.9}
  82%{left:120%;opacity:0}
  100%{left:120%;opacity:0}
}

#generateBtn:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-3px)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.88),
    inset 0 -4px 7px rgba(177,96,0,.24),
    0 6px 0 #9e5b00,
    0 14px 28px rgba(255,190,0,.42),
    0 0 28px rgba(255,223,65,.28)!important;
}

#generateBtn:active{
  transform:translateY(3px)!important;
  box-shadow:
    inset 0 2px 5px rgba(145,80,0,.18),
    0 2px 0 #9e5b00,
    0 5px 12px rgba(255,185,0,.24)!important;
}

/* 手机版：更高、更醒目、更适合触控 */
@media(max-width:760px){
  #generateBtn{
    min-height:52px!important;
    padding:0 20px!important;
    font-size:17px!important;
    border-radius:14px!important;
    width:100%!important;
  }
}

/* V8.4 工作流体验 */
.stepper .step.v84-current .label,.stepper .step.active .label{color:#ffe36a!important;font-weight:850!important;text-shadow:0 0 14px rgba(255,218,55,.2)!important}
.stepper .step.v84-pending{opacity:.72}
#generateBtn.v84-not-ready{filter:saturate(.72) brightness(.88)!important}
#generateBtn.v84-ready{animation:v84pulse 2.8s ease-in-out infinite!important}
@keyframes v84pulse{50%{filter:brightness(1.08);box-shadow:inset 0 2px 2px rgba(255,255,255,.88),0 5px 0 #a76200,0 13px 28px rgba(255,191,0,.42),0 0 30px rgba(255,225,70,.3)!important}}
#courseSummaryPro.v84-complete{border-color:rgba(255,210,42,.34)!important;box-shadow:0 8px 24px rgba(0,0,0,.12),0 0 0 1px rgba(255,215,55,.06)!important}
.v84-mobile-generate{display:none}
.v84-done-toast{position:fixed;left:50%;bottom:92px;z-index:1100;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 18px;border-radius:999px;background:rgba(20,18,43,.94);border:1px solid rgba(255,215,55,.38);color:#ffe36a;font-weight:850;transition:.2s}
.v84-done-toast.show{opacity:1;transform:translate(-50%,0)}
#copyFinalPromptBtn.v84-primary-copy,#copyPromptBtn.v84-primary-copy{background:linear-gradient(180deg,#fff38a,#ffd52e 42%,#ffb800)!important;color:#241500!important;border-color:#fff287!important;font-weight:900!important;box-shadow:inset 0 2px 2px rgba(255,255,255,.78),0 4px 0 #a76200,0 9px 18px rgba(255,185,0,.26)!important}
@media(max-width:760px){
 body.v84-has-mobile-cta{padding-bottom:82px!important}
 .v84-mobile-generate{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(15,12,38,.08),rgba(15,12,38,.94) 30%);backdrop-filter:blur(12px);transform:translateY(110%);transition:.22s}
 .v84-mobile-generate.show{transform:translateY(0)}
 #v84MobileGenerateBtn{width:100%;min-height:52px;border:1px solid #fff287;border-radius:15px;background:linear-gradient(180deg,#fff38a,#ffd52e 38%,#ffb800);color:#241500;font-size:17px;font-weight:900;box-shadow:inset 0 2px 2px rgba(255,255,255,.82),0 4px 0 #a76200,0 9px 20px rgba(255,185,0,.32)}
}


/* =========================================================
   V8.4.1｜教师工作流导航
   配色/立体效果参考 AI专属错题练习
   ========================================================= */
.v841-teacher-workflow-nav{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff39a 0%,#ffd62f 42%,#ffb800 100%)!important;
  color:#281700!important;
  border:1px solid rgba(255,241,130,.98)!important;
  border-radius:12px!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.82),
    inset 0 -4px 6px rgba(174,94,0,.22),
    0 4px 0 #a76300,
    0 9px 20px rgba(255,188,0,.28),
    0 0 20px rgba(255,220,55,.18)!important;
  transform:translateY(-1px)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.v841-teacher-workflow-nav:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-3px)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.88),
    inset 0 -4px 6px rgba(174,94,0,.20),
    0 5px 0 #9d5b00,
    0 13px 25px rgba(255,191,0,.38),
    0 0 25px rgba(255,224,65,.25)!important;
}
.v841-teacher-workflow-nav:active{
  transform:translateY(2px)!important;
  box-shadow:
    inset 0 2px 5px rgba(145,80,0,.17),
    0 2px 0 #9d5b00,
    0 5px 11px rgba(255,185,0,.22)!important;
}
@media(max-width:760px){
  .v841-teacher-workflow-nav{
    min-height:42px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
}


/* V8.4.2｜教师工作流生成按钮交互修复 */
#generateWorkflowBtn{
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}


/* V8.4.3｜移除手机端底部浮动“生成完成提示词”按钮 */
#v84MobileGenerateBar,
.v84-mobile-generate{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.v84-has-mobile-cta{
  padding-bottom:0!important;
}


/* V8.4.4｜生成按钮就绪文案精简 */
#generateBtn.v84-ready{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:760px){
  #generateBtn.v84-ready{
    font-size:15px!important;
    letter-spacing:0!important;
  }
}


/* =========================================================
   V8.4.5｜手机端教师工作流副标题换到第二行
   ========================================================= */
@media(max-width:760px){
  #workflowPanel > .section-heading{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:4px!important;
  }

  #workflowPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
  }

  #workflowPanel > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:start!important;
    white-space:nowrap!important;
  }

  #workflowPanel > .section-heading > small{
    grid-column:2 / 4!important;
    grid-row:2!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:9px!important;
    line-height:1.35!important;
    color:#9d91a3!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    grid-column:4!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
  }
}

/* 超窄屏继续保证副标题完整 */
@media(max-width:390px){
  #workflowPanel > .section-heading{
    column-gap:6px!important;
  }

  #workflowPanel > .section-heading > strong{
    font-size:15px!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip{
    font-size:8px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }

  #workflowPanel > .section-heading > small{
    font-size:8.5px!important;
  }
}


/* V8.4.6｜生成完整提示词就绪文案精简并居中 */
#generateBtn.v84-ready{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
  white-space:nowrap!important;
}

/* 若按钮上方存在独立就绪提示区域，同样只做居中展示 */
.generate-ready-text,
.prompt-ready-text,
.ready-status-text{
  width:100%!important;
  text-align:center!important;
  justify-content:center!important;
}


/* V8.4.7｜01 基础设置 收起/展开 */
#basicSettingsPanel > .section-heading{
  position:relative!important;
}
#basicSettingsToggle{
  margin-left:auto!important;
  flex:0 0 auto!important;
  cursor:pointer!important;
}
#basicSettingsPanel.v847-collapsed > :not(.section-heading){
  display:none!important;
}
#basicSettingsPanel.v847-collapsed{
  padding-bottom:0!important;
}
@media(max-width:760px){
  #basicSettingsPanel > .section-heading{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:8px!important;
    row-gap:3px!important;
    align-items:center!important;
  }
  #basicSettingsPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1 / span 2!important;
  }
  #basicSettingsPanel > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
  }
  #basicSettingsPanel > .section-heading > small{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    white-space:normal!important;
  }
  #basicSettingsToggle{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
  }
}


/* =========================================================
   V8.4.8｜全站“收起 / 展开”按钮统一样式
   参考：深紫底 + 亮紫描边 + 椭圆胶囊 + 浅色文字
   ========================================================= */
.pro-section-toggle,
.workflow-collapse-btn,
.v847-basic-toggle,
#basicSettingsToggle,
#toggleWorkflowResultBtn,
button[data-collapse-target]{
  min-width:72px!important;
  height:36px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:999px!important;
  border:1.5px solid #9b5cff!important;
  background:linear-gradient(180deg,rgba(56,25,79,.96),rgba(29,14,43,.98))!important;
  color:#f3eaff!important;

  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(139,73,210,.06),
    0 4px 12px rgba(53,20,79,.18)!important;

  text-shadow:0 1px 0 rgba(0,0,0,.3)!important;
  cursor:pointer!important;
  transition:all .18s ease!important;
  flex:0 0 auto!important;
}

.pro-section-toggle:hover,
.workflow-collapse-btn:hover,
.v847-basic-toggle:hover,
#basicSettingsToggle:hover,
#toggleWorkflowResultBtn:hover,
button[data-collapse-target]:hover{
  border-color:#b875ff!important;
  background:linear-gradient(180deg,rgba(73,32,104,.98),rgba(38,17,57,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 14px rgba(155,92,255,.16),
    0 5px 14px rgba(43,16,66,.22)!important;
  transform:translateY(-1px)!important;
}

.pro-section-toggle:active,
.workflow-collapse-btn:active,
.v847-basic-toggle:active,
#basicSettingsToggle:active,
#toggleWorkflowResultBtn:active,
button[data-collapse-target]:active{
  transform:translateY(1px)!important;
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.22),
    0 2px 6px rgba(43,16,66,.18)!important;
}

/* 手机端：尺寸统一、触控友好 */
@media(max-width:760px){
  .pro-section-toggle,
  .workflow-collapse-btn,
  .v847-basic-toggle,
  #basicSettingsToggle,
  #toggleWorkflowResultBtn,
  button[data-collapse-target]{
    min-width:64px!important;
    height:34px!important;
    padding:0 13px!important;
    font-size:12px!important;
    letter-spacing:.02em!important;
  }

  /* 教师工作流标题：
     第一行 03 + 教师工作流 + 已选X项 + 收起
     第二行 副标题
     并确保“已选3项”和“收起/展开”水平对齐 */
  #workflowPanel > .section-heading{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-rows:34px auto!important;
    align-items:center!important;
    column-gap:7px!important;
    row-gap:4px!important;
  }

  #workflowPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }

  #workflowPanel > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    white-space:nowrap!important;
    min-width:0!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    height:30px!important;
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    margin:0!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    grid-column:4!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    height:30px!important;
    min-height:30px!important;
    min-width:62px!important;
    padding:0 11px!important;
  }

  #workflowPanel > .section-heading > small{
    grid-column:2 / 5!important;
    grid-row:2!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* 超窄屏：仍保证两个右侧胶囊同一基线 */
@media(max-width:390px){
  #workflowPanel > .section-heading{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    column-gap:5px!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip{
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    height:28px!important;
    min-height:28px!important;
    min-width:58px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V8.4.10｜手机端底部浮窗课程摘要
   年级 · 学科 · 册次 · 单元/章节名 · 主题名
   ========================================================= */
@media(max-width:760px){
  .mobile-pro-cta{
    align-items:center!important;
    gap:10px!important;
  }

  .mobile-pro-cta > div{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  #mobileCourseMini{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.3!important;
  }

  #mobileGenerateBtn{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

@media(max-width:390px){
  #mobileCourseMini{
    font-size:9px!important;
  }
}


/* =========================================================
   V8.4.11｜手机端两项修复
   1) 已就绪提示水平居中
   2) 教师工作流文字完整显示
   ========================================================= */

/* 1. “已就绪·点击生成提示词”水平居中 */
#generateBtn.v84-ready,
#generateBtn{
  text-align:center!important;
}
#generateBtn.v84-ready .generate-copy,
#generateBtn .generate-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
#generateBtn.v84-ready .generate-copy b,
#generateBtn .generate-copy b{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}
#generateBtn.v84-ready .generate-icon,
#generateBtn.v84-ready .generate-arrow{
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  #generateBtn.v84-ready{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #generateBtn.v84-ready .generate-copy{
    width:100%!important;
    text-align:center!important;
  }
  #generateBtn.v84-ready .generate-copy b{
    font-size:16px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  /* 就绪状态仅保留主文案，隐藏旧的小字说明 */
  #generateBtn.v84-ready .generate-copy small{
    display:none!important;
  }
}

/* 2. 手机端教师工作流标题下面说明文字完整显示 */
@media(max-width:760px){
  #workflowPanel{
    overflow:visible!important;
  }

  #workflowPanel > .section-heading{
    height:auto!important;
    min-height:78px!important;
    overflow:visible!important;
    padding-bottom:10px!important;
  }

  #workflowPanel > .section-heading > small{
    grid-column:2 / 5!important;
    grid-row:2!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:18px!important;
    margin:0!important;
    padding:0 2px 0 0!important;
    font-size:10px!important;
    line-height:1.5!important;
    color:#a99dac!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }

  #workflowPanel > .section-heading > strong{
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* “已选3项”和收起/展开继续保持同一行对齐 */
  #workflowPanel > .section-heading > .workflow-count-chip,
  #workflowPanel > .section-heading > .pro-section-toggle{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

@media(max-width:390px){
  #workflowPanel > .section-heading{
    min-height:82px!important;
  }
  #workflowPanel > .section-heading > small{
    font-size:9.5px!important;
    line-height:1.45!important;
  }
}


/* =========================================================
   V8.4.12｜六大主板块主题导航统一强化
   01 基础设置 / 02 主题设置 / 03 智能规划
   04 教师工作流 / 05 Prompt智能优化 / 06 最终Prompt工作台
   ========================================================= */

/* ---------- 六大板块标题统一 ---------- */
.main-stage-panel > .section-heading,
.result-workspace-title.main-stage-panel{
  position:relative!important;
  overflow:visible!important;
}

/* 01—05 主标题 */
.main-stage-panel > .section-heading > strong{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#fff8ed!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 2px 10px rgba(188,113,255,.14)!important;
}

/* 01—05 编号做成立体亮黄金色方块 */
.main-stage-panel > .section-heading > .num{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:14px!important;
  border:1px solid rgba(255,243,145,.98)!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(145deg,#fff49a 0%,#ffd82e 42%,#ffb500 100%)!important;

  color:#2b1900!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.68)!important;

  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.84),
    inset 0 -5px 8px rgba(173,91,0,.20),
    0 5px 0 #9f5e00,
    0 10px 22px rgba(255,184,0,.28),
    0 0 22px rgba(255,221,59,.16)!important;

  transform:translateY(-1px)!important;
  flex:0 0 auto!important;
}

/* 给六大板块标题栏增加极轻的顶部强调，不改变原面板结构 */
.main-stage-panel > .section-heading::after,
.result-workspace-title.main-stage-panel::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,
    rgba(255,213,54,.24),
    rgba(171,90,232,.18) 46%,
    transparent 88%);
  pointer-events:none;
}

/* 标题旁的小字继续克制，避免抢主标题 */
.main-stage-panel > .section-heading > small{
  font-size:10px!important;
  line-height:1.35!important;
  color:#9d91a3!important;
  font-weight:600!important;
}

/* ---------- 06 最终Prompt工作台：统一成同等级视觉 ---------- */
.result-workspace-title.main-stage-panel{
  min-height:78px!important;
  padding:13px 16px!important;
  border-radius:15px!important;
  border:1px solid rgba(147,76,184,.22)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,219,59,.06),transparent 28%),
    linear-gradient(180deg,rgba(27,13,38,.96),rgba(16,8,24,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 22px rgba(0,0,0,.12)!important;
}

/* 06 编号 */
.result-workspace-title.main-stage-panel > span:first-child{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  border-radius:14px!important;
  border:1px solid rgba(255,243,145,.98)!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(145deg,#fff49a 0%,#ffd82e 42%,#ffb500 100%)!important;

  color:#2b1900!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1!important;
  text-shadow:0 1px 0 rgba(255,255,255,.68)!important;

  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.84),
    inset 0 -5px 8px rgba(173,91,0,.20),
    0 5px 0 #9f5e00,
    0 10px 22px rgba(255,184,0,.28),
    0 0 22px rgba(255,221,59,.16)!important;
  flex:0 0 auto!important;
}

/* 06 主标题 */
.result-workspace-title.main-stage-panel > div > b{
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#fff8ed!important;
  text-shadow:0 2px 10px rgba(188,113,255,.14)!important;
}

/* 06 英文和说明弱化 */
.result-workspace-title.main-stage-panel > div > em{
  color:#b596c4!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
}
.result-workspace-title.main-stage-panel > div > small{
  color:#9d91a3!important;
  font-size:9px!important;
  margin-top:3px!important;
}

/* 六大主板块的编号/标题在鼠标经过时有轻微立体反馈 */
@media(hover:hover){
  .main-stage-panel:hover > .section-heading > .num,
  .result-workspace-title.main-stage-panel:hover > span:first-child{
    transform:translateY(-3px)!important;
    filter:brightness(1.05)!important;
    box-shadow:
      inset 0 2px 2px rgba(255,255,255,.88),
      inset 0 -5px 8px rgba(173,91,0,.18),
      0 6px 0 #985700,
      0 14px 26px rgba(255,190,0,.34),
      0 0 26px rgba(255,223,65,.22)!important;
  }
}

/* ---------- 手机端 ---------- */
@media(max-width:760px){
  .main-stage-panel > .section-heading{
    min-height:66px!important;
  }

  .main-stage-panel > .section-heading > .num,
  .result-workspace-title.main-stage-panel > span:first-child{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:13px!important;
    font-size:18px!important;
    box-shadow:
      inset 0 2px 2px rgba(255,255,255,.82),
      inset 0 -4px 7px rgba(173,91,0,.18),
      0 4px 0 #9f5e00,
      0 8px 18px rgba(255,184,0,.25),
      0 0 18px rgba(255,221,59,.14)!important;
  }

  .main-stage-panel > .section-heading > strong,
  .result-workspace-title.main-stage-panel > div > b{
    font-size:18px!important;
    line-height:1.18!important;
    letter-spacing:-.015em!important;
  }

  .main-stage-panel > .section-heading > small{
    font-size:9.5px!important;
  }

  .result-workspace-title.main-stage-panel{
    min-height:70px!important;
    padding:11px 12px!important;
  }

  .result-workspace-title.main-stage-panel > div > small{
    font-size:8.5px!important;
  }
}

/* 超窄屏：优先保证“05 Prompt智能优化 / 06 最终Prompt工作台”完整 */
@media(max-width:390px){
  .main-stage-panel > .section-heading > strong,
  .result-workspace-title.main-stage-panel > div > b{
    font-size:17px!important;
    white-space:nowrap!important;
  }

  .main-stage-panel > .section-heading > .num,
  .result-workspace-title.main-stage-panel > span:first-child{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    font-size:17px!important;
  }
}


/* =========================================================
   V8.4.13｜04 教师工作流标题比例对齐 05 Prompt智能优化
   手机端：主标题与第二行说明采用与05相近的宽度/起点/行距
   ========================================================= */
@media(max-width:760px){

  /* 04标题区改为与05相同的“编号 + 文本主体 + 右侧状态操作”视觉比例 */
  #workflowPanel > .section-heading{
    grid-template-columns:46px minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:4px!important;
    min-height:96px!important;
    padding:14px 12px!important;
    align-items:center!important;
  }

  #workflowPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }

  /* 教师工作流主标题：与05文字主体宽度比例一致 */
  #workflowPanel > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:18px!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* 第二行说明：严格从主标题左边缘开始，宽度参考05 */
  #workflowPanel > .section-heading > small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:stretch!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* 右侧两个胶囊保持同一行，避免压缩主标题/副标题宽度 */
  #workflowPanel > .section-heading > .workflow-count-chip{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    grid-column:4!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }
}

/* 小屏进一步按05的紧凑比例处理 */
@media(max-width:390px){
  #workflowPanel > .section-heading{
    grid-template-columns:43px minmax(0,1fr) auto auto!important;
    column-gap:7px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #workflowPanel > .section-heading > strong{
    font-size:17px!important;
  }

  #workflowPanel > .section-heading > small{
    font-size:9px!important;
    letter-spacing:-.01em!important;
  }
}


/* =========================================================
   V8.4.14｜移除各板块“已完成”提示
   解决手机端完成提示错位/错版
   ========================================================= */

/* 隐藏所有旧版完成状态标签/横条/勾选提示 */
.stage-complete-badge,
.completed-badge,
.v76-complete-badge,
.stage-status-complete,
.stage-completed-label,
.completed-label,
[class*="complete-badge"],
[class*="completed-badge"]{
  display:none!important;
}

/* 若旧逻辑通过伪元素显示“已完成”，统一关闭 */
.main-stage-panel.stage-complete::before,
.main-stage-panel.stage-complete::after,
.main-stage-panel.completed::before,
.main-stage-panel.completed::after,
.section-basic.stage-complete::before,
.section-basic.stage-complete::after,
.stage-topic.stage-complete::before,
.stage-topic.stage-complete::after,
#plannerPanel.stage-complete::before,
#plannerPanel.stage-complete::after,
#workflowPanel.stage-complete::before,
#workflowPanel.stage-complete::after,
#optimizerPanel.stage-complete::before,
#optimizerPanel.stage-complete::after{
  content:none!important;
  display:none!important;
}

/* 移除完成态额外边框/底部条，恢复正常板块视觉 */
.main-stage-panel.stage-complete,
.main-stage-panel.completed,
.main-stage-panel.is-complete,
.main-stage-panel.v76-complete{
  border-color:inherit!important;
  box-shadow:inherit!important;
}

/* 手机端进一步防止隐藏完成条残留占位 */
@media(max-width:760px){
  .stage-complete-badge,
  .completed-badge,
  .v76-complete-badge,
  .stage-status-complete,
  .stage-completed-label,
  .completed-label{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
}


/* =========================================================
   V8.4.15｜04 教师工作流收起状态高度压缩
   上下留白比例参考 05 Prompt智能优化
   ========================================================= */
@media(max-width:760px){

  /* 教师工作流处于收起状态时，去掉此前为副标题完整显示而设置的过高最小高度 */
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading{
    min-height:0!important;
    height:auto!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }

  /* 兼容当前收起按钮状态：内容隐藏时压缩整个04面板 */
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]){
    padding-top:0!important;
    padding-bottom:0!important;
  }

  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
    min-height:76px!important;
    height:76px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    margin-bottom:0!important;
  }

  /* 主标题/副标题整体垂直居中，避免顶部或底部出现大块空白 */
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading > strong{
    align-self:end!important;
    margin-bottom:1px!important;
  }

  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading > small{
    align-self:start!important;
    margin-top:1px!important;
    line-height:1.25!important;
  }

  /* 04底部分隔线贴近内容，比例与05一致 */
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading::after{
    bottom:0!important;
  }
}

/* 超窄屏继续保持紧凑，不额外增高 */
@media(max-width:390px){
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
    min-height:72px!important;
    height:72px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
}


/* =========================================================
   V8.4.16｜03 智能规划副标题 + 收起/展开
   ========================================================= */

#plannerPanel > .section-heading{
  position:relative!important;
}

/* 桌面端：主标题 + 副标题 + 右侧收起/展开 */
#plannerPanel > .section-heading > small{
  color:#9d91a3!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:600!important;
}

/* 收起状态时隐藏除标题栏外的内容 */
#plannerPanel.pro-collapsed > :not(.section-heading){
  display:none!important;
}

/* 手机端：比例参考04/05 */
@media(max-width:760px){
  #plannerPanel > .section-heading{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:4px!important;
    align-items:center!important;
    min-height:82px!important;
    padding:12px 12px!important;
  }

  #plannerPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }

  #plannerPanel > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:18px!important;
    line-height:1.18!important;
    white-space:nowrap!important;
  }

  #plannerPanel > .section-heading > small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:stretch!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:10px!important;
    line-height:1.35!important;
    color:#9d91a3!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  #plannerPanel > .section-heading > .pro-section-toggle{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  /* 收起状态压缩高度，比例参考04/05 */
  #plannerPanel.pro-collapsed > .section-heading{
    min-height:76px!important;
    height:76px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
}

@media(max-width:390px){
  #plannerPanel > .section-heading{
    grid-template-columns:43px minmax(0,1fr) auto!important;
    column-gap:7px!important;
    min-height:78px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #plannerPanel > .section-heading > strong{
    font-size:17px!important;
  }

  #plannerPanel > .section-heading > small{
    font-size:9px!important;
    letter-spacing:-.01em!important;
  }

  #plannerPanel.pro-collapsed > .section-heading{
    min-height:72px!important;
    height:72px!important;
  }
}


/* =========================================================
   V8.4.17｜04 教师工作流上下留白进一步压缩
   参考03/05板块比例，取消无效的大块顶部/底部空白
   ========================================================= */
@media(max-width:760px){

  /* 无论当前旧版使用哪种收起状态类，标题栏本身先恢复紧凑尺寸 */
  #workflowPanel > .section-heading{
    min-height:82px!important;
    height:auto!important;
    padding:10px 12px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
  }

  /* 收起状态：整体控制到约76px，避免上下出现大面积空白 */
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading{
    min-height:76px!important;
    height:76px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  /* 收起时面板本体也取消额外上下内边距 */
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]),
  #workflowPanel.v847-collapsed,
  #workflowPanel.collapsed,
  #workflowPanel.is-collapsed{
    padding-top:0!important;
    padding-bottom:0!important;
    min-height:0!important;
  }

  /* 编号、标题、副标题形成紧凑的垂直中心组合 */
  #workflowPanel > .section-heading > .num{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  #workflowPanel > .section-heading > strong{
    align-self:end!important;
    margin:0 0 1px 0!important;
    padding:0!important;
    line-height:1.12!important;
  }

  #workflowPanel > .section-heading > small{
    align-self:start!important;
    margin:1px 0 0 0!important;
    padding:0!important;
    line-height:1.22!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip,
  #workflowPanel > .section-heading > .pro-section-toggle{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* 底部分隔线不再制造额外视觉空白 */
  #workflowPanel > .section-heading::after{
    bottom:0!important;
  }
}

@media(max-width:390px){
  #workflowPanel > .section-heading{
    min-height:76px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading{
    min-height:70px!important;
    height:70px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
}


/* =========================================================
   V8.4.18｜01—06 编号左对齐 + 全站收起/展开统一
   标准：以 01 基础设置右侧按钮为基准
   ========================================================= */

/* ---------- 01—05：编号统一左起点 ---------- */
.main-stage-panel > .section-heading{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:3px!important;
  align-items:center!important;
  padding-left:16px!important;
  padding-right:16px!important;
  box-sizing:border-box!important;
}

/* 编号固定左侧，同一基线 */
.main-stage-panel > .section-heading > .num{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
}

/* 主标题统一第二列 */
.main-stage-panel > .section-heading > strong{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}

/* 副标题统一第二列第二行 */
.main-stage-panel > .section-heading > small{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}

/* 右侧按钮统一第三列 */
.main-stage-panel > .section-heading > .pro-section-toggle{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}

/* 04 教师工作流有“已选X项”，放到按钮前面但不改变按钮标准 */
#workflowPanel > .section-heading{
  grid-template-columns:52px minmax(0,1fr) auto auto!important;
}
#workflowPanel > .section-heading > .workflow-count-chip{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}
#workflowPanel > .section-heading > .pro-section-toggle{
  grid-column:4!important;
}

/* 05 Prompt智能优化右侧质量徽章 + 收起按钮 */
#optimizerPanel > .section-heading{
  grid-template-columns:52px minmax(0,1fr) auto auto!important;
}
#optimizerPanel > .section-heading > .pro-score-chip{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
}
#optimizerPanel > .section-heading > .pro-section-toggle{
  grid-column:4!important;
}

/* ---------- 06 最终Prompt工作台：编号起点与01—05一致 ---------- */
.result-workspace-title.main-stage-panel{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto auto!important;
  column-gap:14px!important;
  align-items:center!important;
  padding-left:16px!important;
  padding-right:16px!important;
  box-sizing:border-box!important;
}
.result-workspace-title.main-stage-panel > span:first-child{
  grid-column:1!important;
  justify-self:start!important;
  margin:0!important;
}
.result-workspace-title.main-stage-panel > div:first-of-type{
  grid-column:2!important;
  min-width:0!important;
  justify-self:start!important;
}
.result-workspace-title.main-stage-panel > .final-result-meta{
  grid-column:3!important;
  justify-self:end!important;
}
.result-workspace-title.main-stage-panel > i{
  grid-column:4!important;
  justify-self:end!important;
}

/* ---------- 全站收起/展开：完全统一为01标准，并稍微降低高度 ---------- */
.pro-section-toggle,
.workflow-collapse-btn,
.v847-basic-toggle,
#basicSettingsToggle,
#toggleWorkflowResultBtn,
button[data-collapse-target]{
  min-width:66px!important;
  width:66px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;

  border-radius:999px!important;
  border:1.5px solid #9b5cff!important;
  background:linear-gradient(180deg,rgba(56,25,79,.96),rgba(29,14,43,.98))!important;
  color:#f3eaff!important;

  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 66px!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(139,73,210,.06),
    0 3px 9px rgba(53,20,79,.16)!important;
}

/* 避免某些旧版单独给04/05按钮设不同高度 */
#workflowPanel .pro-section-toggle,
#optimizerPanel .pro-section-toggle,
#plannerPanel .pro-section-toggle,
#basicSettingsPanel .pro-section-toggle{
  width:66px!important;
  min-width:66px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;
  font-size:11px!important;
  margin:0!important;
}

/* ---------- 手机端 ---------- */
@media(max-width:760px){

  .main-stage-panel > .section-heading{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  #workflowPanel > .section-heading,
  #optimizerPanel > .section-heading{
    grid-template-columns:44px minmax(0,1fr) auto auto!important;
  }

  .main-stage-panel > .section-heading > .num,
  .result-workspace-title.main-stage-panel > span:first-child{
    justify-self:start!important;
  }

  .result-workspace-title.main-stage-panel{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta{
    display:none!important;
  }
  .result-workspace-title.main-stage-panel > i{
    grid-column:3!important;
  }

  /* 手机端统一更紧凑 */
  .pro-section-toggle,
  .workflow-collapse-btn,
  .v847-basic-toggle,
  #basicSettingsToggle,
  #toggleWorkflowResultBtn,
  button[data-collapse-target],
  #workflowPanel .pro-section-toggle,
  #optimizerPanel .pro-section-toggle,
  #plannerPanel .pro-section-toggle,
  #basicSettingsPanel .pro-section-toggle{
    min-width:60px!important;
    width:60px!important;
    height:28px!important;
    min-height:28px!important;
    flex-basis:60px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }

  /* 与按钮同高，视觉更整齐 */
  #workflowPanel > .section-heading > .workflow-count-chip{
    height:28px!important;
    min-height:28px!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
}

/* 超窄屏进一步防止错位 */
@media(max-width:390px){
  .main-stage-panel > .section-heading{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    column-gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #workflowPanel > .section-heading,
  #optimizerPanel > .section-heading{
    grid-template-columns:42px minmax(0,1fr) auto auto!important;
  }

  .pro-section-toggle,
  .workflow-collapse-btn,
  .v847-basic-toggle,
  #basicSettingsToggle,
  #toggleWorkflowResultBtn,
  button[data-collapse-target],
  #workflowPanel .pro-section-toggle,
  #optimizerPanel .pro-section-toggle,
  #plannerPanel .pro-section-toggle,
  #basicSettingsPanel .pro-section-toggle{
    min-width:56px!important;
    width:56px!important;
    height:27px!important;
    min-height:27px!important;
    flex-basis:56px!important;
    font-size:9.5px!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip{
    height:27px!important;
    min-height:27px!important;
    padding:0 7px!important;
  }
}


/* =========================================================
   V8.4.19｜04 教师工作流“生成教师工作流”按钮
   亮黄色立体核心操作样式
   ========================================================= */
#generateWorkflowBtn{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,244,150,.98)!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 30% 10%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(180deg,#fff58f 0%,#ffdf35 42%,#ffb900 100%)!important;
  color:#2a1800!important;
  font-weight:950!important;
  text-shadow:0 1px 0 rgba(255,255,255,.68)!important;

  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.88),
    inset 0 -5px 7px rgba(177,94,0,.20),
    0 5px 0 #a35e00,
    0 10px 22px rgba(255,184,0,.28),
    0 0 20px rgba(255,222,57,.16)!important;

  transform:translateY(-1px)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
  cursor:pointer!important;
}

#generateWorkflowBtn::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:2px;
  height:38%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));
  pointer-events:none;
}

#generateWorkflowBtn:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-3px)!important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.9),
    inset 0 -5px 7px rgba(177,94,0,.18),
    0 6px 0 #995600,
    0 14px 26px rgba(255,186,0,.34),
    0 0 26px rgba(255,225,72,.22)!important;
}

#generateWorkflowBtn:active{
  transform:translateY(2px)!important;
  box-shadow:
    inset 0 2px 5px rgba(151,82,0,.18),
    0 2px 0 #995600,
    0 5px 11px rgba(255,180,0,.22)!important;
}

/* 手机版稍微降低高度，保持紧凑 */
@media(max-width:760px){
  #generateWorkflowBtn{
    min-height:44px!important;
    height:44px!important;
    border-radius:12px!important;
    font-size:14px!important;
    letter-spacing:.02em!important;
  }
}


/* =========================================================
   V8.4.20｜主板块背景填充 / 边框贴合统一修复
   目标：
   - 01—06 背景层与外框贴合
   - 去掉标题背景左右悬空、断层
   - 顶部强调线 / 底部分隔线统一贴边
   - 手机端与桌面端都保持相同比例
   ========================================================= */

/* 01—05 主面板：统一外层几何规则 */
.main-stage-panel:not(.result-workspace-title){
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;

  /* 统一面板背景，确保圆角内部完整铺满 */
  background:
    radial-gradient(circle at 4% 0%,rgba(122,55,177,.07),transparent 30%),
    linear-gradient(180deg,rgba(16,9,27,.98),rgba(9,6,16,.99))!important;

  background-clip:padding-box!important;
}

/* 01—05 标题背景直接延伸到面板左右边框 */
.main-stage-panel:not(.result-workspace-title) > .section-heading{
  box-sizing:border-box!important;

  /* 当前桌面 panel 内边距约 20px，标题反向延伸到外框 */
  margin-left:-20px!important;
  margin-right:-20px!important;
  margin-top:-18px!important;

  width:calc(100% + 40px)!important;
  max-width:none!important;

  padding-left:20px!important;
  padding-right:20px!important;
  padding-top:18px!important;
  padding-bottom:13px!important;

  border-top-left-radius:inherit!important;
  border-top-right-radius:inherit!important;

  background:
    radial-gradient(circle at 7% 18%,rgba(139,63,191,.11),transparent 30%),
    linear-gradient(90deg,rgba(31,16,44,.64),rgba(17,10,28,.38) 58%,rgba(10,7,17,.10))!important;

  border-bottom:1px solid rgba(166,95,194,.16)!important;
}

/* 标题底部分隔线同步铺满，不再从内层缩进 */
.main-stage-panel:not(.result-workspace-title) > .section-heading::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
}

/* 顶部彩色强调线始终严格贴合外框 */
.main-stage-panel:not(.result-workspace-title)::before{
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  border-top-left-radius:inherit!important;
  border-top-right-radius:inherit!important;
}

/* 内容区仍保持统一左右内边距，避免标题贴边后内容也被拉宽 */
.main-stage-panel:not(.result-workspace-title) > :not(.section-heading){
  box-sizing:border-box!important;
}

/* 06 最终 Prompt 工作台：
   自身就是标题容器，确保背景、边框、顶线全部填满 */
.result-workspace-title.main-stage-panel{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:
    radial-gradient(circle at 5% 5%,rgba(255,211,54,.055),transparent 28%),
    linear-gradient(180deg,rgba(22,12,32,.98),rgba(11,7,18,.99))!important;
  background-clip:padding-box!important;
}

.result-workspace-title.main-stage-panel::before{
  content:"";
  position:absolute;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px;
  background:linear-gradient(90deg,#c78a35,#b65bc6 58%,rgba(182,91,198,.08))!important;
  pointer-events:none;
}

/* 其它核心面板统一处理，避免出现“内层黑块没贴到边框”的断层 */
.result-panel,
.wrong-question-panel,
.history-panel{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 4% 0%,rgba(122,55,177,.055),transparent 30%),
    linear-gradient(180deg,rgba(16,9,27,.98),rgba(9,6,16,.99))!important;
  background-clip:padding-box!important;
}

/* =========================================================
   手机端：按当前 panel 约10px左右内边距精确贴边
   ========================================================= */
@media(max-width:760px){

  .main-stage-panel:not(.result-workspace-title){
    overflow:hidden!important;
  }

  .main-stage-panel:not(.result-workspace-title) > .section-heading{
    margin-left:-10px!important;
    margin-right:-10px!important;
    margin-top:-11px!important;

    width:calc(100% + 20px)!important;

    padding-left:12px!important;
    padding-right:12px!important;
    padding-top:11px!important;
    padding-bottom:9px!important;

    border-top-left-radius:inherit!important;
    border-top-right-radius:inherit!important;
  }

  /* 03/04/05 前几版对标题高度有特殊覆盖，这里只统一背景几何，不强行拉高 */
  #plannerPanel > .section-heading,
  #workflowPanel > .section-heading,
  #optimizerPanel > .section-heading,
  #basicSettingsPanel > .section-heading,
  .stage-02 > .section-heading{
    box-sizing:border-box!important;
    max-width:none!important;
  }

  /* 收起状态下同样贴合外框，不能因为隐藏内容出现上下断层 */
  #plannerPanel.pro-collapsed > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #optimizerPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading{
    margin-left:-10px!important;
    margin-right:-10px!important;
    width:calc(100% + 20px)!important;
    border-top-left-radius:inherit!important;
    border-top-right-radius:inherit!important;
  }

  .result-workspace-title.main-stage-panel{
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
}

/* 超窄屏继续保持边框与背景同一几何起点 */
@media(max-width:390px){
  .main-stage-panel:not(.result-workspace-title) > .section-heading{
    margin-left:-10px!important;
    margin-right:-10px!important;
    width:calc(100% + 20px)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   V8.4.21｜恢复 06 最终Prompt工作台检测状态
   ========================================================= */

/* 桌面端：保留原三项状态 */
.result-workspace-title.main-stage-panel > .final-result-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  min-width:0!important;
}

/* 状态胶囊统一 */
.result-workspace-title .final-result-meta span{
  min-height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(153,92,177,.20)!important;
  background:rgba(24,13,32,.62)!important;
  color:#a79aaa!important;
  font-size:8px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* 已完成/已生成状态加强 */
.result-workspace-title .final-result-meta span.done{
  color:#e3c873!important;
  border-color:rgba(209,164,70,.28)!important;
  background:rgba(79,53,18,.18)!important;
}

/* 手机端之前被 display:none 隐藏，这里恢复 */
@media(max-width:760px){
  .result-workspace-title.main-stage-panel{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    row-gap:6px!important;
  }

  .result-workspace-title.main-stage-panel > span:first-child{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta{
    display:flex!important;
    grid-column:2 / 4!important;
    grid-row:2!important;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
    margin:0!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta span{
    min-height:22px!important;
    padding:0 7px!important;
    font-size:8px!important;
    flex:0 0 auto!important;
  }

  /* 手机端隐藏“完成输出”文字，给检测状态腾出空间 */
  .result-workspace-title.main-stage-panel > i{
    display:none!important;
  }
}

/* 超窄屏：状态进一步紧凑，避免挤出 */
@media(max-width:390px){
  .result-workspace-title.main-stage-panel > .final-result-meta{
    gap:4px!important;
  }
  .result-workspace-title.main-stage-panel > .final-result-meta span{
    min-height:21px!important;
    padding:0 6px!important;
    font-size:7.5px!important;
  }
}


/* =========================================================
   V8.4.22｜06 最终Prompt工作台 手机端布局重构
   目标：编号、标题、状态统一对齐，减少垂直堆叠和大块空白
   ========================================================= */
@media(max-width:760px){

  .result-workspace-title.main-stage-panel{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:10px!important;

    min-height:0!important;
    height:auto!important;
    padding:14px 14px 13px!important;

    align-items:center!important;
    overflow:hidden!important;
  }

  /* 06编号：左侧固定，纵向居中 */
  .result-workspace-title.main-stage-panel > span:first-child{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:start!important;

    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    margin:0!important;

    border-radius:14px!important;
    font-size:18px!important;
  }

  /* 标题信息区 */
  .result-workspace-title.main-stage-panel > div:first-of-type{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:stretch!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;

    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > em{
    margin:0!important;
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.14em!important;
    color:#bda8c5!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > b{
    margin:0!important;
    font-size:18px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > small{
    margin:1px 0 0!important;
    font-size:8.5px!important;
    line-height:1.35!important;
    color:#9e91a3!important;
    white-space:normal!important;
  }

  /* 状态区：放到标题下方横向排列，而不是竖直堆叠 */
  .result-workspace-title.main-stage-panel > .final-result-meta{
    grid-column:2!important;
    grid-row:2!important;

    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;

    width:100%!important;
    margin:0!important;
    padding:0!important;

    justify-self:stretch!important;
    align-self:start!important;
    overflow:visible!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta span{
    min-width:0!important;
    width:100%!important;
    min-height:26px!important;
    height:26px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:0 5px!important;
    margin:0!important;

    border-radius:999px!important;
    font-size:8px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }

  /* 手机端不再显示右侧“完成输出”，避免挤占布局 */
  .result-workspace-title.main-stage-panel > i{
    display:none!important;
  }
}

/* 超窄屏：状态改成2+1布局，避免文字过挤 */
@media(max-width:390px){

  .result-workspace-title.main-stage-panel{
    grid-template-columns:52px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:12px!important;
  }

  .result-workspace-title.main-stage-panel > span:first-child{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    font-size:17px!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > b{
    font-size:17px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta span{
    height:25px!important;
    min-height:25px!important;
    font-size:7.5px!important;
  }

  /* 第三个状态横跨整行，更美观 */
  .result-workspace-title.main-stage-panel > .final-result-meta span:nth-child(3){
    grid-column:1 / -1!important;
  }
}


/* =========================================================
   V8.4.23｜04 教师工作流背景贴边专项修复
   解决顶部紫色线条/内层背景与圆角外框未对齐的问题
   ========================================================= */

/* 04 外层面板自己负责完整圆角与背景 */
#workflowPanel{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;

  background:
    radial-gradient(circle at 5% 0%,rgba(137,65,188,.08),transparent 28%),
    linear-gradient(180deg,rgba(16,9,27,.99),rgba(9,6,16,.995))!important;

  background-clip:padding-box!important;
}

/* 禁止旧版顶部强调线“缩进” */
#workflowPanel::before{
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  height:3px!important;
  margin:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#b34fc7 0%,#9951d8 42%,rgba(118,58,165,.10) 100%)!important;
}

/* 标题栏直接铺满整个面板宽度，不再套一层缩进背景 */
#workflowPanel > .section-heading{
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  width:100%!important;
  max-width:100%!important;

  padding-left:16px!important;
  padding-right:16px!important;

  border-top-left-radius:inherit!important;
  border-top-right-radius:inherit!important;

  background:
    radial-gradient(circle at 8% 8%,rgba(119,54,169,.10),transparent 30%),
    linear-gradient(90deg,rgba(27,14,39,.62),rgba(14,9,23,.22) 70%,rgba(10,7,17,.04))!important;

  border-bottom:1px solid rgba(157,82,177,.14)!important;
}

/* 底部分隔线从左右边缘完整拉齐 */
#workflowPanel > .section-heading::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
}

/* 取消旧版为了“标题贴边”使用的负margin残留 */
#workflowPanel > .section-heading,
#workflowPanel.pro-collapsed > .section-heading,
#workflowPanel.v847-collapsed > .section-heading,
#workflowPanel.collapsed > .section-heading,
#workflowPanel.is-collapsed > .section-heading{
  transform:none!important;
}

/* 手机端：保持背景满铺，但内容仍保留安全边距 */
@media(max-width:760px){
  #workflowPanel{
    padding-left:0!important;
    padding-right:0!important;
  }

  #workflowPanel > .section-heading{
    margin:0!important;
    width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    border-top-left-radius:inherit!important;
    border-top-right-radius:inherit!important;
  }

  /* 下面真正的工作流内容恢复统一左右内边距 */
  #workflowPanel > .workflow-mode,
  #workflowPanel > .workflow-result{
    margin-left:12px!important;
    margin-right:12px!important;
  }

  /* 展开内容贴合标题，不留异常黑缝 */
  #workflowPanel > .workflow-mode{
    margin-top:10px!important;
  }

  /* 收起时标题栏直接作为整个面板，不再留顶部空层 */
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]){
    padding-top:0!important;
    padding-bottom:0!important;
  }

  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
    margin:0!important;
    width:100%!important;
  }
}

/* 超窄屏继续一致 */
@media(max-width:390px){
  #workflowPanel > .section-heading{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #workflowPanel > .workflow-mode,
  #workflowPanel > .workflow-result{
    margin-left:10px!important;
    margin-right:10px!important;
  }
}


/* =========================================================
   V8.4.24｜04 / 05 收起展开按钮精确统一
   以 01 / 03 的按钮为唯一标准
   ========================================================= */

/* 01/03 标准尺寸：04/05 强制完全一致 */
#workflowPanel > .section-heading > .pro-section-toggle,
#optimizerPanel > .section-heading > .pro-section-toggle{
  width:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;

  padding:0 8px!important;
  margin:0!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 60px!important;

  border-radius:999px!important;
  border:1.5px solid #9b5cff!important;
  background:linear-gradient(180deg,rgba(56,25,79,.96),rgba(29,14,43,.98))!important;
  color:#f3eaff!important;

  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(139,73,210,.06),
    0 3px 9px rgba(53,20,79,.16)!important;

  text-shadow:0 1px 0 rgba(0,0,0,.30)!important;
  transform:none!important;
}

/* 04/05 hover / active 也统一到01/03，不允许出现更粗光圈或更大尺寸 */
#workflowPanel > .section-heading > .pro-section-toggle:hover,
#optimizerPanel > .section-heading > .pro-section-toggle:hover{
  border-color:#b875ff!important;
  background:linear-gradient(180deg,rgba(73,32,104,.98),rgba(38,17,57,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 14px rgba(155,92,255,.16),
    0 4px 11px rgba(43,16,66,.20)!important;
  transform:translateY(-1px)!important;
}

#workflowPanel > .section-heading > .pro-section-toggle:active,
#optimizerPanel > .section-heading > .pro-section-toggle:active{
  transform:translateY(1px)!important;
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.22),
    0 2px 6px rgba(43,16,66,.18)!important;
}

/* 04右侧“已选X项”高度跟按钮统一，但保留自身样式 */
#workflowPanel > .section-heading > .workflow-count-chip{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin:0!important;
}

/* 05质量徽章高度协调，避免把收起按钮挤大 */
#optimizerPanel > .section-heading > .pro-score-chip{
  min-height:28px!important;
  height:28px!important;
  margin:0!important;
  align-self:center!important;
}

/* 手机端保持01/03标准 */
@media(max-width:760px){
  #workflowPanel > .section-heading > .pro-section-toggle,
  #optimizerPanel > .section-heading > .pro-section-toggle{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    flex-basis:60px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
}

/* 超窄屏同样与01/03一起缩到56×27 */
@media(max-width:390px){
  #workflowPanel > .section-heading > .pro-section-toggle,
  #optimizerPanel > .section-heading > .pro-section-toggle{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    flex-basis:56px!important;
    padding:0 7px!important;
    font-size:9.5px!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip,
  #optimizerPanel > .section-heading > .pro-score-chip{
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
  }
}


/* =========================================================
   V8.4.25｜04 教师工作流专项最终修复
   1. 展开/收起时编号与标题组水平位置绝对锁定
   2. 顶部紫线、圆角、背景连续铺满，消除左上黑色间隙
   ========================================================= */

/* ---------- 04 外层：统一由面板本身绘制背景与顶部强调线 ---------- */
#workflowPanel{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;

  /* 清除旧版可能残留的左右/顶部内边距，避免形成第二层黑边 */
  padding-left:0!important;
  padding-right:0!important;
  padding-top:0!important;

  background:
    radial-gradient(circle at 8% 7%,rgba(126,57,174,.11),transparent 31%),
    linear-gradient(180deg,#120a1d 0%,#0c0814 100%)!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
}

/* 顶部紫色强调线：贴住外框最顶部，从圆角内部完整铺过去 */
#workflowPanel::before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  height:3px!important;
  margin:0!important;
  padding:0!important;

  border-radius:inherit!important;
  background:linear-gradient(
    90deg,
    #b84fd0 0%,
    #a14fd1 38%,
    rgba(130,61,177,.38) 72%,
    rgba(130,61,177,.08) 100%
  )!important;
  pointer-events:none!important;
}

/* ---------- 标题栏：展开/收起永远使用同一几何参数 ---------- */
#workflowPanel > .section-heading,
#workflowPanel.pro-collapsed > .section-heading,
#workflowPanel.v847-collapsed > .section-heading,
#workflowPanel.collapsed > .section-heading,
#workflowPanel.is-collapsed > .section-heading,
#workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
  position:relative!important;
  z-index:2!important;

  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto auto!important;
  grid-template-rows:auto auto!important;
  column-gap:14px!important;
  row-gap:3px!important;
  align-items:center!important;

  /* 关键：任何状态都不再使用负margin或不同padding */
  margin:0!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;

  padding-left:16px!important;
  padding-right:16px!important;
  padding-top:14px!important;
  padding-bottom:13px!important;

  border-radius:0!important;
  border-top-left-radius:inherit!important;
  border-top-right-radius:inherit!important;

  background:
    radial-gradient(circle at 9% 12%,rgba(124,55,171,.10),transparent 30%),
    linear-gradient(90deg,rgba(29,15,41,.66),rgba(14,9,23,.25) 72%,rgba(10,7,17,.05))!important;
  background-origin:border-box!important;
  background-clip:border-box!important;
  border-bottom:1px solid rgba(158,83,180,.16)!important;
}

/* 标题栏不要再生成另一条顶部/左侧背景层 */
#workflowPanel > .section-heading::before{
  content:none!important;
  display:none!important;
}

/* 底部分隔线严格贴合标题栏左右边缘 */
#workflowPanel > .section-heading::after{
  left:0!important;
  right:0!important;
  width:100%!important;
  bottom:0!important;
  margin:0!important;
}

/* ---------- 04编号/标题：状态变化时位置完全固定 ---------- */
#workflowPanel > .section-heading > .num{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  transform:none!important;
}

#workflowPanel > .section-heading > strong{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:end!important;
  margin:0!important;
  transform:none!important;
}

#workflowPanel > .section-heading > small{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  transform:none!important;
}

#workflowPanel > .section-heading > .workflow-count-chip{
  grid-column:3!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

#workflowPanel > .section-heading > .pro-section-toggle{
  grid-column:4!important;
  grid-row:1 / span 2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

/* ---------- 手机端：展开/收起也共用同一左起点 ---------- */
@media(max-width:760px){
  #workflowPanel > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading,
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
    grid-template-columns:44px minmax(0,1fr) auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;

    /* 高度可以变化，但水平几何绝不变化 */
    margin:0!important;
    width:100%!important;
    transform:none!important;

    padding-left:12px!important;
    padding-right:12px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;

    min-height:78px!important;
    height:auto!important;
  }

  /* 收起仅压缩高度，不允许改left/padding/grid */
  #workflowPanel.pro-collapsed > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading,
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
    min-height:72px!important;
    height:72px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }

  /* 展开内容自行留安全边距，不反过来影响标题栏 */
  #workflowPanel > .workflow-mode,
  #workflowPanel > .workflow-result{
    margin-left:12px!important;
    margin-right:12px!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:390px){
  #workflowPanel > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading,
  #workflowPanel:has(> .section-heading .pro-section-toggle[aria-expanded="false"]) > .section-heading{
    grid-template-columns:42px minmax(0,1fr) auto auto!important;
    column-gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* =========================================================
   V8.4.26｜生成结果“复制提示词”按钮手机端优化
   缩小、完整显示、上移、水平居中
   ========================================================= */

@media(max-width:760px){

  /* 生成结果标题区改为上下布局，避免按钮贴底或偏右 */
  #resultPanel > .result-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    row-gap:10px!important;
    align-items:center!important;

    padding-top:14px!important;
    padding-bottom:16px!important;
  }

  /* 标题内容保持正常 */
  #resultPanel > .result-heading > .num,
  #resultPanel > .result-heading > .result-heading-title{
    justify-self:start!important;
  }

  /* 复制提示词按钮独占第二行并水平居中 */
  #copyFinalPromptBtn{
    grid-column:1!important;
    grid-row:2!important;

    justify-self:center!important;
    align-self:center!important;

    width:auto!important;
    min-width:132px!important;
    max-width:170px!important;
    height:40px!important;
    min-height:40px!important;

    padding:0 18px!important;
    margin:0 auto 2px!important;

    border-radius:12px!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;

    transform:translateY(-4px)!important;
  }
}

/* 超窄屏进一步缩小，保证完整显示 */
@media(max-width:390px){
  #copyFinalPromptBtn{
    min-width:124px!important;
    max-width:150px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 15px!important;
    font-size:13px!important;
    transform:translateY(-5px)!important;
  }
}


/* =========================================================
   V8.4.27｜主生成入口仅保留“已就绪”状态
   去掉“生成完整提示词 按当前设置生成知识卡图片 Prompt →”
   ========================================================= */

/* 主按钮文字只显示简洁状态，不保留旧说明性长文案 */
#generatePromptBtn,
#generateFinalPromptBtn,
.generate-prompt-btn,
.final-generate-btn{
  white-space:nowrap!important;
  text-align:center!important;
  justify-content:center!important;
}

/* 若旧版按钮内部有图标/说明/箭头，统一隐藏，仅保留状态文字节点 */
#generatePromptBtn .icon,
#generatePromptBtn .desc,
#generatePromptBtn .arrow,
#generateFinalPromptBtn .icon,
#generateFinalPromptBtn .desc,
#generateFinalPromptBtn .arrow,
.generate-prompt-btn .icon,
.generate-prompt-btn .desc,
.generate-prompt-btn .arrow{
  display:none!important;
}


/* V8.4.28｜主生成入口：仅保留一个“已就绪 · 点击生成提示词”状态 */
#generatePromptBtn,
#generateFinalPromptBtn,
.generate-prompt-btn,
.final-generate-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  #generatePromptBtn,
  #generateFinalPromptBtn,
  .generate-prompt-btn,
  .final-generate-btn{
    font-size:14px!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 14px!important;
  }
}


/* =========================================================
   V8.4.29｜生成结果区手机端重新排版
   修复：复制提示词按钮压到底部分隔线、位置过低、与标题不协调
   ========================================================= */
@media(max-width:760px){

  #resultPanel{
    overflow:hidden!important;
  }

  #resultPanel > .result-heading{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    row-gap:12px!important;

    min-height:0!important;
    height:auto!important;

    margin:0!important;
    padding:16px 14px 18px!important;

    align-items:center!important;
    box-sizing:border-box!important;
  }

  /* 标题块单独一行 */
  #resultPanel > .result-heading > .result-heading-title{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;

    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;

    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  #resultPanel > .result-heading > .result-heading-title strong{
    font-size:18px!important;
    line-height:1.15!important;
  }

  #resultPanel > .result-heading > .result-heading-title small{
    font-size:9px!important;
    line-height:1.35!important;
  }

  /* 结果头部原有✓编号不参与手机端布局，避免挤压 */
  #resultPanel > .result-heading > .num{
    display:none!important;
  }

  /* 复制按钮独占第二行，水平居中，上下留足安全空间 */
  #copyFinalPromptBtn{
    grid-column:1!important;
    grid-row:2!important;

    justify-self:center!important;
    align-self:center!important;

    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:38px!important;
    min-height:38px!important;

    margin:0 auto!important;
    padding:0 14px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:12px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;

    /* 取消前几版 translate，避免再次压到底边 */
    transform:none!important;
    position:relative!important;
    z-index:2!important;
  }

  /* 分隔线放在整个标题区最底部，永远不会穿过按钮 */
  #resultPanel > .result-heading::after{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(170,85,190,.32),rgba(255,203,66,.20),rgba(170,85,190,.18))!important;
    pointer-events:none!important;
  }

  /* 禁止旧版标题区伪元素重复画线 */
  #resultPanel > .result-heading::before{
    content:none!important;
    display:none!important;
  }
}

/* 超窄屏保持完整 */
@media(max-width:390px){
  #resultPanel > .result-heading{
    padding:14px 12px 16px!important;
    row-gap:10px!important;
  }

  #copyFinalPromptBtn{
    width:124px!important;
    min-width:124px!important;
    max-width:124px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:12.5px!important;
  }

  #resultPanel > .result-heading::after{
    left:12px!important;
    right:12px!important;
  }
}


/* =========================================================
   V8.4.30｜电脑端主板块布局专项修复
   目标：
   - 保持手机端现有布局不变
   - 仅修复 >760px 桌面端 01—06 的错位、压线、标题/编号偏移
   - 取消桌面端误用的手机Grid/负margin/full-width标题层
   ========================================================= */
@media(min-width:761px){

  /* ---------- 01—05 主面板恢复稳定桌面几何 ---------- */
  .main-stage-panel:not(.result-workspace-title){
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:18px 20px!important;
    background:
      radial-gradient(circle at 5% 0%,rgba(122,55,177,.07),transparent 30%),
      linear-gradient(180deg,rgba(16,9,27,.98),rgba(9,6,16,.99))!important;
  }

  /* 04之前被专项设为0 padding，这里仅桌面端恢复 */
  #workflowPanel{
    padding:18px 20px!important;
  }

  /* 所有主标题栏桌面端统一用flex，不再使用移动端Grid */
  .main-stage-panel:not(.result-workspace-title) > .section-heading,
  #workflowPanel > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading{
    display:flex!important;
    align-items:center!important;

    width:100%!important;
    max-width:100%!important;
    height:64px!important;
    min-height:64px!important;

    margin:0!important;
    padding:0 0 10px!important;
    transform:none!important;

    gap:14px!important;
    box-sizing:border-box!important;
    overflow:visible!important;

    border-radius:0!important;
    background:transparent!important;
    border-bottom:1px solid rgba(158,83,180,.16)!important;
  }

  /* 去掉桌面端旧版标题背景/伪元素造成的压线 */
  .main-stage-panel:not(.result-workspace-title) > .section-heading::before,
  #workflowPanel > .section-heading::before{
    content:none!important;
    display:none!important;
  }

  .main-stage-panel:not(.result-workspace-title) > .section-heading::after,
  #workflowPanel > .section-heading::after{
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
  }

  /* 01—05 编号固定同一左起点、同一尺寸 */
  .main-stage-panel:not(.result-workspace-title) > .section-heading > .num{
    position:relative!important;
    grid-column:auto!important;
    grid-row:auto!important;

    flex:0 0 52px!important;
    width:52px!important;
    min-width:52px!important;
    height:52px!important;

    margin:0!important;
    transform:none!important;
    justify-self:auto!important;
    align-self:center!important;
  }

  /* 主标题统一 */
  .main-stage-panel:not(.result-workspace-title) > .section-heading > strong{
    grid-column:auto!important;
    grid-row:auto!important;

    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;

    font-size:22px!important;
    line-height:1.15!important;
    align-self:center!important;
    justify-self:auto!important;
    white-space:nowrap!important;
  }

  /* 副标题桌面端放回主标题右侧，不再压到第二行 */
  .main-stage-panel:not(.result-workspace-title) > .section-heading > small{
    grid-column:auto!important;
    grid-row:auto!important;

    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    font-size:11px!important;
    line-height:1.3!important;
    align-self:center!important;
    justify-self:auto!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* 01 / 03 普通收起按钮靠最右 */
  #basicSettingsPanel > .section-heading > .pro-section-toggle,
  #plannerPanel > .section-heading > .pro-section-toggle{
    grid-column:auto!important;
    grid-row:auto!important;
    margin-left:auto!important;
    align-self:center!important;
    justify-self:auto!important;
    flex:0 0 66px!important;
  }

  /* 04：已选状态靠右，收起按钮紧随其后 */
  #workflowPanel > .section-heading > .workflow-count-chip{
    grid-column:auto!important;
    grid-row:auto!important;

    margin-left:auto!important;
    margin-right:0!important;

    align-self:center!important;
    justify-self:auto!important;
    flex:0 0 auto!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    grid-column:auto!important;
    grid-row:auto!important;

    margin-left:0!important;
    align-self:center!important;
    justify-self:auto!important;
    flex:0 0 66px!important;
  }

  /* 05：质量徽章靠右，收起按钮紧随其后 */
  #optimizerPanel > .section-heading > .pro-score-chip{
    grid-column:auto!important;
    grid-row:auto!important;

    margin-left:auto!important;
    margin-right:0!important;

    align-self:center!important;
    justify-self:auto!important;
    flex:0 0 auto!important;
  }

  #optimizerPanel > .section-heading > .pro-section-toggle{
    grid-column:auto!important;
    grid-row:auto!important;

    margin-left:0!important;
    align-self:center!important;
    justify-self:auto!important;
    flex:0 0 66px!important;
  }

  /* 04内容桌面端不再套手机端左右margin */
  #workflowPanel > .workflow-mode,
  #workflowPanel > .workflow-result{
    margin-left:0!important;
    margin-right:0!important;
  }

  /* ---------- 06 最终Prompt工作台 桌面端 ---------- */
  .result-workspace-title.main-stage-panel{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;

    min-height:82px!important;
    height:auto!important;

    margin:18px 2px 8px!important;
    padding:14px 16px!important;

    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .result-workspace-title.main-stage-panel > span:first-child{
    grid-column:auto!important;
    grid-row:auto!important;

    flex:0 0 52px!important;
    width:52px!important;
    min-width:52px!important;
    height:52px!important;

    margin:0!important;
    align-self:center!important;
    justify-self:auto!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type{
    grid-column:auto!important;
    grid-row:auto!important;

    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    justify-self:auto!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta{
    grid-column:auto!important;
    grid-row:auto!important;

    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;

    margin-left:auto!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }

  .result-workspace-title.main-stage-panel > i{
    grid-column:auto!important;
    grid-row:auto!important;
    display:inline-flex!important;
    margin-left:2px!important;
    justify-self:auto!important;
  }
}


/* =========================================================
   V8.4.31｜生成结果：复制提示词按钮右侧同一行
   桌面端：标题左 / 按钮右；手机端保持原有布局
   ========================================================= */
@media(min-width:761px){
  #resultPanel > .result-heading{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:24px!important;

    min-height:78px!important;
    height:auto!important;
    margin:0!important;
    padding:14px 18px!important;
    box-sizing:border-box!important;
  }

  #resultPanel > .result-heading > .result-heading-title{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    min-width:0!important;
  }

  #resultPanel > .result-heading > .num{
    display:none!important;
  }

  #copyFinalPromptBtn{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;

    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
    height:42px!important;
    min-height:42px!important;

    margin:0!important;
    padding:0 18px!important;
    transform:none!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:14px!important;
    border-radius:12px!important;
  }

  /* 分隔线只放标题行底部，不穿过按钮 */
  #resultPanel > .result-heading::after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:0!important;
    height:1px!important;
    pointer-events:none!important;
  }
}


/* =========================================================
   V8.4.32｜桌面端标题区微调
   1. 04副标题固定显示在“教师工作流”下一行
   2. 02去掉标题区右侧椭圆/胶囊装饰框
   手机端保持现状
   ========================================================= */
@media(min-width:761px){

  /* ---------- 04 教师工作流：标题 + 副标题上下两行 ---------- */
  #workflowPanel > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    height:70px!important;
    min-height:70px!important;
    padding:0 0 10px!important;
  }

  #workflowPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }

  #workflowPanel > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
    margin:0!important;
    line-height:1.12!important;
  }

  #workflowPanel > .section-heading > small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  #workflowPanel > .section-heading > .workflow-count-chip{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    grid-column:4!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  /* ---------- 02 主题设置：去掉红框所示椭圆装饰框 ---------- */
  .stage-02 > .section-heading{
    position:relative!important;
    overflow:visible!important;
  }

  /* 清除标题栏自身可能绘制的胶囊/长椭圆伪元素 */
  .stage-02 > .section-heading::before,
  .stage-02 > .section-heading::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* 若椭圆来自02面板顶部额外装饰层，也一并隐藏，仅限桌面02 */
  .stage-02 > .section-heading .section-heading-deco,
  .stage-02 > .section-heading .heading-deco,
  .stage-02 > .section-heading .title-deco,
  .stage-02 > .section-heading .section-line-pill{
    display:none!important;
  }
}


/* =========================================================
   V8.4.33｜电脑版“生成结果 + 复制提示词”同一行最终锁定
   仅 >760px 生效；手机端完全不动
   ========================================================= */
@media(min-width:761px){

  #resultPanel > .result-heading{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    column-gap:28px!important;

    width:100%!important;
    min-height:82px!important;
    height:82px!important;

    margin:0!important;
    padding:12px 22px!important;
    box-sizing:border-box!important;
  }

  /* 左侧：生成结果 + 说明文字 */
  #resultPanel > .result-heading > .result-heading-title{
    grid-column:1!important;
    grid-row:1!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:6px!important;

    justify-self:start!important;
    align-self:center!important;

    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  #resultPanel > .result-heading > .result-heading-title strong{
    margin:0!important;
    line-height:1.15!important;
  }

  #resultPanel > .result-heading > .result-heading-title small{
    margin:0!important;
    line-height:1.3!important;
  }

  /* 不让旧编号参与布局 */
  #resultPanel > .result-heading > .num{
    display:none!important;
  }

  /* 右侧：复制提示词，和左侧标题块同一水平行 */
  #resultPanel #copyFinalPromptBtn{
    grid-column:2!important;
    grid-row:1!important;

    position:static!important;
    inset:auto!important;

    justify-self:end!important;
    align-self:center!important;

    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;

    margin:0!important;
    padding:0 16px!important;
    transform:none!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1!important;
    border-radius:12px!important;
  }

  /* 分隔线固定在整行底部，不影响按钮位置 */
  #resultPanel > .result-heading::after{
    content:""!important;
    position:absolute!important;
    left:22px!important;
    right:22px!important;
    bottom:0!important;
    height:1px!important;
    pointer-events:none!important;
  }
}


/* =========================================================
   V8.4.35｜手机端“生成结果 + 复制提示词”同一行
   仅 <=760px 生效；电脑端保持原样
   ========================================================= */
@media(max-width:760px){

  #resultPanel > .result-heading{
    position:relative!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:10px!important;

    width:100%!important;
    min-height:68px!important;
    height:auto!important;

    margin:0!important;
    padding:11px 12px 12px!important;
    box-sizing:border-box!important;
  }

  /* 左侧：生成结果 + 说明文字 */
  #resultPanel > .result-heading > .result-heading-title{
    grid-column:1!important;
    grid-row:1!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;

    justify-self:start!important;
    align-self:center!important;

    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  #resultPanel > .result-heading > .result-heading-title strong{
    margin:0!important;
    font-size:17px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  #resultPanel > .result-heading > .result-heading-title small{
    margin:0!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  /* 手机端隐藏旧✓编号，避免挤占一行空间 */
  #resultPanel > .result-heading > .num{
    display:none!important;
  }

  /* 右侧：复制提示词，与“生成结果”同一行 */
  #copyFinalPromptBtn{
    grid-column:2!important;
    grid-row:1!important;

    position:static!important;
    inset:auto!important;

    justify-self:end!important;
    align-self:center!important;

    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;

    margin:0!important;
    padding:0 10px!important;
    transform:none!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:11px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* 分隔线固定在整行底部，不会穿过按钮 */
  #resultPanel > .result-heading::after{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:0!important;
    height:1px!important;
    pointer-events:none!important;
  }
}

/* 超窄手机进一步缩小按钮，保证同一行完整显示 */
@media(max-width:390px){
  #resultPanel > .result-heading{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #copyFinalPromptBtn{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 8px!important;
    font-size:11.5px!important;
  }

  #resultPanel > .result-heading > .result-heading-title strong{
    font-size:16px!important;
  }

  #resultPanel > .result-heading > .result-heading-title small{
    font-size:8px!important;
  }

  #resultPanel > .result-heading::after{
    left:10px!important;
    right:10px!important;
  }
}


/* =========================================================
   V8.4.45｜取消全局“Prompt 已生成”重复弹窗
   复制/优化只显示各自操作结果提示
   ========================================================= */
#v84DoneToast,
.v84-done-toast{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* V8.4.50｜AI错题题量只保留5/10/15 */
.wrong-count-row-limited{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.wrong-count-row-limited button{
  width:100%!important;
  min-width:0!important;
}
@media(max-width:760px){
  .wrong-count-row-limited{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
}


/* =========================================================
   V8.4.52｜01—06视觉系统最终统一层
   只在本文件最后生效，收敛历史补丁
   ========================================================= */
:root{
  --v852-num-size-desktop:52px;
  --v852-num-size-mobile:46px;
  --v852-head-height-desktop:68px;
  --v852-title-desktop:22px;
  --v852-title-mobile:18px;
  --v852-sub-desktop:11px;
  --v852-toggle-w:66px;
  --v852-toggle-h:30px;
  --v852-panel-pad-x:20px;
}

@media(min-width:761px){
  .main-stage-panel:not(.result-workspace-title){
    padding-left:var(--v852-panel-pad-x)!important;
    padding-right:var(--v852-panel-pad-x)!important;
    box-sizing:border-box!important;
  }
  .main-stage-panel:not(.result-workspace-title)>.section-heading{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    min-height:var(--v852-head-height-desktop)!important;
    height:auto!important;
    margin:0!important;
    padding:8px 0 10px!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .main-stage-panel:not(.result-workspace-title)>.section-heading>.num{
    flex:0 0 var(--v852-num-size-desktop)!important;
    width:var(--v852-num-size-desktop)!important;
    height:var(--v852-num-size-desktop)!important;
    min-width:var(--v852-num-size-desktop)!important;
    margin:0!important;
    transform:none!important;
  }
  .main-stage-panel:not(.result-workspace-title)>.section-heading>strong{
    font-size:var(--v852-title-desktop)!important;
    line-height:1.15!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .main-stage-panel:not(.result-workspace-title)>.section-heading>small{
    font-size:var(--v852-sub-desktop)!important;
    line-height:1.3!important;
    margin:0!important;
    min-width:0!important;
  }
  .main-stage-panel .pro-section-toggle{
    width:var(--v852-toggle-w)!important;
    min-width:var(--v852-toggle-w)!important;
    height:var(--v852-toggle-h)!important;
    min-height:var(--v852-toggle-h)!important;
    padding:0 10px!important;
    margin-left:auto!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  #workflowPanel>.section-heading{
    display:grid!important;
    grid-template-columns:var(--v852-num-size-desktop) minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
  }
  #workflowPanel>.section-heading>.num{grid-column:1!important;grid-row:1/3!important}
  #workflowPanel>.section-heading>strong{grid-column:2!important;grid-row:1!important;align-self:end!important}
  #workflowPanel>.section-heading>small{grid-column:2!important;grid-row:2!important;align-self:start!important}
  #workflowPanel>.section-heading>.workflow-count-chip{grid-column:3!important;grid-row:1/3!important;margin-left:auto!important}
  #workflowPanel>.section-heading>.pro-section-toggle{grid-column:4!important;grid-row:1/3!important;margin-left:0!important}
}

@media(max-width:760px){
  .main-stage-panel:not(.result-workspace-title)>.section-heading{
    min-height:70px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
  }
  .main-stage-panel:not(.result-workspace-title)>.section-heading>.num{
    width:var(--v852-num-size-mobile)!important;
    min-width:var(--v852-num-size-mobile)!important;
    height:var(--v852-num-size-mobile)!important;
    margin:0!important;
    transform:none!important;
  }
  .main-stage-panel:not(.result-workspace-title)>.section-heading>strong{
    font-size:var(--v852-title-mobile)!important;
    line-height:1.15!important;
  }
  .main-stage-panel .pro-section-toggle{
    width:60px!important;
    min-width:60px!important;
    height:28px!important;
    min-height:28px!important;
    font-size:10px!important;
    border-radius:999px!important;
  }
}

/* 课程加载锁 */
.main-generate-btn.v852-loading{
  opacity:.75!important;
  cursor:wait!important;
  filter:saturate(.75)!important;
}

/* 06生成前检查 */
.final-result-meta.final-preflight{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  min-width:330px!important;
}
.final-result-meta.final-preflight span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:0 7px!important;
  font-size:8px!important;
  white-space:nowrap!important;
  border-radius:999px!important;
  border:1px solid rgba(157,92,177,.23)!important;
}
.final-result-meta.final-preflight span.done{color:#f0d56e!important;border-color:rgba(224,180,71,.32)!important}
.final-result-meta.final-preflight span.missing{color:#b9a9be!important}
.final-result-meta.final-preflight .preflight-chars{grid-column:1/-1!important;opacity:.7!important}
@media(max-width:760px){
  .final-result-meta.final-preflight{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-width:0!important;
    width:100%!important;
  }
  .final-result-meta.final-preflight span{font-size:7.5px!important}
}

.v852-action-busy{cursor:wait!important;opacity:.82!important;pointer-events:none!important}


/* =========================================================
   V8.5.0｜主题联动 / 风格适配 / 风险提示 / 稳定重构视觉
   ========================================================= */
.v850-topic-tools{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 12px;
  border:1px solid rgba(165,80,205,.22);
  border-radius:12px;
  background:rgba(13,7,24,.5);
}
.v850-topic-tools>span{font-size:12px;color:#e7d7ec;font-weight:700}
.v850-topic-tools button{
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(177,87,230,.34);
  background:rgba(42,17,57,.6);
  color:#d9c7df;
  font-size:11px;
}
.v850-topic-tools button.active{
  background:linear-gradient(180deg,#9a39d9,#6f22a3);
  color:#fff;
  border-color:#bd63f3;
  box-shadow:0 0 12px rgba(165,70,230,.25);
}
.v850-topic-tools small{margin-left:auto;color:#9d8fa5;font-size:10px}

.v850-style-fit{
  margin:12px 0;
  min-height:42px;
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(154,78,193,.23);
  background:rgba(12,7,20,.45);
}
.v850-style-fit>span{font-size:11px;color:#b8a9bf}
.v850-style-fit>b{font-size:12px;color:#f0cf64}
.v850-style-fit>small{font-size:10px;color:#94879b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.v850-risk-bar{
  margin:10px 2px 14px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:14px;
  border:1px solid rgba(157,84,180,.26);
  background:linear-gradient(180deg,rgba(22,11,33,.96),rgba(10,7,17,.98));
}
.v850-risk-bar>div{display:flex;align-items:center;gap:8px;white-space:nowrap}
.v850-risk-bar span{font-size:11px;color:#ac9ab3}
.v850-risk-bar b{font-size:13px}
.v850-risk-bar p{margin:0;font-size:10px;color:#9d91a4;text-align:right}
.v850-risk-bar[data-risk="低"] b{color:#a8db8c}
.v850-risk-bar[data-risk="中"] b{color:#f0cf64}
.v850-risk-bar[data-risk="高"] b{color:#ff9a8e}

@media(max-width:760px){
  .v850-topic-tools{gap:6px;padding:9px 10px}
  .v850-topic-tools>span{width:100%}
  .v850-topic-tools button{flex:1;min-width:0;padding:0 8px}
  .v850-topic-tools small{width:100%;margin-left:0}
  .v850-style-fit{grid-template-columns:auto auto;gap:6px 9px}
  .v850-style-fit>small{grid-column:1/-1;white-space:normal}
  .v850-risk-bar{align-items:flex-start;flex-direction:column;gap:6px}
  .v850-risk-bar p{text-align:left;line-height:1.45}
}


/* =========================================================
   V8.5.1｜手机端空间利用与06工作台布局专项优化
   1. 主题推荐椭圆标签压缩高度
   2. 06编号移动到标题左侧；状态信息区重新排版
   3. AI错题5/8/10题手机端强制单行
   ========================================================= */

/* 图1：主题推荐标签/知识主题椭圆框压缩高度，减少无效纵向空间 */
.chips{
  gap:6px!important;
}
.chips button{
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
}

/* 同类知识标签也同步收紧，避免不同区域视觉高度差异过大 */
.knowledge-tag{
  min-height:30px!important;
  padding:0 10px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

@media(max-width:760px){

  /* 手机端主题标签进一步紧凑 */
  .chips{
    gap:6px 5px!important;
    margin-top:8px!important;
  }
  .chips button{
    min-height:30px!important;
    height:30px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
  .knowledge-tag{
    min-height:28px!important;
    height:28px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }

  /* -------------------------------------------------------
     图2：06最终Prompt工作台
     第一行：06编号 | 标题文字
     第二行：6项检测状态（3列×2行）
     第三行：字数
     ------------------------------------------------------- */
  .result-workspace-title.main-stage-panel{
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:11px!important;
    row-gap:10px!important;

    min-height:0!important;
    height:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:12px 12px 11px!important;
    align-items:start!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* 06编号与“最终Prompt工作台”左侧并排、顶部对齐 */
  .result-workspace-title.main-stage-panel > span:first-child{
    grid-column:1!important;
    grid-row:1!important;

    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;

    margin:0!important;
    align-self:center!important;
    justify-self:start!important;

    border-radius:13px!important;
    font-size:17px!important;
    line-height:46px!important;
    text-align:center!important;
    transform:none!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type{
    grid-column:2!important;
    grid-row:1!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;

    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > em{
    margin:0!important;
    font-size:7.5px!important;
    line-height:1.05!important;
    letter-spacing:.12em!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > b{
    margin:0!important;
    font-size:17px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > small{
    margin:1px 0 0!important;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  /* 状态区放到标题整行下方，避免与06编号互相挤压 */
  .result-workspace-title.main-stage-panel > .final-result-meta.final-preflight{
    grid-column:1 / -1!important;
    grid-row:2!important;

    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;

    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    justify-self:stretch!important;
    align-self:start!important;
    overflow:visible!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta.final-preflight span{
    width:100%!important;
    min-width:0!important;
    min-height:23px!important;
    height:23px!important;
    padding:0 4px!important;
    margin:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;
    box-sizing:border-box!important;
    font-size:7.2px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* 字数单独占最后一整行，但高度压缩 */
  .result-workspace-title.main-stage-panel > .final-result-meta.final-preflight .preflight-chars{
    grid-column:1 / -1!important;
    min-height:21px!important;
    height:21px!important;
    opacity:.68!important;
  }

  .result-workspace-title.main-stage-panel > i{
    display:none!important;
  }

  /* -------------------------------------------------------
     图3：5 / 8 / 10 手机端强制同一行
     覆盖旧版“最后一个按钮跨两列”规则
     ------------------------------------------------------- */
  .wrong-count-row-limited,
  .wrong-choice-row.wrong-count-row-limited{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    gap:7px!important;
    width:100%!important;
  }

  .wrong-count-row-limited button,
  .wrong-count-row-limited button:last-child,
  .wrong-count-row button:last-child{
    grid-column:auto!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 6px!important;
    margin:0!important;
    font-size:10px!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:390px){
  .result-workspace-title.main-stage-panel{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:11px 10px 10px!important;
  }

  .result-workspace-title.main-stage-panel > span:first-child{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    font-size:16px!important;
    line-height:42px!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type{
    min-height:42px!important;
  }

  .result-workspace-title.main-stage-panel > div:first-of-type > b{
    font-size:16px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta.final-preflight{
    gap:4px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta.final-preflight span{
    font-size:6.8px!important;
    min-height:22px!important;
    height:22px!important;
    padding:0 3px!important;
  }

  .wrong-count-row-limited{
    gap:6px!important;
  }
  .wrong-count-row-limited button,
  .wrong-count-row-limited button:last-child{
    min-height:36px!important;
    height:36px!important;
    font-size:9.5px!important;
  }
}


/* =========================================================
   V8.6.6｜顶部导航 + 流程步骤 可读性专项优化
   目标：
   - 电脑端：顶部导航、课程摘要、步骤器明显放大
   - 手机端：文字放大但仍保持一行导航与4步流程完整
   - 只改顶部区域，不影响01—06主体板块
   ========================================================= */

/* ---------- 电脑端 ---------- */
@media(min-width:761px){

  .v77-sticky-nav{
    min-height:58px!important;
    padding:9px 12px!important;
    gap:8px!important;
    margin-bottom:14px!important;
    border-radius:15px!important;
    align-items:center!important;
  }

  .v77-sticky-nav > button{
    min-height:40px!important;
    height:40px!important;
    padding:0 15px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    flex:0 0 auto!important;
  }

  .v77-sticky-nav > button span{
    font-size:inherit!important;
    line-height:1!important;
  }

  .v77-sticky-nav > button.active{
    transform:none!important;
    box-shadow:
      0 4px 0 rgba(72,31,95,.72),
      0 8px 18px rgba(100,39,139,.20)!important;
  }

  .v77-sticky-nav button[data-v77-target="#wrongQuestionPanel"]{
    min-width:62px!important;
  }

  .v77-task-summary{
    margin-left:auto!important;
    max-width:44%!important;
    padding:0 8px!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:700!important;
    color:#c8bdcc!important;
  }

  .pro-progress{
    min-height:54px!important;
    margin:2px 0 14px!important;
    padding:6px 12px!important;
    align-items:center!important;
  }

  .pro-step{
    gap:9px!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }

  .pro-step i{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    font-size:13px!important;
    font-weight:800!important;
    border-width:1px!important;
  }

  .pro-step span{
    display:inline!important;
    font-size:13px!important;
    line-height:1.2!important;
  }

  .pro-step.active span{
    font-size:13.5px!important;
    font-weight:850!important;
    color:#f5edf8!important;
  }

  .pro-line{
    max-width:115px!important;
    min-width:38px!important;
    margin:0 12px!important;
  }
}

/* ---------- 手机端 ---------- */
@media(max-width:760px){

  .v77-sticky-nav{
    position:sticky!important;
    top:0!important;
    min-height:57px!important;
    height:auto!important;
    padding:7px 7px!important;
    gap:4px!important;
    margin:0 0 43px!important;
    border-radius:13px!important;
    overflow:visible!important;
  }

  .v77-sticky-nav > button{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:43px!important;
    height:43px!important;
    padding:0 4px!important;
    border-radius:9px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }

  .v77-sticky-nav > button span{
    display:block!important;
    font-size:inherit!important;
    line-height:1!important;
  }

  .v77-sticky-nav > button.active{
    transform:none!important;
  }

  /* 手机端课程摘要放在导航第二行，字号明显放大 */
  .v77-task-summary{
    position:absolute!important;
    left:7px!important;
    right:7px!important;
    top:56px!important;
    max-width:none!important;
    height:35px!important;
    min-height:35px!important;
    line-height:35px!important;
    padding:0 11px!important;
    border-radius:0 0 10px 10px!important;
    font-size:12px!important;
    font-weight:750!important;
    color:#d8cdda!important;
    background:rgba(13,8,19,.97)!important;
    border:1px solid rgba(145,76,176,.14)!important;
    border-top:0!important;
  }

  /* 四步流程：数字与文字一起放大，并保证四列完整 */
  .pro-progress{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    min-height:82px!important;
    margin:0 0 12px!important;
    padding:7px 4px 5px!important;
    align-items:start!important;
  }

  .pro-line{
    display:none!important;
  }

  .pro-step{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    font-size:11px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  .pro-step i{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    font-size:14px!important;
    line-height:35px!important;
    font-weight:850!important;
  }

  .pro-step span{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:720!important;
    color:#aaa0af!important;
  }

  .pro-step.active span{
    font-size:11.5px!important;
    font-weight:900!important;
    color:#f4edf6!important;
  }
}

/* 超窄屏：仍优先保证可读，不回退到8px小字 */
@media(max-width:390px){
  .v77-sticky-nav{
    padding-left:5px!important;
    padding-right:5px!important;
    gap:2px!important;
  }

  .v77-sticky-nav > button{
    min-height:41px!important;
    height:41px!important;
    padding:0 2px!important;
    font-size:10px!important;
  }

  .v77-task-summary{
    left:5px!important;
    right:5px!important;
    top:54px!important;
    height:34px!important;
    line-height:34px!important;
    font-size:11.5px!important;
  }

  .pro-progress{
    min-height:79px!important;
  }

  .pro-step i{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    font-size:13px!important;
  }

  .pro-step span{
    font-size:10px!important;
  }

  .pro-step.active span{
    font-size:10.5px!important;
  }
}


/* =========================================================
   V8.6.7｜手机端 06 最终Prompt工作台状态框 3列×2行
   课程信息 / 尺寸比例 / 视觉风格
   卡片类型 / 生图指令 / 文字防错
   字数统计单独保留在下方
   ========================================================= */
@media(max-width:760px){

  .result-workspace-title.main-stage-panel > .final-result-meta{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,30px) auto!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    align-items:stretch!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta span{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 5px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border-radius:999px!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #preflightCourse{grid-column:1!important;grid-row:1!important}
  #preflightSize{grid-column:2!important;grid-row:1!important}
  #preflightStyle{grid-column:3!important;grid-row:1!important}
  #preflightType{grid-column:1!important;grid-row:2!important}
  #preflightImage{grid-column:2!important;grid-row:2!important}
  #preflightGuard{grid-column:3!important;grid-row:2!important}

  /* “0字”仍然独占第三行，避免挤进六个状态框 */
  #finalCharCount{
    grid-column:1 / -1!important;
    grid-row:3!important;
    height:28px!important;
    min-height:28px!important;
    margin-top:0!important;
  }
}

@media(max-width:390px){
  .result-workspace-title.main-stage-panel > .final-result-meta{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .result-workspace-title.main-stage-panel > .final-result-meta span{
    font-size:8.5px!important;
    padding:0 3px!important;
  }
}


/* =========================================================
   V8.7.0 FINAL｜桌面 + 手机统一视觉收口层
   说明：
   - 替代 V8.6.9.1 ~ V8.6.9.20 的重复覆盖
   - 电脑端强调阅读、操作、层级
   - 手机端强调紧凑、双列、吸顶导航、稳定几何
   ========================================================= */

/* ---------- Desktop ---------- */
@media (min-width:1000px){

  .app{
    width:min(76vw,1380px)!important;
    min-width:1080px!important;
    max-width:1380px!important;
    margin:0 auto!important;
    padding:22px 26px 92px!important;
    box-sizing:border-box!important;
    transform:none!important;
    zoom:1!important;
  }

  body{font-size:14px!important;line-height:1.5!important}

  .hero{
    width:100%!important;
    min-height:184px!important;
    height:184px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:28px!important;
    margin:0 0 16px!important;
  }
  .hero .brand{display:flex!important;align-items:center!important;gap:24px!important;min-width:0!important}
  .hero .ai-logo{
    width:118px!important;height:118px!important;min-width:118px!important;flex:0 0 118px!important;
    border-radius:25px!important;font-size:58px!important;
  }
  .hero .brand-copy{padding:0!important;min-width:0!important}
  .hero .brand-copy h1.hero-title{
    margin:0!important;font-size:48px!important;line-height:1.08!important;
    letter-spacing:-.045em!important;white-space:nowrap!important;
  }
  .hero .brand-copy h1 .free-tag{font-size:.56em!important;color:#ffe36f!important;-webkit-text-fill-color:#ffe36f!important;background:none!important}
  .hero .brand-copy p{margin:12px 0 0!important;font-size:19px!important;line-height:1.35!important;color:#b7acbc!important}
  .hero .record-btn{
    margin:0!important;min-width:148px!important;height:54px!important;padding:0 22px!important;
    border-radius:16px!important;font-size:16px!important;justify-content:center!important;
  }

  .v77-sticky-nav{
    min-height:62px!important;padding:9px 11px!important;gap:7px!important;border-radius:14px!important;
  }
  .v77-sticky-nav>button{min-height:44px!important;height:44px!important;padding:0 17px!important;font-size:14px!important;font-weight:800!important}
  .v77-task-summary{font-size:12.5px!important;max-width:42%!important}

  .pro-progress{width:82%!important;max-width:1120px!important;min-height:62px!important;padding:8px 14px!important}
  .pro-step i{width:34px!important;height:34px!important;font-size:14px!important}
  .pro-step span{font-size:14px!important;font-weight:760!important}

  .course-summary-pro{min-height:54px!important;padding:8px 14px!important}
  .course-summary-pro,.summary-status,.summary-text{font-size:13px!important}
  #jumpCourseBtn{min-width:98px!important;height:36px!important;font-size:13px!important}

  .panel,.main-stage-panel{margin-bottom:20px!important;border-radius:20px!important}
  .panel:not(.stage-topic):not(.wrong-question-panel),
  .main-stage-panel:not(.result-workspace-title){padding:20px 22px!important}

  .section-heading{min-height:68px!important;height:auto!important;gap:12px!important;padding:10px 0!important}
  .section-heading .num{
    width:54px!important;height:54px!important;min-width:54px!important;flex-basis:54px!important;
    border-radius:14px!important;font-size:21px!important;
  }
  .section-heading strong{font-size:24px!important;line-height:1.15!important;font-weight:900!important}
  .section-heading small{font-size:13px!important;line-height:1.4!important;color:#aaa0af!important}
  .pro-section-toggle,.v847-basic-toggle{min-width:86px!important;height:38px!important;padding:0 15px!important;font-size:13px!important}

  #basicSettingsPanel .basic-grid{gap:14px!important;margin-top:14px!important}
  #basicSettingsPanel .control,#basicSettingsPanel .stage-control{height:72px!important;min-height:72px!important;border-radius:14px!important}
  #basicSettingsPanel .control-label{flex-basis:124px!important;padding:0 14px!important;gap:10px!important}
  #basicSettingsPanel .control-label span{font-size:15px!important;font-weight:850!important}
  #basicSettingsPanel .control-label svg{width:24px!important;height:24px!important}
  #basicSettingsPanel .control select,#basicSettingsPanel .stage-tabs button{font-size:15px!important}
  .v850-style-fit{min-height:50px!important;margin-top:14px!important;padding:9px 13px!important}
  .v850-style-fit span{font-size:12px!important}.v850-style-fit b{font-size:14px!important}.v850-style-fit small{font-size:11.5px!important}

  .curriculum-box{margin-top:15px!important;padding:16px!important;border-radius:14px!important}
  .curriculum-title-wrap b{font-size:16px!important}.curriculum-title-wrap small{font-size:11.5px!important}
  .curriculum-source-hint,.curriculum-note{font-size:11.5px!important;line-height:1.55!important}
  .curriculum-grid{gap:12px!important;margin-top:13px!important}
  .curriculum-grid label>span{font-size:12px!important;font-weight:750!important;margin-bottom:7px!important}
  .curriculum-grid select{height:47px!important;font-size:13.5px!important}

  .stage-topic{padding:20px 22px!important}
  .topic-row{gap:13px!important;margin-top:14px!important}
  .topic-input,.find-btn{height:66px!important;min-height:66px!important;border-radius:13px!important}
  .topic-input input{font-size:15px!important}.find-btn{min-width:180px!important;font-size:16px!important}

  #plannerPanel .mode-label{font-size:13px!important;font-weight:800!important}
  #plannerPanel .mode-tabs button{min-height:38px!important;padding:0 13px!important;font-size:12px!important}
  #plannerPanel .planner-grid{gap:10px!important;margin-top:14px!important}
  #plannerPanel .planner-item{min-height:67px!important;padding:12px 14px!important}
  #plannerPanel .planner-item span{font-size:11.5px!important}
  #plannerPanel .planner-item b{font-size:14px!important}
  #plannerPanel .planner-editor{padding:15px!important;margin-top:13px!important}
  #plannerPanel .editor-head b{font-size:16px!important}
  #plannerPanel .editor-head small{font-size:11.5px!important}

  .main-generate-btn{height:76px!important;min-height:76px!important;border-radius:15px!important}
  .main-generate-btn .generate-copy b{font-size:18px!important}
  .main-generate-btn .generate-copy small{font-size:11.5px!important}

  .workflow-options{gap:11px!important;margin-top:13px!important}
  .workflow-option{min-height:86px!important;padding:14px!important}
  .workflow-option span b{font-size:15px!important}
  .workflow-option span small{font-size:11.5px!important}
  .workflow-actions button{min-height:42px!important;font-size:13px!important}

  .optimizer-grid{gap:9px!important;margin-top:13px!important}
  .optimizer-grid>div{min-height:68px!important;padding:11px 10px!important}
  .optimizer-grid span{font-size:11.5px!important}.optimizer-grid b{font-size:14px!important}
  .optimizer-options{gap:9px!important;margin-top:11px!important}
  .optimizer-options label{min-height:45px!important;padding:0 12px!important;font-size:12px!important}
  .optimizer-actions button{min-height:44px!important;font-size:13px!important}

  /* 06 真正同一父级网格：4列×2行 */
  .result-workspace-title.main-stage-panel{
    display:grid!important;
    grid-template-columns:58px minmax(300px,1fr) repeat(4,minmax(118px,1fr))!important;
    grid-template-rows:38px 38px!important;
    column-gap:10px!important;row-gap:8px!important;
    align-items:center!important;
    min-height:122px!important;height:auto!important;
    padding:18px 20px!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  .result-workspace-title.main-stage-panel>span:first-child{
    grid-column:1!important;grid-row:1/3!important;
    width:58px!important;height:58px!important;min-width:58px!important;
    margin:0!important;align-self:center!important;transform:none!important;position:relative!important;
  }
  .result-workspace-title.main-stage-panel>div:first-of-type{
    grid-column:2!important;grid-row:1/3!important;
    min-width:0!important;padding:0 10px 0 4px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
  }
  .result-workspace-title em{font-size:11px!important}
  .result-workspace-title b{font-size:24px!important}
  .result-workspace-title small{font-size:11.5px!important}
  .result-workspace-title.main-stage-panel>.final-result-meta{display:contents!important}
  .result-workspace-title.main-stage-panel>.final-result-meta>span,
  .result-workspace-title.main-stage-panel>i{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    margin:0!important;padding:0 10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    align-self:stretch!important;justify-self:stretch!important;
    box-sizing:border-box!important;border-radius:999px!important;
    font-size:11.5px!important;line-height:1!important;font-weight:800!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    transform:none!important;position:relative!important;inset:auto!important;
  }
  #preflightCourse{grid-column:3!important;grid-row:1!important}
  #preflightSize{grid-column:4!important;grid-row:1!important}
  #preflightStyle{grid-column:5!important;grid-row:1!important}
  #preflightType{grid-column:6!important;grid-row:1!important}
  #preflightImage{grid-column:3!important;grid-row:2!important}
  #preflightGuard{grid-column:4!important;grid-row:2!important}
  #finalCharCount{grid-column:5!important;grid-row:2!important}
  .result-workspace-title.main-stage-panel>i{grid-column:6!important;grid-row:2!important;font-style:normal!important}
  #preflightCourse,#preflightSize,#preflightStyle,#preflightType{
    color:#ffd95a!important;border:1px solid rgba(216,164,41,.48)!important;background:rgba(41,28,19,.68)!important;
  }
  #preflightImage,#preflightGuard,#finalCharCount,.result-workspace-title.main-stage-panel>i{
    color:#d0bed7!important;border:1px solid rgba(155,79,190,.28)!important;background:rgba(35,18,45,.72)!important;
  }

  #result{padding:20px!important;font-size:14px!important;line-height:1.72!important}

  .wrong-question-panel{padding:20px 22px!important}
  .wrong-title-wrap strong{font-size:21px!important}
  .wrong-title-wrap small{font-size:11.5px!important}
  .wrong-mode-tabs button,.wrong-choice-row button,.wrong-smart-row button,.wrong-type-grid button{
    min-height:42px!important;padding:0 12px!important;font-size:12px!important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width:760px){

  html{overflow-x:clip!important;background:var(--bg)!important}
  body{overflow-x:visible!important}
  .app{
    width:100%!important;max-width:100vw!important;min-width:0!important;
    margin:0 auto!important;padding:10px 10px calc(92px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;overflow:visible!important;contain:none!important;transform:none!important;
  }

  /* 顶部品牌紧凑、不遮挡 */
  .hero{
    min-height:0!important;height:auto!important;
    padding:10px!important;margin:0 0 7px!important;
    display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:5px!important;
    align-items:center!important;overflow:hidden!important;
  }
  .hero .brand{
    grid-column:1/3!important;grid-row:1/3!important;
    display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:3px!important;
    align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;
  }
  .hero .ai-logo{
    grid-column:1!important;grid-row:1/3!important;
    width:64px!important;height:64px!important;min-width:64px!important;
    border-radius:17px!important;font-size:31px!important;
  }
  .hero .brand-copy{
    grid-column:2!important;grid-row:1/3!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;
  }
  .hero .brand-copy h1.hero-title{
    display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;
    width:100%!important;margin:0!important;gap:1px 5px!important;
    font-size:clamp(19px,5vw,24px)!important;line-height:1.08!important;letter-spacing:-.035em!important;
    white-space:normal!important;
  }
  .hero .brand-copy h1 .free-tag{font-size:.50em!important;white-space:nowrap!important}
  .hero .brand-copy p{
    margin:5px 0 0!important;font-size:11px!important;line-height:1.3!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #recordBtn{
    grid-column:3!important;grid-row:2!important;justify-self:end!important;align-self:end!important;
    min-width:96px!important;max-width:116px!important;height:40px!important;margin:0!important;
    padding:0 10px!important;border-radius:13px!important;font-size:11.5px!important;
  }

  /* 浮动导航：立体而非全描边；JS fixed fallback 继续生效 */
  .v77-sticky-nav{
    position:-webkit-sticky!important;position:sticky!important;top:max(4px,env(safe-area-inset-top))!important;
    z-index:99990!important;width:100%!important;height:50px!important;min-height:50px!important;
    margin:0 0 32px!important;padding:5px!important;gap:2px!important;border:0!important;border-radius:14px!important;
    background:radial-gradient(circle at 50% -80%,rgba(147,66,213,.26),transparent 65%),
               linear-gradient(180deg,rgba(29,15,41,.985),rgba(12,8,19,.99))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(70,35,88,.62),
               0 6px 0 rgba(5,3,9,.42),0 11px 24px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;overflow:visible!important;
  }
  .v77-sticky-nav::before,.v77-sticky-nav::after{content:none!important;display:none!important}
  .v77-sticky-nav>button{
    min-width:0!important;height:40px!important;min-height:40px!important;padding:0 2px!important;
    border:0!important;background:transparent!important;color:#aaa0b2!important;
    border-radius:9px!important;font-size:10.5px!important;font-weight:800!important;box-shadow:none!important;
  }
  .v77-sticky-nav>button.active{
    color:#fff!important;background:linear-gradient(180deg,#8c3ec2,#65249a)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 0 #3d145f,0 8px 15px rgba(92,35,140,.25)!important;
    transform:translateY(-1px)!important;
  }
  .v77-sticky-nav>button[data-v77-target=".stage-topic"].active{
    background:linear-gradient(180deg,#b951d3,#7b2aa7)!important;box-shadow:0 4px 0 #53166c,0 8px 16px rgba(159,56,191,.23)!important;
  }
  .v77-sticky-nav>button[data-v77-target="#wrongQuestionPanel"].active{
    color:#2b1800!important;background:linear-gradient(180deg,#ffe766,#ffc92b 52%,#f5a900)!important;
    box-shadow:inset 0 2px 1px rgba(255,255,255,.58),0 4px 0 #9d5f00,0 9px 17px rgba(255,183,0,.24)!important;
  }
  .v77-sticky-nav>button[data-v77-target="#optimizerPanel"].active{
    background:linear-gradient(180deg,#694fd2,#4630a1)!important;box-shadow:0 4px 0 #2b2071,0 8px 15px rgba(73,57,165,.25)!important;
  }
  .v77-task-summary{
    position:absolute!important;left:5px!important;right:5px!important;top:49px!important;
    height:31px!important;min-height:31px!important;line-height:31px!important;padding:0 10px!important;
    font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    border:0!important;border-radius:0 0 10px 10px!important;
    background:linear-gradient(90deg,rgba(45,20,61,.985),rgba(21,11,31,.985))!important;
    box-shadow:0 5px 12px rgba(0,0,0,.12)!important;
  }
  .v77-sticky-nav.mobile-nav-fixed{
    position:fixed!important;top:max(4px,env(safe-area-inset-top))!important;margin:0!important;z-index:999999!important;
    box-shadow:0 10px 28px rgba(0,0,0,.38),0 0 20px rgba(128,44,220,.18)!important;
  }
  .v77-mobile-nav-placeholder{display:none;width:100%;height:82px;pointer-events:none}
  .v77-mobile-nav-placeholder.active{display:block!important}

  .pro-progress{
    min-height:68px!important;height:68px!important;margin:0 0 7px!important;padding:5px 4px 3px!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;
  }
  .pro-step{height:60px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
  .pro-step i{width:32px!important;height:32px!important;font-size:13px!important}
  .pro-step span{font-size:10px!important;white-space:nowrap!important}
  .pro-line{display:none!important}

  .course-summary-pro{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
    justify-content:space-between!important;gap:8px!important;height:50px!important;min-height:50px!important;
    padding:6px 8px 6px 12px!important;margin:0 0 10px!important;
  }
  .course-summary-pro>div:first-child,.course-summary-pro .summary-text,.course-summary-pro .summary-status{
    flex:1 1 auto!important;min-width:0!important;width:auto!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;
  }
  #jumpCourseBtn{flex:0 0 auto!important;min-width:82px!important;max-width:92px!important;height:36px!important;padding:0 10px!important;font-size:10.5px!important}

  /* 01—05 面板统一几何，彻底避免黑缝/偏移 */
  #basicSettingsPanel,.stage-02.main-stage-panel,#plannerPanel,#workflowPanel,#optimizerPanel{
    position:relative!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0 0 14px!important;padding:0 10px 12px!important;
    border-radius:16px!important;box-sizing:border-box!important;overflow:hidden!important;
    background:radial-gradient(circle at 8% 5%,rgba(122,54,175,.105),transparent 30%),
               linear-gradient(180deg,#120a1c,#0b0713)!important;
  }
  #basicSettingsPanel::before,.stage-02.main-stage-panel::before,#plannerPanel::before,#workflowPanel::before,#optimizerPanel::before{
    content:none!important;display:none!important;
  }

  #basicSettingsPanel>.section-heading,.stage-02.main-stage-panel>.section-heading,
  #plannerPanel>.section-heading,#workflowPanel>.section-heading,#optimizerPanel>.section-heading{
    display:grid!important;grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:minmax(24px,auto) minmax(16px,auto)!important;
    column-gap:10px!important;row-gap:2px!important;align-items:center!important;
    width:auto!important;max-width:none!important;min-height:78px!important;height:auto!important;
    margin:0 -10px 12px!important;padding:10px 12px!important;
    border:0!important;border-bottom:1px solid rgba(158,83,180,.18)!important;border-radius:0!important;
    background:radial-gradient(circle at 7% 20%,rgba(159,68,205,.15),transparent 30%),
               linear-gradient(90deg,rgba(29,14,43,.98),rgba(17,9,26,.98))!important;
    box-shadow:inset 0 3px 0 rgba(178,74,218,.88)!important;overflow:hidden!important;
  }
  #basicSettingsPanel>.section-heading::before,#basicSettingsPanel>.section-heading::after,
  .stage-02.main-stage-panel>.section-heading::before,.stage-02.main-stage-panel>.section-heading::after,
  #plannerPanel>.section-heading::before,#plannerPanel>.section-heading::after,
  #workflowPanel>.section-heading::before,#workflowPanel>.section-heading::after,
  #optimizerPanel>.section-heading::before,#optimizerPanel>.section-heading::after{content:none!important;display:none!important}

  #basicSettingsPanel>.section-heading>.num,.stage-02.main-stage-panel>.section-heading>.num,
  #plannerPanel>.section-heading>.num,#workflowPanel>.section-heading>.num,#optimizerPanel>.section-heading>.num{
    grid-column:1!important;grid-row:1/3!important;width:58px!important;height:58px!important;min-width:58px!important;
    margin:0!important;align-self:center!important;justify-self:start!important;font-size:21px!important;
  }
  #basicSettingsPanel>.section-heading>strong,.stage-02.main-stage-panel>.section-heading>strong,
  #plannerPanel>.section-heading>strong,#workflowPanel>.section-heading>strong,#optimizerPanel>.section-heading>strong{
    grid-column:2!important;grid-row:1!important;align-self:end!important;justify-self:start!important;
    min-width:0!important;margin:0!important;font-size:19px!important;line-height:1.12!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #basicSettingsPanel>.section-heading>small,.stage-02.main-stage-panel>.section-heading>small,
  #plannerPanel>.section-heading>small,#workflowPanel>.section-heading>small,#optimizerPanel>.section-heading>small{
    grid-column:2!important;grid-row:2!important;align-self:start!important;justify-self:start!important;
    width:100%!important;min-width:0!important;margin:0!important;font-size:10px!important;line-height:1.3!important;color:#9f94a7!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #basicSettingsPanel>.section-heading>.pro-section-toggle,#basicSettingsPanel>.section-heading>.v847-basic-toggle,
  .stage-02.main-stage-panel>.section-heading>.pro-section-toggle,#plannerPanel>.section-heading>.pro-section-toggle{
    grid-column:3!important;grid-row:1/3!important;width:68px!important;min-width:68px!important;height:32px!important;
    margin:0!important;align-self:center!important;justify-self:end!important;
  }

  /* 04/05 状态徽章与收起按钮：主标题第一行、小字第二行、右侧严格同中线 */
  #workflowPanel>.section-heading,#optimizerPanel>.section-heading{
    grid-template-columns:58px minmax(0,1fr) auto 68px!important;
    column-gap:8px!important;
  }
  #workflowPanel>.section-heading>.workflow-count-chip,#optimizerPanel>.section-heading>.pro-score-chip{
    grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;
    margin:0!important;transform:none!important;height:34px!important;min-height:34px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;
  }
  #workflowPanel>.section-heading>.pro-section-toggle,#optimizerPanel>.section-heading>.pro-section-toggle{
    grid-column:4!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;
    width:68px!important;min-width:68px!important;height:34px!important;min-height:34px!important;
    margin:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  #workflowPanel>.section-heading>small{
    grid-column:2/4!important;width:max-content!important;max-width:100%!important;
    white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
    font-size:clamp(8.8px,2.45vw,10.5px)!important;letter-spacing:-.015em!important;
  }

  /* 01 基础设置固定2列 + 风格整行 */
  #basicSettingsPanel .basic-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;
  }
  #basicSettingsPanel .basic-grid>.control:not(.full),#basicSettingsPanel .basic-grid>label.control:not(.full){grid-column:auto!important}
  #basicSettingsPanel .basic-grid>.full{grid-column:1/-1!important}
  #basicSettingsPanel .control,#basicSettingsPanel .stage-control{
    min-width:0!important;width:100%!important;height:64px!important;min-height:64px!important;
    display:grid!important;grid-template-columns:minmax(74px,40%) minmax(0,60%)!important;overflow:hidden!important;
  }
  #basicSettingsPanel .basic-grid>.full{grid-template-columns:100px minmax(0,1fr)!important}
  #basicSettingsPanel .control-label{padding:0 8px!important;gap:6px!important;min-width:0!important}
  #basicSettingsPanel .control-label span{font-size:12px!important;white-space:nowrap!important}
  #basicSettingsPanel .control-label svg{width:20px!important;height:20px!important;min-width:20px!important}
  #basicSettingsPanel .control select,#basicSettingsPanel .stage-tabs button{font-size:12px!important}
  #basicSettingsPanel .curriculum-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;
  }
  #basicSettingsPanel .curriculum-grid select{width:100%!important;min-width:0!important;height:43px!important;font-size:11.5px!important}

  /* 05 内部统一安全边距，避免按钮/卡片与外框重叠 */
  #optimizerPanel{padding-left:12px!important;padding-right:12px!important;padding-bottom:14px!important}
  #optimizerPanel>.section-heading{margin-left:-12px!important;margin-right:-12px!important}
  #optimizerPanel>.optimizer-grid,#optimizerPanel>.optimizer-options,#optimizerPanel>.optimizer-report,
  #optimizerPanel>.v77-optimize-changes,#optimizerPanel>.optimizer-actions,#optimizerPanel>.optimizer-compact-bar{
    width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  #optimizerPanel .optimizer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  #optimizerPanel .optimizer-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #optimizerPanel .optimizer-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #optimizerPanel .optimizer-grid>div,#optimizerPanel .optimizer-options label,#optimizerPanel .optimizer-actions button{
    width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important;
  }

  /* 手机06保持3列×2行状态，不受桌面 display:contents 影响 */
  .result-workspace-title.main-stage-panel>.final-result-meta{
    display:grid!important;
  }

  .mobile-pro-cta{
    left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;margin:0!important;
  }
}

/* ---------- Narrow mobile ---------- */
@media (max-width:390px){
  .app{padding-left:8px!important;padding-right:8px!important}
  .hero{grid-template-columns:58px minmax(0,1fr) auto!important;padding:9px 8px 10px!important;column-gap:7px!important}
  .hero .brand{grid-template-columns:58px minmax(0,1fr)!important;column-gap:7px!important}
  .hero .ai-logo{width:58px!important;height:58px!important;min-width:58px!important;font-size:28px!important}
  .hero .brand-copy h1.hero-title{font-size:18px!important;gap:1px 3px!important}
  .hero .brand-copy h1 .free-tag{font-size:9px!important}
  .hero .brand-copy p{font-size:10px!important}
  #recordBtn{min-width:88px!important;height:38px!important;padding:0 8px!important;font-size:10.5px!important}

  #basicSettingsPanel,.stage-02.main-stage-panel,#plannerPanel,#workflowPanel,#optimizerPanel{
    padding-left:8px!important;padding-right:8px!important;
  }
  #basicSettingsPanel>.section-heading,.stage-02.main-stage-panel>.section-heading,
  #plannerPanel>.section-heading,#workflowPanel>.section-heading,#optimizerPanel>.section-heading{
    margin-left:-8px!important;margin-right:-8px!important;min-height:72px!important;padding:9px 9px!important;
  }
  #basicSettingsPanel>.section-heading,#plannerPanel>.section-heading,.stage-02.main-stage-panel>.section-heading{
    grid-template-columns:54px minmax(0,1fr) 62px!important;column-gap:7px!important;
  }
  #workflowPanel>.section-heading,#optimizerPanel>.section-heading{
    grid-template-columns:54px minmax(0,1fr) auto 62px!important;column-gap:6px!important;
  }
  #basicSettingsPanel>.section-heading>.num,.stage-02.main-stage-panel>.section-heading>.num,
  #plannerPanel>.section-heading>.num,#workflowPanel>.section-heading>.num,#optimizerPanel>.section-heading>.num{
    width:54px!important;height:54px!important;min-width:54px!important;font-size:19px!important;
  }
  #workflowPanel>.section-heading>strong{font-size:17px!important}
  #optimizerPanel>.section-heading>strong{font-size:15.5px!important}
  #workflowPanel>.section-heading>small{
    font-size:clamp(8px,2.35vw,9.2px)!important;letter-spacing:-.02em!important;
  }
  #workflowPanel>.section-heading>.workflow-count-chip,#optimizerPanel>.section-heading>.pro-score-chip,
  #workflowPanel>.section-heading>.pro-section-toggle,#optimizerPanel>.section-heading>.pro-section-toggle{
    height:32px!important;min-height:32px!important;
  }

  #basicSettingsPanel .basic-grid{gap:8px!important}
  #basicSettingsPanel .control,#basicSettingsPanel .stage-control{
    grid-template-columns:minmax(66px,39%) minmax(0,61%)!important;height:60px!important;min-height:60px!important;
  }
  #basicSettingsPanel .basic-grid>.full{grid-template-columns:92px minmax(0,1fr)!important}
  #basicSettingsPanel .control-label{padding:0 6px!important;gap:4px!important}
  #basicSettingsPanel .control-label span{font-size:11px!important}
  #basicSettingsPanel .control-label svg{width:18px!important;height:18px!important;min-width:18px!important}
  #basicSettingsPanel .control select,#basicSettingsPanel .stage-tabs button{font-size:11px!important}
  #basicSettingsPanel .curriculum-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #basicSettingsPanel .curriculum-grid select{height:41px!important;font-size:10.5px!important}

  #optimizerPanel{padding-left:10px!important;padding-right:10px!important}
  #optimizerPanel>.section-heading{margin-left:-10px!important;margin-right:-10px!important}
  #optimizerPanel .optimizer-grid,#optimizerPanel .optimizer-options{gap:7px!important}
  #optimizerPanel .optimizer-actions{gap:8px!important}
}

/* ---------- Mid-size desktop ---------- */
@media (min-width:761px) and (max-width:1180px){
  .result-workspace-title.main-stage-panel{
    grid-template-columns:54px minmax(250px,.9fr) repeat(4,minmax(100px,1fr))!important;
    column-gap:7px!important;padding-left:16px!important;padding-right:16px!important;
  }
  .result-workspace-title.main-stage-panel>.final-result-meta>span,
  .result-workspace-title.main-stage-panel>i{padding-left:6px!important;padding-right:6px!important;font-size:10px!important}
}


/* =========================================================
   V8.8.0 FINAL｜稳定性 + 响应式最终覆盖层
   替代 V8.7.1 ~ V8.7.9 的多层补丁。
   ========================================================= */

/* ---------- 评分区：紧凑 + 动态红黄绿 + 垂直居中 ---------- */
.v850-style-fit{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px!important;
  grid-template-rows:auto auto!important;
  column-gap:10px!important;
  row-gap:2px!important;
  align-items:center!important;
  min-height:68px!important;
  height:auto!important;
  padding:8px 11px!important;
  margin:10px 0 12px!important;
  border:1px solid rgba(154,78,193,.24)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(157,62,222,.08),transparent 36%),
    linear-gradient(180deg,rgba(18,9,28,.78),rgba(11,7,18,.82))!important;
  box-sizing:border-box!important;
}
.v850-style-fit>span{
  grid-column:1!important;grid-row:1!important;
  align-self:end!important;justify-self:start!important;
  margin:0 0 2px!important;padding:0!important;
  font-size:11px!important;line-height:1.15!important;font-weight:700!important;
  color:#aaa0b2!important;white-space:nowrap!important;
}
.v850-style-fit>small{
  grid-column:1!important;grid-row:2!important;
  align-self:start!important;justify-self:start!important;
  width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  font-size:10px!important;line-height:1.22!important;color:#978b9e!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#v850StyleFitScore{
  grid-column:2!important;grid-row:1/3!important;
  align-self:center!important;justify-self:center!important;
  position:relative!important;inset:auto!important;transform:none!important;
  isolation:isolate!important;overflow:hidden!important;
  min-width:98px!important;width:auto!important;
  height:29px!important;min-height:29px!important;max-height:29px!important;
  margin:0!important;padding:0 10px 0 25px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.10)!important;
  font-size:11.5px!important;line-height:1!important;font-weight:950!important;
  letter-spacing:.02em!important;white-space:nowrap!important;
}
#v850StyleFitScore::before{
  content:""!important;position:absolute!important;left:9px!important;top:50%!important;
  width:7px!important;height:7px!important;border-radius:50%!important;
  transform:translateY(-50%)!important;background:currentColor!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.06),0 0 7px currentColor!important;
}
#v850StyleFitScore::after{
  content:""!important;position:absolute!important;left:11%!important;right:11%!important;top:1px!important;
  height:36%!important;border-radius:999px 999px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important;
  pointer-events:none!important;z-index:-1!important;opacity:.72!important;
}
#v850StyleFitScore.score-low{
  color:#ff6b72!important;border-color:rgba(255,73,85,.58)!important;
  background:linear-gradient(180deg,#6b1720,#451019 52%,#2f0c13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 4px rgba(86,0,10,.30),
             0 2px 0 #24070c,0 4px 9px rgba(184,23,38,.20)!important;
}
#v850StyleFitScore.score-mid{
  color:#ffd45a!important;border-color:rgba(255,184,38,.58)!important;
  background:linear-gradient(180deg,#765014,#50340d 52%,#352306)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -2px 4px rgba(92,52,0,.26),
             0 2px 0 #2a1a04,0 4px 9px rgba(204,135,15,.20)!important;
}
#v850StyleFitScore.score-high{
  color:#66f49a!important;border-color:rgba(62,221,119,.60)!important;
  background:linear-gradient(180deg,#155c32,#0e4325 52%,#082f1a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 4px rgba(0,74,31,.28),
             0 2px 0 #052314,0 4px 9px rgba(15,160,73,.20)!important;
}

/* ---------- 手机端统一几何锁定 ---------- */
@media(max-width:760px){

  /* 01 / 03 / 04 / 05：外框状态不随折叠改变 */
  #basicSettingsPanel,#basicSettingsPanel.pro-collapsed,#basicSettingsPanel.v847-collapsed,
  #basicSettingsPanel.collapsed,#basicSettingsPanel.is-collapsed,
  #plannerPanel,#plannerPanel.pro-collapsed,#plannerPanel.v847-collapsed,
  #plannerPanel.collapsed,#plannerPanel.is-collapsed,
  #workflowPanel,#workflowPanel.pro-collapsed,#workflowPanel.v847-collapsed,
  #workflowPanel.collapsed,#workflowPanel.is-collapsed,
  #optimizerPanel,#optimizerPanel.pro-collapsed,#optimizerPanel.v847-collapsed,
  #optimizerPanel.collapsed,#optimizerPanel.is-collapsed{
    position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;
    padding-top:0!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:12px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }

  /* 01/03 共用固定标题栏 */
  #basicSettingsPanel>.section-heading,#basicSettingsPanel.pro-collapsed>.section-heading,
  #basicSettingsPanel.v847-collapsed>.section-heading,#basicSettingsPanel.collapsed>.section-heading,
  #basicSettingsPanel.is-collapsed>.section-heading,
  #plannerPanel>.section-heading,#plannerPanel.pro-collapsed>.section-heading,
  #plannerPanel.v847-collapsed>.section-heading,#plannerPanel.collapsed>.section-heading,
  #plannerPanel.is-collapsed>.section-heading{
    position:relative!important;inset:auto!important;transform:none!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:30px 20px!important;
    column-gap:10px!important;row-gap:2px!important;align-items:center!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    height:82px!important;min-height:82px!important;max-height:82px!important;
    margin:0 -10px 12px!important;padding:10px 12px!important;
    box-sizing:border-box!important;border:0!important;
    border-bottom:1px solid rgba(158,83,180,.20)!important;border-radius:0!important;
    background:
      radial-gradient(circle at 8% 15%,rgba(159,68,205,.15),transparent 32%),
      linear-gradient(90deg,rgba(29,14,43,.99),rgba(17,9,26,.99))!important;
    box-shadow:inset 0 3px 0 rgba(178,74,218,.88)!important;overflow:hidden!important;
  }

  #basicSettingsPanel>.section-heading::before,#basicSettingsPanel>.section-heading::after,
  #plannerPanel>.section-heading::before,#plannerPanel>.section-heading::after{
    content:none!important;display:none!important;
  }

  #basicSettingsPanel>.section-heading>.num,#plannerPanel>.section-heading>.num{
    grid-column:1!important;grid-row:1/3!important;
    position:relative!important;inset:auto!important;transform:none!important;
    width:58px!important;min-width:58px!important;max-width:58px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
    margin:0!important;padding:0!important;align-self:center!important;justify-self:start!important;
  }
  #basicSettingsPanel>.section-heading>strong,#plannerPanel>.section-heading>strong{
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;justify-self:start!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;font-size:18px!important;line-height:1.12!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #basicSettingsPanel>.section-heading>small,#plannerPanel>.section-heading>small{
    grid-column:2!important;grid-row:2!important;
    align-self:start!important;justify-self:start!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;font-size:9.5px!important;line-height:1.25!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #basicSettingsPanel>.section-heading>.pro-section-toggle,
  #basicSettingsPanel>.section-heading>.v847-basic-toggle,
  #plannerPanel>.section-heading>.pro-section-toggle{
    grid-column:3!important;grid-row:1/3!important;
    position:relative!important;inset:auto!important;transform:none!important;
    justify-self:end!important;align-self:center!important;
    width:68px!important;min-width:68px!important;max-width:68px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:0 8px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  }

  /* 04/05：统一4列固定标题栏 */
  #workflowPanel>.section-heading,#workflowPanel.pro-collapsed>.section-heading,
  #workflowPanel.v847-collapsed>.section-heading,#workflowPanel.collapsed>.section-heading,
  #workflowPanel.is-collapsed>.section-heading,
  #optimizerPanel>.section-heading,#optimizerPanel.pro-collapsed>.section-heading,
  #optimizerPanel.v847-collapsed>.section-heading,#optimizerPanel.collapsed>.section-heading,
  #optimizerPanel.is-collapsed>.section-heading{
    position:relative!important;inset:auto!important;transform:none!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 72px 72px!important;
    grid-template-rows:30px 20px!important;
    column-gap:5px!important;row-gap:2px!important;align-items:center!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    height:82px!important;min-height:82px!important;max-height:82px!important;
    margin:0 -10px 12px!important;padding:10px 12px!important;
    box-sizing:border-box!important;border:0!important;
    border-bottom:1px solid rgba(158,83,180,.20)!important;border-radius:0!important;
    background:
      radial-gradient(circle at 8% 15%,rgba(159,68,205,.15),transparent 32%),
      linear-gradient(90deg,rgba(29,14,43,.99),rgba(17,9,26,.99))!important;
    box-shadow:inset 0 3px 0 rgba(178,74,218,.88)!important;overflow:hidden!important;
  }

  #workflowPanel>.section-heading>.num,#optimizerPanel>.section-heading>.num{
    grid-column:1!important;grid-row:1/3!important;
    width:58px!important;min-width:58px!important;max-width:58px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
    margin:0!important;align-self:center!important;justify-self:start!important;
    position:relative!important;inset:auto!important;transform:none!important;
  }
  #workflowPanel>.section-heading>strong,#optimizerPanel>.section-heading>strong{
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;justify-self:start!important;width:100%!important;min-width:0!important;
    margin:0!important;font-size:18px!important;line-height:1.12!important;font-weight:900!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #workflowPanel>.section-heading>small,#optimizerPanel>.section-heading>small{
    grid-column:2/5!important;grid-row:2!important;
    align-self:start!important;justify-self:start!important;width:100%!important;min-width:0!important;
    margin:0!important;font-size:9.5px!important;line-height:1.25!important;letter-spacing:-.02em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #workflowPanel>.section-heading>.workflow-count-chip,
  #optimizerPanel>.section-heading>.pro-score-chip{
    grid-column:3!important;grid-row:1/3!important;
    align-self:center!important;justify-self:end!important;
    width:72px!important;min-width:72px!important;max-width:72px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:0 6px!important;box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;inset:auto!important;transform:translateX(3px)!important;
    white-space:nowrap!important;
  }
  #workflowPanel>.section-heading>.pro-section-toggle,
  #optimizerPanel>.section-heading>.pro-section-toggle{
    grid-column:4!important;grid-row:1/3!important;
    align-self:center!important;justify-self:end!important;
    width:72px!important;min-width:72px!important;max-width:72px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:0 8px!important;box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;inset:auto!important;transform:none!important;white-space:nowrap!important;
  }

  /* 05内部安全间距 */
  #optimizerPanel{padding-left:12px!important;padding-right:12px!important;padding-bottom:14px!important}
  #optimizerPanel>.section-heading{margin-left:-12px!important;margin-right:-12px!important}
  #optimizerPanel>.optimizer-grid,#optimizerPanel>.optimizer-options,#optimizerPanel>.optimizer-report,
  #optimizerPanel>.v77-optimize-changes,#optimizerPanel>.optimizer-actions,#optimizerPanel>.optimizer-compact-bar{
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  #optimizerPanel .optimizer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  #optimizerPanel .optimizer-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #optimizerPanel .optimizer-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}

  /* 折叠只隐藏正文 */
  #basicSettingsPanel.pro-collapsed>:not(.section-heading),
  #plannerPanel.pro-collapsed>:not(.section-heading),
  #workflowPanel.pro-collapsed>:not(.section-heading),
  #optimizerPanel.pro-collapsed>:not(.section-heading){
    display:none!important;
  }

  /* 移动端操作反馈：按压、禁用、加载 */
  button,[role="button"],.question-type-chip,.mode-chip,.chip{
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation;
  }
  button:not(:disabled),[role="button"],.question-type-chip,.mode-chip,.chip{
    transition:transform .10s ease,filter .12s ease,box-shadow .12s ease,opacity .12s ease!important;
  }
  button:not(:disabled):active,[role="button"]:active,.question-type-chip:active,.mode-chip:active,.chip:active,
  .v880-pressing{
    transform:translateY(1px) scale(.985)!important;
    filter:brightness(1.08)!important;
  }
  button:disabled,.is-loading,[aria-busy="true"]{
    opacity:.62!important;cursor:wait!important;filter:saturate(.72)!important;
  }
  .copy-success{
    box-shadow:0 0 0 1px rgba(63,226,130,.45),0 0 16px rgba(63,226,130,.18)!important;
  }

  /* 评分区域手机端 */
  .v850-style-fit{
    grid-template-columns:minmax(0,1fr) 112px!important;
    min-height:66px!important;padding:7px 10px!important;column-gap:8px!important;row-gap:1px!important;
  }
  #v850StyleFitScore{min-width:96px!important;height:28px!important;min-height:28px!important;max-height:28px!important;font-size:11px!important}
}

@media(max-width:390px){
  #basicSettingsPanel,#plannerPanel,#workflowPanel,#optimizerPanel{
    padding-left:8px!important;padding-right:8px!important;
  }

  #basicSettingsPanel>.section-heading,#basicSettingsPanel.pro-collapsed>.section-heading,
  #plannerPanel>.section-heading,#plannerPanel.pro-collapsed>.section-heading{
    grid-template-columns:54px minmax(0,1fr) 62px!important;
    grid-template-rows:28px 19px!important;column-gap:7px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    margin:0 -8px 12px!important;padding:9px!important;
  }

  #workflowPanel>.section-heading,#workflowPanel.pro-collapsed>.section-heading,
  #optimizerPanel>.section-heading,#optimizerPanel.pro-collapsed>.section-heading{
    grid-template-columns:54px minmax(0,1fr) 64px 64px!important;
    grid-template-rows:28px 19px!important;column-gap:4px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;
    margin:0 -8px 12px!important;padding:9px!important;
  }

  #basicSettingsPanel>.section-heading>.num,#plannerPanel>.section-heading>.num,
  #workflowPanel>.section-heading>.num,#optimizerPanel>.section-heading>.num{
    width:54px!important;min-width:54px!important;max-width:54px!important;
    height:54px!important;min-height:54px!important;max-height:54px!important;
  }

  #workflowPanel>.section-heading>.workflow-count-chip,
  #optimizerPanel>.section-heading>.pro-score-chip,
  #workflowPanel>.section-heading>.pro-section-toggle,
  #optimizerPanel>.section-heading>.pro-section-toggle{
    width:64px!important;min-width:64px!important;max-width:64px!important;
    height:32px!important;min-height:32px!important;max-height:32px!important;
  }

  .v850-style-fit{grid-template-columns:minmax(0,1fr) 106px!important;min-height:64px!important}
  #v850StyleFitScore{min-width:92px!important;height:27px!important;min-height:27px!important;max-height:27px!important}
}


/* =========================================================
   V8.8.2｜手机端 01 / 03 / 04 / 05 顶部导航绝对防横移
   仅作用于 <=760px，不修改电脑端，也不修改JS折叠逻辑。
   目标：点击收起/展开时，编号、标题、副标题、背景、徽章、
   展开/收起按钮在X轴上保持完全一致，不发生任何右移/左移。
   ========================================================= */

@media(max-width:760px){

  /* 1. 四个面板所有状态统一宽度/左右内边距/边框盒模型 */
  #basicSettingsPanel,
  #basicSettingsPanel.pro-collapsed,
  #basicSettingsPanel.v847-collapsed,
  #basicSettingsPanel.collapsed,
  #basicSettingsPanel.is-collapsed,
  #plannerPanel,
  #plannerPanel.pro-collapsed,
  #plannerPanel.v847-collapsed,
  #plannerPanel.collapsed,
  #plannerPanel.is-collapsed,
  #workflowPanel,
  #workflowPanel.pro-collapsed,
  #workflowPanel.v847-collapsed,
  #workflowPanel.collapsed,
  #workflowPanel.is-collapsed,
  #optimizerPanel,
  #optimizerPanel.pro-collapsed,
  #optimizerPanel.v847-collapsed,
  #optimizerPanel.collapsed,
  #optimizerPanel.is-collapsed{
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin-left:0!important;
    margin-right:0!important;

    padding-left:10px!important;
    padding-right:10px!important;

    box-sizing:border-box!important;
  }

  /* 2. 01/03：展开与收起强制同一网格和同一左右坐标 */
  #basicSettingsPanel > .section-heading,
  #basicSettingsPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading,
  #basicSettingsPanel.collapsed > .section-heading,
  #basicSettingsPanel.is-collapsed > .section-heading,
  #plannerPanel > .section-heading,
  #plannerPanel.pro-collapsed > .section-heading,
  #plannerPanel.v847-collapsed > .section-heading,
  #plannerPanel.collapsed > .section-heading,
  #plannerPanel.is-collapsed > .section-heading{
    position:relative!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;

    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:30px 20px!important;
    column-gap:10px!important;
    row-gap:2px!important;

    width:calc(100% + 20px)!important;
    max-width:none!important;
    min-width:0!important;

    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;

    margin-left:-10px!important;
    margin-right:-10px!important;
    margin-top:0!important;
    margin-bottom:12px!important;

    padding:10px 12px!important;

    box-sizing:border-box!important;
  }

  /* 3. 04/05：展开与收起强制同一四列网格 */
  #workflowPanel > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #workflowPanel.v847-collapsed > .section-heading,
  #workflowPanel.collapsed > .section-heading,
  #workflowPanel.is-collapsed > .section-heading,
  #optimizerPanel > .section-heading,
  #optimizerPanel.pro-collapsed > .section-heading,
  #optimizerPanel.v847-collapsed > .section-heading,
  #optimizerPanel.collapsed > .section-heading,
  #optimizerPanel.is-collapsed > .section-heading{
    position:relative!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;

    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 72px 72px!important;
    grid-template-rows:30px 20px!important;
    column-gap:5px!important;
    row-gap:2px!important;

    width:calc(100% + 20px)!important;
    max-width:none!important;
    min-width:0!important;

    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;

    margin-left:-10px!important;
    margin-right:-10px!important;
    margin-top:0!important;
    margin-bottom:12px!important;

    padding:10px 12px!important;

    box-sizing:border-box!important;
  }

  /* 4. 编号统一锁死X轴与尺寸 */
  #basicSettingsPanel > .section-heading > .num,
  #plannerPanel > .section-heading > .num,
  #workflowPanel > .section-heading > .num,
  #optimizerPanel > .section-heading > .num{
    position:relative!important;
    left:0!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    transform:none!important;
    translate:none!important;
    scale:1!important;

    margin-left:0!important;
    margin-right:0!important;

    justify-self:start!important;
    align-self:center!important;

    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;

    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
  }

  /* 5. 标题/副标题禁止任何状态造成横向偏移 */
  #basicSettingsPanel > .section-heading > strong,
  #basicSettingsPanel > .section-heading > small,
  #plannerPanel > .section-heading > strong,
  #plannerPanel > .section-heading > small,
  #workflowPanel > .section-heading > strong,
  #workflowPanel > .section-heading > small,
  #optimizerPanel > .section-heading > strong,
  #optimizerPanel > .section-heading > small{
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* 6. 展开/收起按钮、04/05状态徽章禁止状态造成X轴变化 */
  #basicSettingsPanel > .section-heading > .pro-section-toggle,
  #basicSettingsPanel > .section-heading > .v847-basic-toggle,
  #plannerPanel > .section-heading > .pro-section-toggle,
  #workflowPanel > .section-heading > .workflow-count-chip,
  #workflowPanel > .section-heading > .pro-section-toggle,
  #optimizerPanel > .section-heading > .pro-score-chip,
  #optimizerPanel > .section-heading > .pro-section-toggle{
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;

    margin-left:0!important;
    margin-right:0!important;
  }

  /* 7. 彻底覆盖历史 collapsed 状态对标题栏的特殊 margin/padding */
  #basicSettingsPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading,
  #plannerPanel.pro-collapsed > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #optimizerPanel.pro-collapsed > .section-heading{
    margin-left:-10px!important;
    margin-right:-10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  /* 8. 禁止内容高度变化触发浏览器横向/视觉锚点漂移 */
  #basicSettingsPanel,
  #plannerPanel,
  #workflowPanel,
  #optimizerPanel{
    overflow-anchor:none!important;
  }
}

/* 超窄屏同样锁死，展开/收起仍是完全相同坐标 */
@media(max-width:390px){

  #basicSettingsPanel,
  #basicSettingsPanel.pro-collapsed,
  #plannerPanel,
  #plannerPanel.pro-collapsed,
  #workflowPanel,
  #workflowPanel.pro-collapsed,
  #optimizerPanel,
  #optimizerPanel.pro-collapsed{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #basicSettingsPanel > .section-heading,
  #basicSettingsPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading,
  #plannerPanel > .section-heading,
  #plannerPanel.pro-collapsed > .section-heading{
    grid-template-columns:54px minmax(0,1fr) 62px!important;
    grid-template-rows:28px 19px!important;

    width:calc(100% + 16px)!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;

    margin-left:-8px!important;
    margin-right:-8px!important;
    padding:9px!important;
  }

  #workflowPanel > .section-heading,
  #workflowPanel.pro-collapsed > .section-heading,
  #optimizerPanel > .section-heading,
  #optimizerPanel.pro-collapsed > .section-heading{
    grid-template-columns:54px minmax(0,1fr) 64px 64px!important;
    grid-template-rows:28px 19px!important;

    width:calc(100% + 16px)!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;

    margin-left:-8px!important;
    margin-right:-8px!important;
    padding:9px!important;
  }

  #basicSettingsPanel > .section-heading > .num,
  #plannerPanel > .section-heading > .num,
  #workflowPanel > .section-heading > .num,
  #optimizerPanel > .section-heading > .num{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;

    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
}


/* =========================================================
   V8.8.3｜手机端01基础设置最终X轴锁定
   只覆盖01，03/04/05沿用V8.8.2已确认正常布局。
   ========================================================= */
@media(max-width:760px){

  #basicSettingsPanel,
  #basicSettingsPanel.v847-collapsed{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
    transform:none!important;
    overflow-anchor:none!important;
  }

  #basicSettingsPanel > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:30px 20px!important;
    column-gap:10px!important;
    row-gap:2px!important;

    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;

    width:calc(100% + 20px)!important;
    max-width:none!important;
    min-width:0!important;

    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;

    margin:0 -10px 12px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
  }

  #basicSettingsPanel > .section-heading > .num,
  #basicSettingsPanel.v847-collapsed > .section-heading > .num,
  #basicSettingsPanel > .section-heading > strong,
  #basicSettingsPanel.v847-collapsed > .section-heading > strong,
  #basicSettingsPanel > .section-heading > small,
  #basicSettingsPanel.v847-collapsed > .section-heading > small,
  #basicSettingsPanel > .section-heading > #basicSettingsToggle,
  #basicSettingsPanel.v847-collapsed > .section-heading > #basicSettingsToggle{
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  #basicSettingsPanel > .section-heading > .num,
  #basicSettingsPanel.v847-collapsed > .section-heading > .num{
    grid-column:1!important;
    grid-row:1/3!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    align-self:center!important;
    justify-self:start!important;
  }

  #basicSettingsPanel > .section-heading > strong,
  #basicSettingsPanel.v847-collapsed > .section-heading > strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
  }

  #basicSettingsPanel > .section-heading > small,
  #basicSettingsPanel.v847-collapsed > .section-heading > small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
  }

  #basicSettingsPanel > .section-heading > #basicSettingsToggle,
  #basicSettingsPanel.v847-collapsed > .section-heading > #basicSettingsToggle{
    grid-column:3!important;
    grid-row:1/3!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    align-self:center!important;
    justify-self:end!important;
  }

  /* 如果历史generic曾留下pro-collapsed，手机端视觉也强制等同展开态 */
  #basicSettingsPanel.pro-collapsed > .section-heading{
    width:calc(100% + 20px)!important;
    margin:0 -10px 12px!important;
    padding:10px 12px!important;
    transform:none!important;
  }
}

@media(max-width:390px){
  #basicSettingsPanel,
  #basicSettingsPanel.v847-collapsed{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #basicSettingsPanel > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading{
    grid-template-columns:54px minmax(0,1fr) 62px!important;
    grid-template-rows:28px 19px!important;
    width:calc(100% + 16px)!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0 -8px 12px!important;
    padding:9px!important;
  }

  #basicSettingsPanel > .section-heading > .num,
  #basicSettingsPanel.v847-collapsed > .section-heading > .num{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }

  #basicSettingsPanel > .section-heading > #basicSettingsToggle,
  #basicSettingsPanel.v847-collapsed > .section-heading > #basicSettingsToggle{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
}



/* =========================================================
   V9.4.2｜05 Prompt智能诊断可视化组件
   仅追加，不改现有布局基线
   ========================================================= */
@media (max-width: 680px){
.v942-diag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.v942-diag-title{font-size:14px;}
}


/* V9.5.3｜03 智能规划2.0结果回写 */
.v953-planning-result{margin:12px 0 10px;padding:12px 14px;border:1px solid rgba(165,130,255,.24);border-radius:14px;background:rgba(92,58,160,.08)}
.v953-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.v953-plan-head strong{font-size:14px}.v953-plan-head span{font-size:12px;opacity:.72;text-align:right}
.v953-plan-chips{display:flex;flex-wrap:wrap;gap:7px}.v953-plan-chips span{padding:5px 9px;border-radius:999px;border:1px solid rgba(180,150,255,.24);background:rgba(255,255,255,.045);font-size:12px;line-height:1.35}
.v953-plan-note{margin-top:8px;font-size:12px;opacity:.7;line-height:1.45}
@media (max-width:640px){.v953-planning-result{padding:11px 12px;margin:10px 0 9px}.v953-plan-head{align-items:flex-start;flex-direction:column;gap:3px}.v953-plan-head span{text-align:left}.v953-plan-chips{gap:6px}}


/* V9.5.5｜06 Prompt快捷工作流 */
.v955-quick-prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0 14px;padding:11px 13px;border:1px solid rgba(168,128,255,.22);border-radius:13px;background:rgba(93,56,153,.075)}
.v955-quick-left{min-width:0;display:flex;flex-direction:column;gap:3px}.v955-quick-left strong{font-size:13px}.v955-quick-left span{font-size:12px;opacity:.72;line-height:1.4}
.v955-quick-left span[data-state="ok"]{opacity:.92}.v955-quick-left span[data-state="warn"]{opacity:.95}
.v955-quick-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0}
.v955-quick-buttons button{min-height:34px;padding:0 12px;border-radius:10px;white-space:nowrap}
.v955-quick-buttons .v955-primary{box-shadow:0 5px 14px rgba(126,76,220,.18)}
@media(max-width:640px){
  .v955-quick-prompt-actions{align-items:stretch;flex-direction:column;gap:9px;padding:10px 11px}
  .v955-quick-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
  .v955-quick-buttons button{min-width:0;padding:0 6px;font-size:12px}
}


/* V9.5.6｜Prompt智能工作台融合精简 */
.v956-prompt-workspace{margin-bottom:4px}
#v955QuickPromptActions{margin-top:8px;background:linear-gradient(135deg,rgba(104,69,176,.10),rgba(255,255,255,.025));border-color:rgba(176,145,255,.26)}
#v955QuickPromptActions .v955-quick-left strong{letter-spacing:.2px}
#v955QuickPromptActions .v955-quick-left span{opacity:.76}
@media(max-width:640px){
  #v955QuickPromptActions{margin-top:7px}
  #v955QuickPromptActions .v955-quick-left strong{font-size:12.5px}
}


/* V9.5.7｜融合后的轻量质量检测条 */
.v957-quality-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:8px 0 14px}
.v957-q{min-height:62px;border:1px solid rgba(166,103,255,.30);border-radius:12px;background:rgba(24,11,38,.48);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.v957-q span{font-size:11px;opacity:.68}.v957-q strong{font-size:13px;font-weight:700}
@media(max-width:640px){
  .v957-quality-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .v957-q{min-height:54px}.v957-q span{font-size:10.5px}.v957-q strong{font-size:12px}
}

/* V9.5.9｜质量条动态评分状态 */
.v957-q strong.score-low{color:#ff6b72;text-shadow:0 0 10px rgba(255,80,90,.22)}
.v957-q strong.score-mid{color:#f4c45d;text-shadow:0 0 10px rgba(244,196,93,.18)}
.v957-q strong.score-high{color:#72dfa2;text-shadow:0 0 10px rgba(114,223,162,.18)}
#v955QuickStatus[data-state="busy"]{opacity:.82}
#v955QuickStatus[data-state="warn"]{color:#f2bd63;opacity:1}
#v955QuickStatus[data-state="ok"]{opacity:.94}


/* V9.6.0｜Prompt工作台三色胶囊按钮 */
#v955QuickPromptActions .v955-quick-buttons .v960-action{
  position:relative;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid currentColor;
  background:rgba(255,255,255,.025);
  font-weight:700;
  letter-spacing:.1px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 5px 16px rgba(0,0,0,.22);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
#v955QuickPromptActions .v955-quick-buttons .v960-action::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  display:inline-block;margin-right:7px;
  background:currentColor;
  box-shadow:0 0 8px currentColor;
  vertical-align:1px;
}
#v955QuickPromptActions .v955-quick-buttons .v960-action:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
#v955QuickPromptActions .v955-quick-buttons .v960-action:active{
  transform:translateY(1px) scale(.985);
}
#v955QuickPromptActions .v955-quick-buttons .v960-red{
  color:#ff626f;
  background:linear-gradient(180deg,rgba(255,70,86,.15),rgba(255,45,66,.07));
  box-shadow:inset 0 0 0 1px rgba(255,108,120,.08),0 0 15px rgba(255,52,72,.12),0 5px 16px rgba(0,0,0,.22);
}
#v955QuickPromptActions .v955-quick-buttons .v960-green{
  color:#45e58a;
  background:linear-gradient(180deg,rgba(31,222,116,.16),rgba(14,170,84,.07));
  box-shadow:inset 0 0 0 1px rgba(85,242,151,.08),0 0 15px rgba(32,224,118,.12),0 5px 16px rgba(0,0,0,.22);
}
#v955QuickPromptActions .v955-quick-buttons .v960-yellow{
  color:#f2c94c;
  background:linear-gradient(180deg,rgba(242,201,76,.16),rgba(201,154,22,.07));
  box-shadow:inset 0 0 0 1px rgba(255,218,104,.08),0 0 15px rgba(242,201,76,.11),0 5px 16px rgba(0,0,0,.22);
}
@media(max-width:640px){
  #v955QuickPromptActions .v955-quick-buttons .v960-action{
    min-height:36px;padding:0 7px;font-size:11.5px;
  }
  #v955QuickPromptActions .v955-quick-buttons .v960-action::before{
    width:6px;height:6px;margin-right:5px;
  }
}


/* V9.6.1｜手机版05工作台紧凑优化 */
@media(max-width:640px){
  /* 05编号徽章与01/02/03/04统一为紧凑规格 */
  .stage-06.v956-prompt-workspace > span:first-child,
  .v956-prompt-workspace > span:first-child{
    width:42px!important;min-width:42px!important;
    height:42px!important;min-height:42px!important;
    border-radius:11px!important;
    font-size:18px!important;line-height:42px!important;
    padding:0!important;margin-right:10px!important;
  }

  /* 两排状态胶囊之间、状态区与字数条之间收紧 */
  .stage-06 .final-status,
  .stage-06 .final-status-grid,
  .stage-06 .prompt-status-grid,
  .stage-06 .result-status-grid{
    gap:5px 6px!important;
    row-gap:5px!important;
    margin-top:5px!important;
    margin-bottom:5px!important;
  }
  .stage-06 .chips,
  .stage-06 .chip-grid,
  .stage-06 .status-chips{
    row-gap:5px!important;
    gap:5px 6px!important;
    margin-top:5px!important;
    margin-bottom:5px!important;
  }
  .stage-06 .char-count,
  .stage-06 .prompt-char-count,
  .stage-06 .result-char-count{
    margin-top:5px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}


/* =========================================================
   V9.6.5｜手机版05精准紧凑修复
   直接命中真实05 DOM，不再使用无效的旧选择器
   ========================================================= */
@media(max-width:760px){

  /* 05外框：去掉旧版为大徽章/多行网格预留的过大纵向空间 */
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace{
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:10px!important;
    align-items:start!important;
    padding:10px 10px 9px!important;
  }

  /* 05徽章：与01/02/03/04移动端编号统一为42×42 */
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > span:first-child{
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:11px!important;
    font-size:18px!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    box-shadow:
      inset 0 2px 2px rgba(255,255,255,.78),
      inset 0 -4px 6px rgba(173,91,0,.18),
      0 3px 0 #9f5e00,
      0 7px 14px rgba(0,0,0,.25)!important;
  }

  /* 标题区紧贴05徽章，不额外撑高 */
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > div:not(.final-result-meta){
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    gap:1px!important;
    margin:0!important;
    padding:1px 0 0!important;
    align-self:start!important;
  }
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > div:not(.final-result-meta) > em{
    font-size:8px!important;
    line-height:1.1!important;
    margin:0!important;
  }
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > div:not(.final-result-meta) > b{
    font-size:17px!important;
    line-height:1.12!important;
    margin:2px 0 0!important;
  }
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > div:not(.final-result-meta) > small{
    font-size:8px!important;
    line-height:1.2!important;
    margin-top:2px!important;
  }

  /* 六个状态项：第二行直接开始，消除截图红框中的第一条大空隙 */
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:22px!important;
    gap:4px 6px!important;
    width:100%!important;
    min-width:0!important;
    margin:2px 0 0!important;
    padding:0!important;
    align-self:start!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > span{
    width:100%!important;
    min-width:0!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:0!important;
    padding:0 4px!important;
    line-height:22px!important;
    box-sizing:border-box!important;
  }

  /* 字数条紧贴第二排胶囊，消除截图红框中的第二条大空隙 */
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > .preflight-chars{
    grid-column:1 / -1!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    line-height:20px!important;
    margin:0!important;
    padding:0!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > i{
    display:none!important;
  }
}

/* =========================================================
   V9.6.7｜03 智能规划紧凑融合版
   删除主题类型/推荐题型展示；规划摘要与2.0结果合并；编辑区按需展开
   ========================================================= */
#plannerPanel .planner-summary{
  margin-top:13px;padding:13px 14px 12px;border:1px solid rgba(154,79,210,.52);
  border-radius:15px;background:linear-gradient(145deg,rgba(12,7,24,.96),rgba(18,9,31,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
#plannerPanel .planner-summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#plannerPanel .planner-summary-head>div{display:flex;align-items:center;gap:8px;min-width:0}
#plannerPanel .planner-summary-head strong{font-size:14px;color:#f3eaff;letter-spacing:.2px}
#plannerPanel .planner-auto-badge{padding:3px 7px;border:1px solid rgba(158,92,255,.42);border-radius:999px;color:#cfa9ff;background:rgba(126,57,215,.12);font-size:10px;white-space:nowrap}
#plannerPanel .planner-edit-toggle{height:31px;padding:0 11px;border:1px solid #754095;border-radius:999px;background:#0c0717;color:#dcc8ef;font-size:11px;white-space:nowrap}
#plannerPanel .planner-summary-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:9px;color:#b9adc4;font-size:12px}
#plannerPanel .planner-summary-meta b{color:#f3d16f;font-size:13px}
#plannerPanel .planner-summary-meta span:nth-child(even){opacity:.55}
#plannerPanel .planner-summary .v953-planning-result{margin:10px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#plannerPanel .planner-summary .v953-plan-chips{gap:6px}
#plannerPanel .planner-summary .v953-plan-chips span{padding:5px 9px;font-size:11.5px;background:rgba(255,255,255,.035)}
#plannerPanel .planner-editor-collapsed{display:none!important}
#plannerPanel .planner-editor{margin-top:10px}

@media(max-width:640px){
  #plannerPanel .mode-wrap{margin-top:11px}
  #plannerPanel .mode-label{margin-bottom:7px}
  #plannerPanel .mode-tabs{gap:6px}
  #plannerPanel .mode-tabs button{padding:7px 10px;font-size:11px}
  #plannerPanel .planner-summary{margin-top:10px;padding:11px 12px 10px}
  #plannerPanel .planner-summary-head strong{font-size:13px}
  #plannerPanel .planner-summary-meta{margin-top:8px;font-size:11px;gap:5px}
  #plannerPanel .planner-summary-meta b{font-size:12px}
  #plannerPanel .planner-summary .v953-plan-chips span{padding:5px 8px;font-size:11px}
}


/* =========================================================
   V9.6.8｜05编号与状态区间距微调
   手机端给05金色编号下方与状态胶囊之间增加呼吸空间，避免视觉贴连。
   ========================================================= */
@media(max-width:760px){
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace{
    row-gap:10px!important;
  }
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight{
    margin-top:2px!important;
  }
}

/* =========================================================
   V9.6.10｜03 AI智能规划合并版
   - AI智能规划 + 原规划模块合并为同一卡片
   - 自动规划结果继续后台运行，前台不重复展示默认芯片
   - 保留模块删除 / 自定义添加 / 恢复智能规划
   ========================================================= */
#plannerPanel .planner-unified{
  margin-top:13px!important;
  padding:13px 14px 14px!important;
}
#plannerPanel .planner-unified .planner-head-actions{margin-left:auto}
#plannerPanel .planner-unified #resetPlanBtn{
  height:31px;
  padding:0 11px;
  border:1px solid #754095;
  border-radius:10px;
  background:#0c0717;
  color:#f3d16f;
  font-size:11px;
  white-space:nowrap;
}
#plannerPanel .planner-hidden-result{
  display:none!important;
}
#plannerPanel .planner-editor-inline{
  display:block!important;
  margin:11px 0 0!important;
  padding:11px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(145,78,196,.28)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#plannerPanel .planner-editor-head-inline{
  margin:0 0 9px!important;
  min-height:0!important;
}
#plannerPanel .planner-editor-head-inline small{
  display:block;
  color:#8f829b;
  font-size:11px;
  line-height:1.5;
}
#plannerPanel .planner-unified .module-tags{
  margin-top:0!important;
}
#plannerPanel .planner-unified .module-add{
  margin-top:10px!important;
}
#plannerPanel .planner-unified .module-add input{
  min-width:0;
}
@media(max-width:640px){
  #plannerPanel .planner-unified{
    margin-top:10px!important;
    padding:11px 12px 12px!important;
  }
  #plannerPanel .planner-unified #resetPlanBtn{
    height:30px;
    padding:0 9px;
    font-size:10.5px;
  }
  #plannerPanel .planner-editor-inline{
    margin-top:9px!important;
    padding-top:9px!important;
  }
  #plannerPanel .planner-editor-head-inline small{
    font-size:10.5px;
  }
}

/* =========================================================
   V9.6.13｜04教师工作流导航统一为 AI 专属错题练习风格
   ========================================================= */
#workflowPanel > .workflow-nav-heading{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:62px!important;
  margin:-2px -2px 13px!important;
  padding:12px 13px 12px 15px!important;
  border:1px solid rgba(255,222,72,.72)!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(255,238,88,.98),rgba(244,177,15,.96))!important;
  box-shadow:
    0 3px 0 #b97705,
    0 7px 14px rgba(199,128,0,.24),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -2px 0 rgba(180,105,0,.18)!important;
  transform:translateY(-2px)!important;
  overflow:hidden!important;
}

#workflowPanel > .workflow-nav-heading::after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:5px!important;
  height:38%!important;
  border-radius:9px 9px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

#workflowPanel > .workflow-nav-heading::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:9px!important;
  bottom:9px!important;
  width:5px!important;
  border-radius:0 5px 5px 0!important;
  background:linear-gradient(180deg,#fff8a9,#fff035 50%,#e99100)!important;
  box-shadow:2px 0 8px rgba(255,244,71,.46)!important;
}

#workflowPanel .workflow-title-wrap{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  padding-left:5px!important;
}

#workflowPanel .workflow-title-wrap strong{
  color:#3a2700!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 2px 2px rgba(117,70,0,.14)!important;
}

#workflowPanel .workflow-title-wrap small{
  display:block!important;
  margin:0!important;
  color:#684900!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
}

#workflowPanel .workflow-nav-actions{
  position:relative!important;
  z-index:2!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}

#workflowPanel .workflow-nav-heading .workflow-count-chip,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:31px!important;
  min-height:31px!important;
  margin:0!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(72,44,0,.48)!important;
  background:linear-gradient(180deg,#513400,#302000)!important;
  color:#ffe56a!important;
  box-shadow:0 3px 0 rgba(34,20,0,.48),0 5px 10px rgba(96,55,0,.18),inset 0 1px 0 rgba(255,255,255,.09)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

#workflowPanel .workflow-nav-heading .workflow-nav-toggle{
  cursor:pointer!important;
  min-width:54px!important;
}

#workflowPanel .workflow-nav-heading .workflow-nav-toggle:active{
  transform:translateY(2px)!important;
  box-shadow:0 1px 0 rgba(34,20,0,.48),0 2px 5px rgba(96,55,0,.15)!important;
}

#workflowPanel .workflow-nav-heading .workflow-count-chip.has-selection{
  color:#fff0a4!important;
  border-color:rgba(72,44,0,.58)!important;
  background:linear-gradient(180deg,#624000,#3a2600)!important;
}

/* 明确取消 04 数字图标占位 */
#workflowPanel > .workflow-nav-heading > .num{display:none!important;}

@media(max-width:760px){
  #workflowPanel > .workflow-nav-heading{
    display:flex!important;
    grid-template-columns:none!important;
    min-height:58px!important;
    padding:10px 9px 10px 12px!important;
    margin:-2px -2px 11px!important;
    gap:7px!important;
  }
  #workflowPanel .workflow-title-wrap{padding-left:4px!important;gap:2px!important;}
  #workflowPanel .workflow-title-wrap strong{font-size:16px!important;}
  #workflowPanel .workflow-title-wrap small{font-size:8.5px!important;}
  #workflowPanel .workflow-nav-actions{gap:5px!important;}
  #workflowPanel .workflow-nav-heading .workflow-count-chip,
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{
    height:29px!important;
    min-height:29px!important;
    padding:0 7px!important;
    font-size:7.5px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{min-width:48px!important;}
}

@media(max-width:390px){
  #workflowPanel > .workflow-nav-heading{gap:5px!important;padding-right:7px!important;}
  #workflowPanel .workflow-title-wrap strong{font-size:15px!important;}
  #workflowPanel .workflow-title-wrap small{font-size:8px!important;max-width:155px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #workflowPanel .workflow-nav-heading .workflow-count-chip,
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{padding:0 6px!important;font-size:7px!important;}
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{min-width:44px!important;}
}

/* =========================================================
   V9.6.17｜04教师工作流导航：完全复刻 AI专属错题练习导航
   目标：04标题导航与错题导航同款亮黄立体背景；
         收起/展开只隐藏内容，不改变导航尺寸、颜色、位置。
   ========================================================= */

/* 先彻底覆盖历史 04 grid / collapsed 标题规则 */
#workflowPanel > .workflow-nav-heading,
#workflowPanel.pro-collapsed > .workflow-nav-heading,
#workflowPanel.v847-collapsed > .workflow-nav-heading,
#workflowPanel.collapsed > .workflow-nav-heading,
#workflowPanel.is-collapsed > .workflow-nav-heading{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:translateY(-2px)!important;
  translate:none!important;
  scale:1!important;

  display:flex!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;

  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:62px!important;
  max-height:none!important;

  margin:-2px -2px 13px!important;
  padding:12px 13px 12px 15px!important;
  box-sizing:border-box!important;

  border:1px solid rgba(255,222,72,.72)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,247,145,.34),transparent 32%),
    linear-gradient(135deg,#ffd92f 0%,#ffca19 38%,#f5a90b 100%)!important;
  box-shadow:
    0 4px 0 #b97705,
    0 9px 18px rgba(199,128,0,.28),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -2px 0 rgba(180,105,0,.18)!important;
  overflow:hidden!important;
  opacity:1!important;
  filter:none!important;
}

#workflowPanel > .workflow-nav-heading::after,
#workflowPanel.pro-collapsed > .workflow-nav-heading::after,
#workflowPanel.v847-collapsed > .workflow-nav-heading::after,
#workflowPanel.collapsed > .workflow-nav-heading::after,
#workflowPanel.is-collapsed > .workflow-nav-heading::after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:5px!important;
  height:38%!important;
  border-radius:9px 9px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

#workflowPanel > .workflow-nav-heading::before,
#workflowPanel.pro-collapsed > .workflow-nav-heading::before,
#workflowPanel.v847-collapsed > .workflow-nav-heading::before,
#workflowPanel.collapsed > .workflow-nav-heading::before,
#workflowPanel.is-collapsed > .workflow-nav-heading::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:9px!important;
  bottom:9px!important;
  width:5px!important;
  border-radius:0 5px 5px 0!important;
  background:linear-gradient(180deg,#fff8a9,#fff035 50%,#e99100)!important;
  box-shadow:2px 0 8px rgba(255,244,71,.46)!important;
  pointer-events:none!important;
}

#workflowPanel .workflow-title-wrap{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  padding-left:5px!important;
  margin:0!important;
  transform:none!important;
}
#workflowPanel .workflow-title-wrap strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#3a2700!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 2px 2px rgba(117,70,0,.14)!important;
}
#workflowPanel .workflow-title-wrap small{
  display:block!important;
  margin:3px 0 0!important;
  padding:0!important;
  color:#684900!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
}

#workflowPanel .workflow-nav-actions{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

/* 状态胶囊与按钮完全沿用错题“家长专区”深色凸起胶囊语言 */
#workflowPanel .workflow-nav-heading .workflow-count-chip,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle,
#workflowPanel.pro-collapsed .workflow-nav-heading .workflow-count-chip,
#workflowPanel.pro-collapsed .workflow-nav-heading .workflow-nav-toggle{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(72,44,0,.48)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#513400,#302000)!important;
  color:#ffe56a!important;
  box-shadow:0 3px 0 rgba(35,20,0,.72),0 6px 10px rgba(92,54,0,.20),inset 0 1px 0 rgba(255,239,140,.18)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:0 1px 1px #000!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
#workflowPanel .workflow-nav-heading .workflow-nav-toggle{
  min-width:54px!important;
  cursor:pointer!important;
}

/* 点击 / hover / focus 时禁止标题导航或按钮换色、位移 */
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:hover,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:focus,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:focus-visible,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:active{
  border-color:rgba(72,44,0,.48)!important;
  background:linear-gradient(180deg,#513400,#302000)!important;
  color:#ffe56a!important;
  box-shadow:0 3px 0 rgba(35,20,0,.72),0 6px 10px rgba(92,54,0,.20),inset 0 1px 0 rgba(255,239,140,.18)!important;
  transform:none!important;
  outline:none!important;
}
#workflowPanel .workflow-nav-heading .workflow-count-chip.has-selection{
  border-color:rgba(72,44,0,.48)!important;
  background:linear-gradient(180deg,#513400,#302000)!important;
  color:#ffe56a!important;
}

/* 04编号永久不显示，不留占位 */
#workflowPanel > .workflow-nav-heading > .num{display:none!important;}

/* 收起时只隐藏内容区，标题导航本身完全不参与形态变化 */
#workflowPanel.pro-collapsed > :not(.workflow-nav-heading){display:none!important;}
#workflowPanel.pro-collapsed,
#workflowPanel.v847-collapsed,
#workflowPanel.collapsed,
#workflowPanel.is-collapsed{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

@media(max-width:760px){
  #workflowPanel > .workflow-nav-heading,
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel.v847-collapsed > .workflow-nav-heading,
  #workflowPanel.collapsed > .workflow-nav-heading,
  #workflowPanel.is-collapsed > .workflow-nav-heading{
    display:flex!important;
    width:auto!important;
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
    margin:-2px -2px 11px!important;
    padding:10px 9px 10px 12px!important;
    gap:7px!important;
    transform:translateY(-2px)!important;
  }
  #workflowPanel .workflow-title-wrap{padding-left:4px!important;gap:2px!important;}
  #workflowPanel .workflow-title-wrap strong{font-size:16px!important;}
  #workflowPanel .workflow-title-wrap small{font-size:9px!important;max-width:none!important;}
  #workflowPanel .workflow-nav-actions{gap:5px!important;}
  #workflowPanel .workflow-nav-heading .workflow-count-chip,
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{min-width:48px!important;}
}

@media(max-width:390px){
  #workflowPanel > .workflow-nav-heading,
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel.v847-collapsed > .workflow-nav-heading,
  #workflowPanel.collapsed > .workflow-nav-heading,
  #workflowPanel.is-collapsed > .workflow-nav-heading{
    width:auto!important;
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
    margin:-2px -2px 11px!important;
    padding:10px 7px 10px 12px!important;
    gap:5px!important;
  }
  #workflowPanel .workflow-title-wrap strong{font-size:15px!important;}
  #workflowPanel .workflow-title-wrap small{font-size:8px!important;max-width:150px!important;}
  #workflowPanel .workflow-nav-heading .workflow-count-chip,
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{
    padding:0 6px!important;
    font-size:7.5px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{min-width:44px!important;}
}

/* =========================================================
   V9.6.18｜顶部浮窗导航按当前页面顺序重排 + 04 输出编号
   当前实际页面顺序：课程 → 主题 → 规划 → 输出 → 教师工作流 → AI专属错题
   目标：6项始终等宽、顺序一致、手机端不挤压、不换行；任务摘要独立在下方。
   ========================================================= */

/* 桌面端：6等分导航，避免不同文字长度造成按钮宽度不齐 */
@media (min-width:761px){
  .v77-sticky-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:46px 32px!important;
    column-gap:8px!important;
    row-gap:5px!important;
    height:auto!important;
    min-height:92px!important;
    padding:8px 10px 7px!important;
    margin-bottom:18px!important;
    align-items:center!important;
  }
  .v77-sticky-nav>button{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    border-radius:11px!important;
  }
  .v77-sticky-nav>button span{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .v77-task-summary{
    position:static!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1!important;
    background:linear-gradient(90deg,rgba(45,20,61,.96),rgba(21,11,31,.96))!important;
  }
}

/* 手机端：保持6项单行等宽，任务摘要仍独立下沉 */
@media (max-width:760px){
  .v77-sticky-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:40px 28px!important;
    height:auto!important;
    min-height:78px!important;
    padding:5px!important;
    gap:3px!important;
    margin:0 0 30px!important;
    overflow:visible!important;
  }
  .v77-sticky-nav>button{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 1px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px!important;
    font-size:10px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  .v77-sticky-nav>button span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:inherit!important;
  }
  .v77-task-summary{
    position:static!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    height:27px!important;
    min-height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:0 0 9px 9px!important;
    font-size:9.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v77-sticky-nav.mobile-nav-fixed{
    min-height:78px!important;
  }
  .v77-mobile-nav-placeholder.active{
    height:82px!important;
  }
}

@media (max-width:390px){
  .v77-sticky-nav{padding:4px!important;gap:2px!important;grid-template-rows:38px 27px!important;min-height:73px!important}
  .v77-sticky-nav>button{height:36px!important;min-height:36px!important;font-size:9.2px!important;border-radius:7px!important}
  .v77-task-summary{height:26px!important;min-height:26px!important;font-size:8.8px!important;padding:0 7px!important}
}

/* =========================================================
   V9.6.20｜04 教师工作流导航稳定性修复
   1) 桌面端收起后禁止旧紫色顶部装饰条外凸
   2) 手机端标题导航与 AI 专属错题练习保持同类内缩位置，顶部留白
   3) 收起/展开只隐藏内容，不改变导航位置、尺寸、颜色
   4) “已选 N 项”胶囊加宽，禁止文字溢出
   ========================================================= */

/* 旧版 #workflowPanel 顶部紫色装饰条彻底禁用，避免收起后凸出 */
#workflowPanel::before,
#workflowPanel::after,
#workflowPanel.stage-complete::before,
#workflowPanel.stage-complete::after,
#workflowPanel.pro-collapsed::before,
#workflowPanel.pro-collapsed::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* 外层恢复正常内边距，让黄色导航不要贴住面板顶部 */
#workflowPanel,
#workflowPanel.pro-collapsed,
#workflowPanel.v847-collapsed,
#workflowPanel.collapsed,
#workflowPanel.is-collapsed{
  position:relative!important;
  box-sizing:border-box!important;
  padding:18px 20px!important;
  overflow:hidden!important;
}

/* 导航位置彻底锁定：展开、收起、aria 状态都完全一致 */
#workflowPanel > .workflow-nav-heading,
#workflowPanel.pro-collapsed > .workflow-nav-heading,
#workflowPanel.v847-collapsed > .workflow-nav-heading,
#workflowPanel.collapsed > .workflow-nav-heading,
#workflowPanel.is-collapsed > .workflow-nav-heading,
#workflowPanel:has(> .workflow-nav-heading .workflow-nav-toggle[aria-expanded="false"]) > .workflow-nav-heading{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  height:auto!important;
  margin:0 0 13px 0!important;
  padding:12px 13px 12px 15px!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  flex:none!important;
  overflow:hidden!important;
}

/* 收起时仅隐藏下方内容，标题保持原位；保留一致的底部留白 */
#workflowPanel.pro-collapsed > :not(.workflow-nav-heading),
#workflowPanel.v847-collapsed > :not(.workflow-nav-heading),
#workflowPanel.collapsed > :not(.workflow-nav-heading),
#workflowPanel.is-collapsed > :not(.workflow-nav-heading){
  display:none!important;
}
#workflowPanel.pro-collapsed > .workflow-nav-heading,
#workflowPanel.v847-collapsed > .workflow-nav-heading,
#workflowPanel.collapsed > .workflow-nav-heading,
#workflowPanel.is-collapsed > .workflow-nav-heading{
  margin-bottom:0!important;
}

/* 状态胶囊：保证“已选 3 项”等完整显示 */
#workflowPanel .workflow-nav-heading .workflow-count-chip,
#workflowPanel.pro-collapsed .workflow-nav-heading .workflow-count-chip{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:72px!important;
  max-width:none!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  box-sizing:border-box!important;
}

#workflowPanel .workflow-nav-heading .workflow-nav-toggle{
  flex:0 0 auto!important;
}

@media(max-width:760px){
  #workflowPanel,
  #workflowPanel.pro-collapsed,
  #workflowPanel.v847-collapsed,
  #workflowPanel.collapsed,
  #workflowPanel.is-collapsed{
    /* 与错题区同类视觉：保留明显的顶部与左右呼吸空间 */
    padding:12px 10px!important;
  }

  #workflowPanel > .workflow-nav-heading,
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel.v847-collapsed > .workflow-nav-heading,
  #workflowPanel.collapsed > .workflow-nav-heading,
  #workflowPanel.is-collapsed > .workflow-nav-heading,
  #workflowPanel:has(> .workflow-nav-heading .workflow-nav-toggle[aria-expanded="false"]) > .workflow-nav-heading{
    width:100%!important;
    min-height:58px!important;
    margin:0 0 12px 0!important;
    padding:10px 10px 10px 12px!important;
    transform:none!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }

  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel.v847-collapsed > .workflow-nav-heading,
  #workflowPanel.collapsed > .workflow-nav-heading,
  #workflowPanel.is-collapsed > .workflow-nav-heading{
    margin-bottom:0!important;
  }

  #workflowPanel .workflow-nav-actions{
    flex:0 0 auto!important;
    gap:6px!important;
    min-width:max-content!important;
  }
  #workflowPanel .workflow-title-wrap{
    min-width:0!important;
    padding-left:4px!important;
  }
  #workflowPanel .workflow-title-wrap small{
    max-width:100%!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-count-chip{
    min-width:66px!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{
    min-width:50px!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }
}

@media(max-width:390px){
  #workflowPanel,
  #workflowPanel.pro-collapsed,
  #workflowPanel.v847-collapsed,
  #workflowPanel.collapsed,
  #workflowPanel.is-collapsed{
    padding:11px 8px!important;
  }
  #workflowPanel > .workflow-nav-heading,
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel.v847-collapsed > .workflow-nav-heading,
  #workflowPanel.collapsed > .workflow-nav-heading,
  #workflowPanel.is-collapsed > .workflow-nav-heading{
    min-height:58px!important;
    margin:0 0 11px 0!important;
    padding:9px 7px 9px 10px!important;
    gap:4px!important;
  }
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel.v847-collapsed > .workflow-nav-heading,
  #workflowPanel.collapsed > .workflow-nav-heading,
  #workflowPanel.is-collapsed > .workflow-nav-heading{
    margin-bottom:0!important;
  }
  #workflowPanel .workflow-title-wrap strong{font-size:15px!important;}
  #workflowPanel .workflow-title-wrap small{
    font-size:7.8px!important;
    max-width:142px!important;
  }
  #workflowPanel .workflow-nav-actions{gap:4px!important;}
  #workflowPanel .workflow-nav-heading .workflow-count-chip{
    min-width:62px!important;
    padding:0 7px!important;
    font-size:7.5px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle{
    min-width:46px!important;
    padding:0 7px!important;
    font-size:7.5px!important;
  }
}


/* =========================================================
   V9.6.22｜04 教师工作流立体层次 + 状态按钮尺寸锁定
   - 不使用外凸伪元素，所有高光限制在面板内部
   - 已选 N 项 / 收起展开按钮固定尺寸，切换状态不缩放不位移
   ========================================================= */

/* 教师工作流面板增加内嵌紫金层次，不外凸、不影响布局 */
#workflowPanel,
#workflowPanel.pro-collapsed,
#workflowPanel.v847-collapsed,
#workflowPanel.collapsed,
#workflowPanel.is-collapsed{
  background:
    radial-gradient(120% 36px at 50% 0%, rgba(147,63,255,.17) 0%, rgba(147,63,255,0) 72%),
    linear-gradient(180deg, rgba(25,13,42,.98) 0%, rgba(10,6,18,.98) 48%, rgba(12,7,22,.98) 100%)!important;
  border-color:rgba(126,64,155,.78)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 10px 24px rgba(105,39,184,.08),
    inset 0 -12px 28px rgba(95,35,164,.07),
    0 12px 28px rgba(0,0,0,.34)!important;
}

/* 黄色导航本体增加内嵌高光与底部立体暗边；展开/收起完全一致 */
#workflowPanel > .workflow-nav-heading,
#workflowPanel.pro-collapsed > .workflow-nav-heading,
#workflowPanel.v847-collapsed > .workflow-nav-heading,
#workflowPanel.collapsed > .workflow-nav-heading,
#workflowPanel.is-collapsed > .workflow-nav-heading,
#workflowPanel:has(> .workflow-nav-heading .workflow-nav-toggle[aria-expanded="false"]) > .workflow-nav-heading{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.62),
    inset 0 -5px 0 rgba(180,112,0,.34),
    inset 0 -9px 18px rgba(255,166,0,.16),
    0 7px 16px rgba(255,174,0,.16),
    0 0 18px rgba(153,58,255,.10)!important;
}

/* 桌面端：两个右侧控件尺寸严格锁死 */
#workflowPanel .workflow-nav-heading .workflow-count-chip,
#workflowPanel.pro-collapsed .workflow-nav-heading .workflow-count-chip,
#workflowPanel.v847-collapsed .workflow-nav-heading .workflow-count-chip,
#workflowPanel.collapsed .workflow-nav-heading .workflow-count-chip,
#workflowPanel.is-collapsed .workflow-nav-heading .workflow-count-chip{
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 8px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  line-height:1!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
}
#workflowPanel .workflow-nav-heading .workflow-nav-toggle,
#workflowPanel.pro-collapsed .workflow-nav-heading .workflow-nav-toggle,
#workflowPanel.v847-collapsed .workflow-nav-heading .workflow-nav-toggle,
#workflowPanel.collapsed .workflow-nav-heading .workflow-nav-toggle,
#workflowPanel.is-collapsed .workflow-nav-heading .workflow-nav-toggle{
  flex:0 0 74px!important;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 8px!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
}
#workflowPanel .workflow-nav-heading .workflow-count-chip:hover,
#workflowPanel .workflow-nav-heading .workflow-count-chip:active,
#workflowPanel .workflow-nav-heading .workflow-count-chip:focus,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:hover,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:active,
#workflowPanel .workflow-nav-heading .workflow-nav-toggle:focus{
  width:inherit!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
}

@media(max-width:760px){
  #workflowPanel .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.pro-collapsed .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.v847-collapsed .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.collapsed .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.is-collapsed .workflow-nav-heading .workflow-count-chip{
    flex-basis:68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    padding:0 6px!important;
    font-size:8px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.pro-collapsed .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.v847-collapsed .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.collapsed .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.is-collapsed .workflow-nav-heading .workflow-nav-toggle{
    flex-basis:52px!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    padding:0 6px!important;
    font-size:8px!important;
  }
}

@media(max-width:390px){
  #workflowPanel .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.pro-collapsed .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.v847-collapsed .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.collapsed .workflow-nav-heading .workflow-count-chip,
  #workflowPanel.is-collapsed .workflow-nav-heading .workflow-count-chip{
    flex-basis:66px!important;
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    font-size:7.6px!important;
  }
  #workflowPanel .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.pro-collapsed .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.v847-collapsed .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.collapsed .workflow-nav-heading .workflow-nav-toggle,
  #workflowPanel.is-collapsed .workflow-nav-heading .workflow-nav-toggle{
    flex-basis:50px!important;
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    font-size:7.6px!important;
  }
}
\n\n/* =========================================================\n   V9.6.23｜顶部浮动导航“工作流”选中态修复\n   - 工作流与常规紫色 active 保持一致\n   - 电脑端点击后立即显示紫色色块\n   ========================================================= */\n.v77-sticky-nav > button[data-v77-target="#workflowPanel"].active{\n  color:#fff!important;\n  background:linear-gradient(180deg,#8c3ec2,#65249a)!important;\n  border-color:rgba(187,103,236,.34)!important;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.26),\n    0 4px 0 #3d145f,\n    0 8px 15px rgba(92,35,140,.25)!important;\n}\n@media(min-width:761px){\n  .v77-sticky-nav > button[data-v77-target="#workflowPanel"].active{\n    transform:none!important;\n  }\n}\n
/* =========================================================
   V9.6.24｜教师工作流渐变分隔条
   - 参考 AI 专属错题练习顶部渐变条
   - 条带限制在面板内部，不向外凸出
   - 展开 / 收起状态位置固定
   ========================================================= */
#workflowPanel::before,
#workflowPanel.pro-collapsed::before,
#workflowPanel.v847-collapsed::before,
#workflowPanel.collapsed::before,
#workflowPanel.is-collapsed::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:7px!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#b47835 0%,#d3a85d 45%,#8d4bc0 78%,transparent 100%)!important;
  box-shadow:0 0 9px rgba(179,86,201,.22)!important;
  pointer-events:none!important;
  z-index:3!important;
}
#workflowPanel::after,
#workflowPanel.pro-collapsed::after,
#workflowPanel.v847-collapsed::after,
#workflowPanel.collapsed::after,
#workflowPanel.is-collapsed::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:7px!important;
  top:auto!important;
  width:auto!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#b47835 0%,#d3a85d 45%,#8d4bc0 78%,transparent 100%)!important;
  box-shadow:0 0 9px rgba(179,86,201,.20)!important;
  pointer-events:none!important;
  z-index:3!important;
}
@media(max-width:760px){
  #workflowPanel::before,
  #workflowPanel.pro-collapsed::before,
  #workflowPanel.v847-collapsed::before,
  #workflowPanel.collapsed::before,
  #workflowPanel.is-collapsed::before{
    left:8px!important;
    right:8px!important;
    top:6px!important;
    height:3px!important;
  }
  #workflowPanel::after,
  #workflowPanel.pro-collapsed::after,
  #workflowPanel.v847-collapsed::after,
  #workflowPanel.collapsed::after,
  #workflowPanel.is-collapsed::after{
    left:8px!important;
    right:8px!important;
    bottom:6px!important;
    height:3px!important;
  }
}

/* =========================================================
   V9.6.25｜手机端 AI 专属错题练习副标题恢复显示
   - 强制显示“选章节 · 找易错点 · 专项练 · 查漏补缺”
   - 字体/颜色/阴影参考教师工作流副标题
   ========================================================= */
@media(max-width:760px){
  #wrongQuestionPanel .wrong-title-wrap{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  #wrongQuestionPanel .wrong-title-wrap small{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:3px 0 0!important;
    padding:0!important;
    color:#684900!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
    text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
  }
}
@media(max-width:390px){
  #wrongQuestionPanel .wrong-title-wrap small{
    font-size:8.2px!important;
    letter-spacing:-.02em!important;
  }
}

/* =========================================================
   V9.6.27｜顶部浮窗任务摘要无缝填充
   - 紫色课程摘要与导航容器左右、底部完全贴合
   - 去除摘要与外框之间的缝隙
   - 桌面 / 手机 / fixed 状态一致
   ========================================================= */
.v77-sticky-nav{
  overflow:hidden!important;
}
.v77-sticky-nav .v77-task-summary,
.v77-task-summary{
  max-width:none!important;
  box-sizing:border-box!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}
@media (min-width:761px){
  .v77-sticky-nav{
    padding:8px 10px 0!important;
    row-gap:5px!important;
  }
  .v77-task-summary{
    width:calc(100% + 20px)!important;
    margin:0 -10px!important;
    align-self:end!important;
    border-radius:0 0 14px 14px!important;
  }
}
@media (max-width:760px){
  .v77-sticky-nav{
    padding:5px 5px 0!important;
  }
  .v77-task-summary{
    width:calc(100% + 10px)!important;
    margin:0 -5px!important;
    align-self:end!important;
    border-radius:0 0 14px 14px!important;
  }
  .v77-sticky-nav.mobile-nav-fixed{
    overflow:hidden!important;
  }
}
@media (max-width:390px){
  .v77-sticky-nav{padding:4px 4px 0!important;}
  .v77-task-summary{
    width:calc(100% + 8px)!important;
    margin:0 -4px!important;
  }
}

/* =========================================================
   V9.6.28｜顶部浮窗课程摘要左右/底部无缝填充
   - 修复第二行网格高度大于摘要本身造成的底部黑缝
   - 摘要横向直接延伸到导航外框左右边缘
   - 底部与导航边框完全贴合
   ========================================================= */
.v77-sticky-nav{
  overflow:hidden!important;
}
@media (min-width:761px){
  .v77-sticky-nav{
    padding:8px 10px 0!important;
    grid-template-rows:46px 32px!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    width:calc(100% + 20px)!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    margin:0 -10px!important;
    padding:0 12px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0 0 14px 14px!important;
    background:linear-gradient(90deg,rgba(45,20,61,.985),rgba(21,11,31,.985))!important;
  }
}
@media (max-width:760px){
  .v77-sticky-nav{
    padding:5px 5px 0!important;
    grid-template-rows:40px 28px!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    width:calc(100% + 10px)!important;
    max-width:none!important;
    height:28px!important;
    min-height:28px!important;
    margin:0 -5px!important;
    padding:0 8px!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0 0 12px 12px!important;
    background:linear-gradient(90deg,rgba(45,20,61,.985),rgba(21,11,31,.985))!important;
  }
}
@media (max-width:390px){
  .v77-sticky-nav{
    padding:4px 4px 0!important;
    grid-template-rows:38px 27px!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    width:calc(100% + 8px)!important;
    height:27px!important;
    min-height:27px!important;
    margin:0 -4px!important;
    border-radius:0 0 11px 11px!important;
  }
}

/* =========================================================
   V9.6.29｜教师工作流只保留顶部渐变条（最终覆盖）
   - 彻底禁用 ::after 底部渐变条
   - 顶部 ::before 贴合面板上边框
   - 展开 / 收起状态保持一致
   ========================================================= */
#workflowPanel::after,
#workflowPanel.pro-collapsed::after,
#workflowPanel.v847-collapsed::after,
#workflowPanel.collapsed::after,
#workflowPanel.is-collapsed::after,
#workflowPanel.stage-complete::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
}
#workflowPanel::before,
#workflowPanel.pro-collapsed::before,
#workflowPanel.v847-collapsed::before,
#workflowPanel.collapsed::before,
#workflowPanel.is-collapsed::before,
#workflowPanel.stage-complete::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:auto!important;
  width:auto!important;
  height:3px!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(90deg,#b47835 0%,#d3a85d 45%,#8d4bc0 78%,transparent 100%)!important;
  box-shadow:0 0 9px rgba(179,86,201,.22)!important;
  pointer-events:none!important;
  z-index:5!important;
}
@media(max-width:760px){
  #workflowPanel::before,
  #workflowPanel.pro-collapsed::before,
  #workflowPanel.v847-collapsed::before,
  #workflowPanel.collapsed::before,
  #workflowPanel.is-collapsed::before,
  #workflowPanel.stage-complete::before{
    left:0!important;
    right:0!important;
    top:0!important;
    height:3px!important;
    border-radius:18px 18px 0 0!important;
  }
}

/* =========================================================
   V9.6.30｜顶部浮窗摘要底部最后黑缝修复
   原因：旧版 min-height 比实际 grid 行高 + gap + padding 多 1~2px，
   即使摘要本身铺满，导航容器底部仍会露出黑色背景。
   ========================================================= */
@media (min-width:761px){
  .v77-sticky-nav{
    min-height:0!important;
    height:auto!important;
    padding-bottom:0!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    margin-bottom:0!important;
    transform:translateY(1px)!important;
  }
}
@media (max-width:760px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    min-height:0!important;
    height:auto!important;
    padding-bottom:0!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    margin-bottom:0!important;
    transform:translateY(1px)!important;
  }
}
@media (max-width:390px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    min-height:0!important;
  }
}


/* =========================================================
   V9.6.32｜Prompt智能工作台按钮精简 + 实体立体化
   - 移除上方重复的“复制提示词”快捷按钮
   - 仅保留“检测 Prompt / 一键优化”
   - 去透明玻璃感，改为饱和实体渐变 + 高光 + 底部厚度
   ========================================================= */
#v955QuickPromptActions .v955-quick-buttons{
  gap:12px!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-action{
  min-height:44px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  text-shadow:0 1px 1px rgba(0,0,0,.34)!important;
  transform:translateY(0)!important;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-action::before{
  width:9px!important;
  height:9px!important;
  margin-right:9px!important;
  box-shadow:0 0 8px currentColor,0 1px 1px rgba(0,0,0,.25)!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-red{
  color:#fff4f5!important;
  border:1px solid #ff7883!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#f65364 0%,#dc3147 56%,#b91e35 100%)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.34),
    inset 0 -2px 2px rgba(95,0,18,.28),
    0 4px 0 #7d1024,
    0 8px 16px rgba(191,28,53,.28)!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-red::before{
  background:#ffd6da!important;
  color:#ffd6da!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-green{
  color:#effff5!important;
  border:1px solid #63eda0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#27d678 0%,#12ad5c 56%,#078845 100%)!important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.30),
    inset 0 -2px 2px rgba(0,72,35,.30),
    0 4px 0 #056434,
    0 8px 16px rgba(11,167,83,.26)!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-green::before{
  background:#c9ffe0!important;
  color:#c9ffe0!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-action:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
}
#v955QuickPromptActions .v955-quick-buttons .v960-action:active{
  transform:translateY(3px)!important;
  filter:brightness(.98)!important;
  box-shadow:
    inset 0 2px 3px rgba(0,0,0,.18),
    0 1px 0 rgba(0,0,0,.45),
    0 4px 9px rgba(0,0,0,.22)!important;
}
@media(max-width:640px){
  #v955QuickPromptActions .v955-quick-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #v955QuickPromptActions .v955-quick-buttons .v960-action{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  #v955QuickPromptActions .v955-quick-buttons .v960-action::before{
    width:7px!important;height:7px!important;margin-right:6px!important;
  }
}

/* =========================================================
   V9.6.33｜Prompt 一键优化反馈加成
   - 综合评分继续显示真实检测值
   - 优化后额外显示独立“优化加成 +2”标签，不污染评分算法
   ========================================================= */
.v9633-overall{position:relative!important;overflow:visible!important}
.v9633-opt-bonus{
  min-height:15px;
  margin-top:1px;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid rgba(255,217,92,.48);
  background:linear-gradient(180deg,#5b420c,#2c1d05);
  color:#ffe477;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
  opacity:0;
  transform:translateY(3px) scale(.96);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 9px rgba(226,164,30,.18);
  pointer-events:none;
}
.v9633-opt-bonus:empty{display:none!important}
.v9633-opt-bonus.show{
  display:inline-flex!important;
  align-items:center;
  opacity:1;
  transform:translateY(0) scale(1);
  animation:v9633BonusPop .42s ease-out both;
}
@keyframes v9633BonusPop{
  0%{opacity:0;transform:translateY(6px) scale(.90)}
  60%{opacity:1;transform:translateY(-1px) scale(1.05)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:640px){
  .v9633-opt-bonus{font-size:8.2px;padding:2px 5px}
}

/* =========================================================
   V9.6.37｜AI 专属错题练习布局第一阶段优化
   - 数量 / 难度并列，题型全宽，缩短纵向长度
   - AI智能搭配与题型选项始终可见
   - 手机端保持单列，提升层级与按钮立体感
   ========================================================= */
#wrongQuestionPanel{
  --wq-card:rgba(19,10,27,.72);
  --wq-line:rgba(186,105,216,.20);
  --wq-gold:#f0c66f;
}
#wrongQuestionPanel .wrong-mode-tabs{
  margin:10px 0 8px!important;
  padding:3px!important;
  gap:3px!important;
  border:1px solid rgba(181,108,209,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(9,5,14,.88),rgba(20,10,27,.70))!important;
}
#wrongQuestionPanel .wrong-mode-tabs button{
  border:0!important;
  min-height:38px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#wrongQuestionPanel .wrong-mode-tabs button.active{
  background:linear-gradient(180deg,#7d35aa 0%,#5a247f 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #37144f,0 6px 12px rgba(65,25,90,.22)!important;
  color:#fff7df!important;
}
#wrongQuestionPanel .wrong-current-course{
  min-height:38px!important;
  padding:6px 10px!important;
  border-color:rgba(194,142,74,.18)!important;
  background:linear-gradient(90deg,rgba(51,31,18,.32),rgba(22,11,29,.62))!important;
}
#wrongQuestionPanel .wrong-current-course span{
  color:#c9a763!important;
  font-weight:800!important;
}
#wrongQuestionPanel .wrong-settings-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
  gap:8px!important;
  margin-top:8px!important;
}
#wrongQuestionPanel .wrong-setting-block{
  margin-top:0!important;
  padding:10px 11px!important;
  min-width:0!important;
  border:1px solid var(--wq-line)!important;
  background:linear-gradient(145deg,rgba(17,9,24,.82),rgba(27,12,37,.64))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#wrongQuestionPanel .wrong-setting-type{
  grid-column:1 / -1!important;
  grid-row:2!important;
}
#wrongQuestionPanel .wrong-setting-count{grid-column:1!important;grid-row:1!important}
#wrongQuestionPanel .wrong-setting-difficulty{grid-column:2!important;grid-row:1!important}
#wrongQuestionPanel .wrong-setting-title{
  margin-bottom:7px!important;
}
#wrongQuestionPanel .wrong-setting-title b{
  color:#efe5f2!important;
  font-size:11px!important;
}
#wrongQuestionPanel .wrong-setting-title small{
  color:#9b8ca2!important;
  font-size:8px!important;
}
#wrongQuestionPanel .wrong-count-row-limited{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#wrongQuestionPanel .wrong-difficulty-row{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#wrongQuestionPanel .wrong-choice-row button,
#wrongQuestionPanel .wrong-type-grid button,
#wrongQuestionPanel .wrong-smart-row button{
  min-height:36px!important;
  border:1px solid rgba(155,91,187,.28)!important;
  background:linear-gradient(180deg,#21122c 0%,#140b1d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 0 rgba(5,3,8,.85)!important;
  color:#bfb1c5!important;
}
#wrongQuestionPanel .wrong-choice-row button.active,
#wrongQuestionPanel .wrong-type-grid button.active,
#wrongQuestionPanel .wrong-smart-row button.active{
  border-color:rgba(217,153,255,.50)!important;
  background:linear-gradient(180deg,#8b40b9 0%,#62288b 100%)!important;
  color:#fff7e6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #3f175c,0 6px 12px rgba(83,31,114,.22)!important;
}
#wrongQuestionPanel .wrong-smart-row{
  display:grid!important;
  grid-template-columns:136px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 8px!important;
}
#wrongQuestionPanel .wrong-smart-row button{
  width:136px!important;
  min-width:136px!important;
}
#wrongQuestionPanel .wrong-smart-row span{
  font-size:9px!important;
  color:#9d8da4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#wrongQuestionPanel .wrong-type-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  min-height:36px!important;
}
#wrongQuestionPanel .wrong-engine-flow{
  margin:8px 0!important;
  padding:7px 9px!important;
  gap:6px!important;
  border-style:solid!important;
  border-color:rgba(172,102,198,.14)!important;
  background:linear-gradient(90deg,rgba(44,22,55,.28),rgba(18,9,25,.44))!important;
}
#wrongQuestionPanel .wrong-generate-btn{
  min-height:54px!important;
  border-color:rgba(255,213,119,.50)!important;
  background:linear-gradient(180deg,#9a4fc0 0%,#74339a 58%,#633070 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 4px 0 #431c59,0 9px 18px rgba(62,23,80,.30)!important;
}
#wrongQuestionPanel .wrong-generate-btn:active{
  transform:translateY(2px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 0 #431c59,0 5px 11px rgba(62,23,80,.24)!important;
}

@media(max-width:760px){
  #wrongQuestionPanel{padding:12px 10px!important}
  #wrongQuestionPanel .wrong-settings-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  #wrongQuestionPanel .wrong-setting-count,
  #wrongQuestionPanel .wrong-setting-difficulty,
  #wrongQuestionPanel .wrong-setting-type{
    grid-column:1!important;
    grid-row:auto!important;
  }
  #wrongQuestionPanel .wrong-setting-count{order:1}
  #wrongQuestionPanel .wrong-setting-difficulty{order:2}
  #wrongQuestionPanel .wrong-setting-type{order:3}
  #wrongQuestionPanel .wrong-difficulty-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #wrongQuestionPanel .wrong-smart-row{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  #wrongQuestionPanel .wrong-smart-row button{
    width:100%!important;
    min-width:0!important;
  }
  #wrongQuestionPanel .wrong-smart-row span{
    white-space:normal!important;
    line-height:1.35!important;
  }
  #wrongQuestionPanel .wrong-type-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  #wrongQuestionPanel .wrong-engine-flow{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
  }
  #wrongQuestionPanel .wrong-engine-flow::-webkit-scrollbar{display:none!important}
  #wrongQuestionPanel .wrong-engine-flow span,
  #wrongQuestionPanel .wrong-engine-flow i{white-space:nowrap!important}
}


/* =========================================================
   V9.6.52｜AI专属错题生成按钮点击前后版式锁定
   修复部分手机点击生成后按钮内部 span/small 被外部状态样式挤成单行。
   ========================================================= */
#wrongQuestionPanel #generateWrongQuestionBtn{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:9px 12px!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-align:center!important;
}
#wrongQuestionPanel #generateWrongQuestionBtn::before{
  position:absolute!important;
  top:5px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  line-height:1!important;
  pointer-events:none!important;
}
#wrongQuestionPanel #generateWrongQuestionBtn > span,
#wrongQuestionPanel #generateWrongQuestionBtn > small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  position:relative!important;
  z-index:1!important;
}
#wrongQuestionPanel #generateWrongQuestionBtn > span{
  grid-row:1!important;
  margin-top:6px!important;
  line-height:1.28!important;
}
#wrongQuestionPanel #generateWrongQuestionBtn > small{
  grid-row:2!important;
  margin-top:0!important;
  line-height:1.25!important;
}
#wrongQuestionPanel #generateWrongQuestionBtn:active > span,
#wrongQuestionPanel #generateWrongQuestionBtn:active > small,
#wrongQuestionPanel #generateWrongQuestionBtn:focus > span,
#wrongQuestionPanel #generateWrongQuestionBtn:focus > small{
  display:block!important;
  width:100%!important;
}

@media(max-width:760px){
  #wrongQuestionPanel #generateWrongQuestionBtn{
    min-height:58px!important;
    padding:9px 8px!important;
  }
  #wrongQuestionPanel #generateWrongQuestionBtn > span{
    font-size:12px!important;
    line-height:1.25!important;
  }
  #wrongQuestionPanel #generateWrongQuestionBtn > small{
    font-size:8px!important;
    line-height:1.2!important;
  }
}


/* =========================================================
   V9.6.53｜顶部浮窗玻璃立体可读性升级
   目标：
   1) 手机端 6 个导航文字明显放大；
   2) 统一深紫玻璃悬浮容器 + 立体按钮；
   3) 激活状态醒目但不改变按钮尺寸；
   4) 课程摘要同步提亮，避免手机端发灰看不清。
   ========================================================= */

/* 浮窗整体：深紫玻璃 + 高光边框 + 悬浮阴影 */
.v77-sticky-nav,
.v77-sticky-nav.mobile-nav-fixed{
  position:sticky!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  border:1px solid rgba(202,166,255,.34)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085) 0%,rgba(255,255,255,.018) 28%,rgba(255,255,255,0) 48%),
    linear-gradient(135deg,rgba(48,24,73,.91) 0%,rgba(19,12,36,.92) 50%,rgba(34,18,58,.90) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:
    0 12px 32px rgba(6,2,18,.46),
    0 4px 10px rgba(112,50,171,.20),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(95,50,128,.28)!important;
}

/* 顶部玻璃高光 */
.v77-sticky-nav::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:3px!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),rgba(207,167,255,.56),transparent)!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* 六个入口统一为稳定等宽玻璃按钮 */
.v77-sticky-nav > button{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  color:#eee7f7!important;
  border:1px solid rgba(210,183,239,.14)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
    rgba(67,36,91,.24)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(31,14,48,.38),
    0 3px 7px rgba(7,3,14,.18)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.58)!important;
  transition:filter .15s ease,box-shadow .15s ease,background .15s ease!important;
}

/* 按钮自身上沿高光 */
.v77-sticky-nav > button::after{
  content:""!important;
  position:absolute!important;
  left:12%!important;
  right:12%!important;
  top:2px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)!important;
  pointer-events:none!important;
}

/* 常规入口激活：亮紫蓝立体玻璃 */
.v77-sticky-nav > button.active:not([data-v77-target="#wrongQuestionPanel"]){
  color:#fff!important;
  border-color:rgba(218,180,255,.66)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.06) 32%,rgba(255,255,255,0) 44%),
    linear-gradient(180deg,#9c59df 0%,#7434b7 56%,#54257f 100%)!important;
  box-shadow:
    0 4px 0 rgba(51,20,79,.92),
    0 8px 18px rgba(119,52,181,.34),
    0 0 0 1px rgba(177,106,238,.13),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -2px 2px rgba(39,15,61,.34)!important;
  text-shadow:0 1px 2px rgba(32,8,48,.72)!important;
}

/* 错题入口：保留高辨识度，但改为更精致的琥珀玻璃 */
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]{
  color:#f8e8bb!important;
  border-color:rgba(255,218,111,.24)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.018)),
    rgba(96,61,16,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,244,196,.12),
    0 3px 8px rgba(55,31,4,.16)!important;
}
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"].active{
  color:#3d2800!important;
  border-color:rgba(255,239,145,.92)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.12) 23%,rgba(255,255,255,0) 38%),
    linear-gradient(180deg,#ffe778 0%,#ffc62b 56%,#ee9e08 100%)!important;
  box-shadow:
    0 4px 0 #9f6200,
    0 9px 20px rgba(218,143,10,.38),
    0 0 0 1px rgba(255,222,75,.22),
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -2px 1px rgba(152,85,0,.16)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.50)!important;
  transform:none!important;
}

/* 课程摘要：与浮窗连成一个玻璃信息条，增强可读性 */
.v77-sticky-nav > .v77-task-summary,
.v77-task-summary{
  color:#f2eaf7!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
  border-top:1px solid rgba(213,176,244,.13)!important;
  background:
    linear-gradient(180deg,rgba(106,56,137,.34),rgba(32,17,48,.94))!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 6px 16px rgba(8,3,15,.22)!important;
}

/* 桌面端：文字同步增强，不再发灰 */
@media(min-width:761px){
  .v77-sticky-nav{
    padding:8px 9px 0!important;
    gap:7px!important;
    border-radius:16px!important;
  }
  .v77-sticky-nav > button{
    min-height:44px!important;
    height:44px!important;
    padding:0 13px!important;
    border-radius:11px!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .v77-sticky-nav > button span{
    font-size:15px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    min-height:34px!important;
    height:34px!important;
    line-height:34px!important;
    font-size:13px!important;
    padding:0 14px!important;
    border-radius:0 0 14px 14px!important;
  }
}

/* 手机端：6 等宽 + 字体明显放大，优先阅读 */
@media(max-width:760px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:48px 36px!important;
    column-gap:4px!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
    padding:6px 5px 0!important;
    margin-bottom:45px!important;
    border-radius:15px 15px 13px 13px!important;
    overflow:visible!important;
  }

  .v77-sticky-nav > button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 1px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  .v77-sticky-nav > button span{
    display:block!important;
    width:100%!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    position:static!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:calc(100% + 10px)!important;
    max-width:none!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    margin:0 -5px!important;
    padding:0 12px!important;
    line-height:36px!important;
    border-radius:0 0 13px 13px!important;
    font-size:13px!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
  }
}

/* 360—390 超窄屏仍保持 12px，不再掉回 8~10px */
@media(max-width:390px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    grid-template-rows:46px 35px!important;
    padding-left:4px!important;
    padding-right:4px!important;
    column-gap:2px!important;
  }
  .v77-sticky-nav > button{
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:12px!important;
  }
  .v77-sticky-nav > button span{
    font-size:12px!important;
  }
  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    width:calc(100% + 8px)!important;
    margin:0 -4px!important;
    height:35px!important;
    min-height:35px!important;
    line-height:35px!important;
    padding:0 9px!important;
    font-size:12px!important;
  }
}


/* =========================================================
   V9.6.55｜顶部导航“错题”常亮黄色
   错题是独立专区入口：默认/使用/激活均保持亮黄色立体玻璃，
   不再只有滚动到错题区域或点击后才变黄。
   ========================================================= */
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"],
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]:hover,
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]:focus,
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]:active,
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"].active{
  color:#3b2700!important;
  border:1px solid rgba(255,239,143,.96)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.18) 22%,rgba(255,255,255,0) 39%),
    linear-gradient(180deg,#ffed79 0%,#ffd332 52%,#f5ad0b 100%)!important;
  box-shadow:
    0 4px 0 #9f6500,
    0 8px 18px rgba(221,148,8,.34),
    0 0 0 1px rgba(255,223,74,.18),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -2px 1px rgba(150,86,0,.17)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.58)!important;
  filter:none!important;
  transform:none!important;
}
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
}


/* =========================================================
   V9.6.56｜AI专属错题练习顶部导航与教师工作流完全同款
   电脑版 + 手机版：尺寸、黄卡、标题、副标题、右侧胶囊统一。
   ========================================================= */

/* 1｜整个黄色导航卡：严格复用教师工作流导航参数 */
#wrongQuestionPanel > .wrong-question-heading{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:translateY(-2px)!important;
  translate:none!important;
  scale:1!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;

  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:62px!important;
  max-height:none!important;

  margin:-2px -2px 13px!important;
  padding:12px 13px 12px 15px!important;
  box-sizing:border-box!important;

  border:1px solid rgba(255,222,72,.72)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,247,145,.34),transparent 32%),
    linear-gradient(135deg,#ffd92f 0%,#ffca19 38%,#f5a90b 100%)!important;
  box-shadow:
    0 4px 0 #b97705,
    0 9px 18px rgba(199,128,0,.28),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -2px 0 rgba(180,105,0,.18)!important;
  overflow:hidden!important;
  opacity:1!important;
  filter:none!important;
}

/* 2｜顶部高光：与教师工作流完全一致 */
#wrongQuestionPanel > .wrong-question-heading::after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:5px!important;
  height:38%!important;
  border-radius:9px 9px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

/* 3｜左侧亮黄立体强调条：与教师工作流一致 */
#wrongQuestionPanel > .wrong-question-heading::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:9px!important;
  bottom:9px!important;
  width:5px!important;
  border-radius:0 5px 5px 0!important;
  background:linear-gradient(180deg,#fff8a9,#fff035 50%,#e99100)!important;
  box-shadow:2px 0 8px rgba(255,244,71,.46)!important;
  pointer-events:none!important;
}

/* 4｜标题容器：完全对齐教师工作流 */
#wrongQuestionPanel .wrong-title-wrap{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  padding-left:5px!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
}

/* 主标题 */
#wrongQuestionPanel .wrong-title-wrap strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#3a2700!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.55),
    0 2px 2px rgba(117,70,0,.14)!important;
}

/* 副标题 */
#wrongQuestionPanel .wrong-title-wrap small{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:3px 0 0!important;
  padding:0!important;
  color:#684900!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transform:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
}

/* 5｜“家长专区”：套用教师工作流右侧深色凸起胶囊 */
#wrongQuestionPanel .wrong-family-chip{
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(72,44,0,.48)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#513400,#302000)!important;
  color:#ffe56a!important;
  box-shadow:
    0 3px 0 rgba(35,20,0,.72),
    0 6px 10px rgba(92,54,0,.20),
    inset 0 1px 0 rgba(255,239,140,.18)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:0 1px 1px #000!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}

/* 6｜手机版：尺寸与教师工作流移动端完全同款 */
@media(max-width:760px){
  #wrongQuestionPanel > .wrong-question-heading{
    width:auto!important;
    height:auto!important;
    min-height:58px!important;
    max-height:none!important;
    margin:-2px -2px 11px!important;
    padding:10px 9px 10px 12px!important;
    gap:7px!important;
    transform:translateY(-2px)!important;
  }

  #wrongQuestionPanel .wrong-title-wrap{
    padding-left:4px!important;
    gap:2px!important;
  }

  #wrongQuestionPanel .wrong-title-wrap strong{
    font-size:16px!important;
    line-height:1.12!important;
  }

  #wrongQuestionPanel .wrong-title-wrap small{
    margin-top:3px!important;
    font-size:9px!important;
    line-height:1.25!important;
    max-width:none!important;
  }

  #wrongQuestionPanel .wrong-family-chip{
    height:29px!important;
    min-height:29px!important;
    max-height:29px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }
}

/* 超窄手机：继续跟随教师工作流参数 */
@media(max-width:390px){
  #wrongQuestionPanel > .wrong-question-heading{
    min-height:58px!important;
    margin:-2px -2px 11px!important;
    padding:10px 7px 10px 12px!important;
    gap:5px!important;
  }

  #wrongQuestionPanel .wrong-title-wrap strong{
    font-size:15px!important;
  }

  #wrongQuestionPanel .wrong-title-wrap small{
    font-size:8px!important;
    max-width:150px!important;
  }

  #wrongQuestionPanel .wrong-family-chip{
    padding:0 6px!important;
    font-size:7.5px!important;
  }
}


/* =========================================================
   V9.6.57｜顶部浮窗按钮与课程摘要安全间距
   目标：
   - 紫色 active 按钮与常亮黄色“错题”按钮的底部厚度不再压到摘要横线；
   - 保留立体效果，不削平；
   - 将课程摘要整体下移，形成明确安全区；
   - 手机/桌面统一。
   ========================================================= */

/* 第一行按钮底部预留安全区，避免 3D 阴影跨过分界线 */
.v77-sticky-nav{
  overflow:visible!important;
}

/* 桌面端：按钮区与摘要之间增加 7px 安全距离 */
@media(min-width:761px){
  .v77-sticky-nav{
    row-gap:8px!important;
    padding-bottom:0!important;
  }

  .v77-sticky-nav > button{
    margin-bottom:4px!important;
  }

  .v77-sticky-nav > button.active:not([data-v77-target="#wrongQuestionPanel"]),
  .v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]{
    transform:none!important;
  }

  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    position:relative!important;
    top:2px!important;
    margin-top:2px!important;
    transform:none!important;
  }
}

/* 手机端：增加独立空白带，摘要整体下移 */
@media(max-width:760px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    grid-template-rows:48px 8px 36px!important;
    row-gap:0!important;
    padding-bottom:0!important;
  }

  .v77-sticky-nav > button{
    grid-row:1!important;
    align-self:start!important;
    margin-bottom:0!important;
  }

  .v77-sticky-nav > .v77-task-summary,
  .v77-task-summary{
    grid-column:1 / -1!important;
    grid-row:3!important;
    position:static!important;
    top:auto!important;
    margin-top:0!important;
    transform:none!important;
  }
}

/* 超窄屏同样保留 7px 安全区 */
@media(max-width:390px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    grid-template-rows:46px 7px 35px!important;
  }
}

/* 最终保险：
   active 紫色按钮和黄色错题按钮保留厚度，但阴影向下最大控制在安全区内 */
.v77-sticky-nav > button.active:not([data-v77-target="#wrongQuestionPanel"]){
  box-shadow:
    0 3px 0 rgba(51,20,79,.92),
    0 6px 12px rgba(119,52,181,.28),
    0 0 0 1px rgba(177,106,238,.13),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -2px 2px rgba(39,15,61,.34)!important;
}

.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"],
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]:hover,
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]:focus,
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"]:active,
.v77-sticky-nav > button[data-v77-target="#wrongQuestionPanel"].active{
  box-shadow:
    0 3px 0 #9f6500,
    0 6px 13px rgba(221,148,8,.30),
    0 0 0 1px rgba(255,223,74,.18),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -2px 1px rgba(150,86,0,.17)!important;
}


/* =========================================================
   V9.6.58｜顶部品牌区文案与“我的记录”固定按钮优化
   1. 去掉“永久免费”
   2. 副标题改为：全自动生成最全小学初中知识手绘卡提示词
   3. “我的记录”固定右上角，小尺寸、桌面/手机独立适配
   ========================================================= */

/* 品牌标题不再为“永久免费”预留空间 */
.hero .brand-copy .hero-title{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
.hero .brand-copy .free-tag{
  display:none!important;
}

/* 副标题：保持清晰，一行优先 */
.hero .brand-copy p{
  margin-top:8px!important;
  color:#b9adbf!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* “我的记录”改为页面右上角固定按钮，不再占 hero 布局宽度 */
#recordBtn.record-btn{
  position:fixed!important;
  top:18px!important;
  right:22px!important;
  z-index:1200!important;
  width:auto!important;
  min-width:118px!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 16px!important;
  margin:0!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  border-radius:14px!important;
  border:1px solid rgba(179,86,225,.72)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 35%),
    linear-gradient(145deg,rgba(27,14,48,.96),rgba(17,9,31,.96))!important;
  box-shadow:
    0 7px 18px rgba(7,2,17,.34),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(115,49,166,.10)!important;
  color:#f4e9ff!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
  transform:none!important;
}

#recordBtn.record-btn svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  flex:0 0 17px!important;
  fill:#ffd84c!important;
  filter:drop-shadow(0 1px 3px rgba(255,191,27,.28))!important;
}

#recordBtn.record-btn span{
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

/* 由于记录按钮已脱离布局，hero 右侧不再预留按钮列 */
.hero{
  position:relative!important;
}
.hero .brand{
  max-width:calc(100% - 10px)!important;
}

/* 桌面端品牌区域更舒展 */
@media(min-width:761px){
  .hero .brand-copy p{
    font-size:16px!important;
    line-height:1.35!important;
  }
}

/* 手机端：按钮继续固定右上角，但进一步缩小，避免遮挡标题 */
@media(max-width:760px){
  #recordBtn.record-btn{
    top:8px!important;
    right:8px!important;
    min-width:88px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    gap:5px!important;
    border-radius:11px!important;
  }

  #recordBtn.record-btn svg{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    flex-basis:14px!important;
  }

  #recordBtn.record-btn span{
    font-size:10.5px!important;
  }

  /* hero 不再为原来的右侧按钮留第三列 */
  .hero{
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    padding-top:45px!important;
    min-height:0!important;
  }

  .hero .brand{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
  }

  .hero .ai-logo{
    grid-column:1!important;
    grid-row:1!important;
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!important;
  }

  .hero .brand-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
  }

  .hero .brand-copy .hero-title{
    font-size:clamp(20px,6vw,26px)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
  }

  .hero .brand-copy p{
    margin-top:5px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    max-width:100%!important;
  }
}

@media(max-width:390px){
  #recordBtn.record-btn{
    top:7px!important;
    right:7px!important;
    min-width:82px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0 8px!important;
  }
  #recordBtn.record-btn span{
    font-size:10px!important;
  }
  .hero{
    padding-top:42px!important;
  }
  .hero .brand-copy .hero-title{
    font-size:19px!important;
  }
  .hero .brand-copy p{
    font-size:9.5px!important;
  }
}


/* =========================================================
   V9.6.59｜顶部留白压缩 + 背景彩色小圆点移除
   1. 压缩顶部导航→流程→当前课程之间的无效留白
   2. 移除全页面背景零散白/紫色小圆点
   3. 保留深紫渐变、星球、光晕与空间层次
   ========================================================= */

/* 全局去掉背景粒子/小圆点 */
.space::before,
.space:before{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}

/* 如果历史层通过伪元素制造零散点，也统一关闭 */
.space::after,
.space:after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* 桌面端顶部流程区域收紧 */
@media(min-width:761px){
  .v77-sticky-nav{
    margin-bottom:8px!important;
  }

  .pro-progress{
    margin-top:0!important;
    margin-bottom:7px!important;
  }

  .course-summary-pro{
    margin-top:0!important;
  }
}

/* 手机端：重点压缩截图红框的两段空白 */
@media(max-width:760px){
  /* 顶部导航本身已经含课程摘要第二行，
     不再额外留 40px+ 外边距 */
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    margin-bottom:8px!important;
  }

  /* 四步流程改成紧凑高度，圆点+文字完整保留 */
  .pro-progress{
    min-height:58px!important;
    height:58px!important;
    margin:0 0 5px!important;
    padding:3px 4px 1px!important;
    align-items:start!important;
  }

  .pro-step{
    height:54px!important;
    min-height:54px!important;
    gap:3px!important;
    justify-content:flex-start!important;
  }

  .pro-step i{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    line-height:30px!important;
  }

  .pro-step span{
    margin-top:0!important;
    line-height:1.1!important;
  }

  /* 当前课程摘要紧接流程，不再出现第二段大空白 */
  .course-summary-pro{
    margin-top:0!important;
    margin-bottom:9px!important;
  }
}

/* 超窄手机继续保持紧凑，不牺牲可读性 */
@media(max-width:390px){
  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    margin-bottom:7px!important;
  }

  .pro-progress{
    min-height:56px!important;
    height:56px!important;
    margin-bottom:4px!important;
  }

  .pro-step{
    height:52px!important;
    min-height:52px!important;
  }

  .pro-step i{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    line-height:29px!important;
  }
}


/* =========================================================
   V9.6.60｜页面背景极简深紫重设计
   去除星球、星环、粒子与复杂天体元素；
   改为低干扰的深色渐变 + 柔和紫色环境光，
   让页面更整洁、专业，并突出功能面板。
   ========================================================= */

/* 极简主背景：纯净深紫黑，不再使用宇宙星球构图 */
.space{
  background:
    radial-gradient(ellipse at 50% -8%,rgba(119,52,186,.20) 0%,rgba(77,31,125,.08) 30%,transparent 58%),
    radial-gradient(ellipse at 105% 42%,rgba(96,39,168,.12) 0%,transparent 42%),
    radial-gradient(ellipse at -8% 72%,rgba(81,31,135,.10) 0%,transparent 40%),
    linear-gradient(180deg,#080411 0%,#07030e 44%,#05030b 100%)!important;
}

/* 星点/粒子彻底关闭 */
.space::before,
.space:before,
.space::after,
.space:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* 去掉原星球与星环 */
.space .planet,
.planet{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.space .planet-ring,
.planet-ring{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* 原大面积星云改成很淡的环境光，不形成明显图案 */
.nebula{
  display:block!important;
  border-radius:50%!important;
  filter:blur(80px)!important;
  opacity:.42!important;
}
.nebula-a{
  width:300px!important;
  height:260px!important;
  left:-170px!important;
  top:420px!important;
  background:rgba(103,42,168,.16)!important;
}
.nebula-b{
  width:340px!important;
  height:300px!important;
  right:-210px!important;
  top:980px!important;
  background:rgba(83,36,150,.13)!important;
}

/* 页面主体背景同步统一，避免边缘出现不同底色 */
html,
body{
  background:#06030d!important;
}

/* 手机端进一步降低环境光存在感，页面更干净 */
@media(max-width:760px){
  .space{
    background:
      radial-gradient(ellipse at 50% -5%,rgba(119,52,186,.16) 0%,rgba(71,28,118,.06) 30%,transparent 55%),
      linear-gradient(180deg,#080411 0%,#06030d 48%,#05020a 100%)!important;
  }
  .nebula{
    opacity:.26!important;
    filter:blur(90px)!important;
  }
}


/* =========================================================
   V9.6.62｜教师工作流底部双按钮立体胶囊重设计
   参考“检测 Prompt / 一键优化”的高光立体按钮语言：
   左：绿色“生成教师工作流”
   右：紫色“复制全部”
   ========================================================= */

#workflowPanel .workflow-actions{
  gap:10px!important;
  align-items:center!important;
}

/* 两个按钮统一为高光立体胶囊 */
#workflowPanel #generateWorkflowBtn,
#workflowPanel #copyWorkflowBtn{
  position:relative!important;
  overflow:hidden!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 20px!important;
  border-radius:18px!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 1px 2px rgba(0,0,0,.28)!important;
  transform:none!important;
  transition:filter .15s ease,box-shadow .15s ease!important;
}

/* 顶部玻璃高光 */
#workflowPanel #generateWorkflowBtn::before,
#workflowPanel #copyWorkflowBtn::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:4px!important;
  height:42%!important;
  border-radius:14px 14px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}

/* 左侧：绿色 */
#workflowPanel #generateWorkflowBtn{
  color:#fff!important;
  border:1px solid rgba(111,255,187,.82)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#28d985 0%,#0fbd69 54%,#079552 100%)!important;
  box-shadow:
    0 5px 0 #056d3d,
    0 9px 17px rgba(8,176,96,.27),
    inset 0 1px 0 rgba(255,255,255,.60),
    inset 0 -2px 1px rgba(0,83,43,.24)!important;
}

/* 右侧：紫色 */
#workflowPanel #copyWorkflowBtn{
  color:#fff!important;
  border:1px solid rgba(217,151,255,.78)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#b44fe5 0%,#9232c9 54%,#6d219e 100%)!important;
  box-shadow:
    0 5px 0 #4b146f,
    0 9px 17px rgba(145,48,199,.27),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -2px 1px rgba(66,12,96,.24)!important;
}

#workflowPanel #generateWorkflowBtn:hover,
#workflowPanel #copyWorkflowBtn:hover{
  filter:brightness(1.06)!important;
}
#workflowPanel #generateWorkflowBtn:active,
#workflowPanel #copyWorkflowBtn:active{
  transform:translateY(2px)!important;
}

/* 手机端继续双列，避免变成又高又大的按钮 */
@media(max-width:760px){
  #workflowPanel .workflow-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  #workflowPanel #generateWorkflowBtn,
  #workflowPanel #copyWorkflowBtn{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 8px!important;
    border-radius:16px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V9.6.63｜页面背景渐变立体感恢复（无星球版）
   目标：恢复之前更有空间层次的紫色渐变背景，
   但继续移除星球、星环、星点等宇宙图标。
   ========================================================= */

/* 主背景：多层紫黑渐变 + 柔和光带，避免纯色发闷 */
.space{
  background:
    radial-gradient(ellipse at 18% 10%,rgba(121,50,205,.28) 0%,rgba(84,31,149,.12) 24%,transparent 48%),
    radial-gradient(ellipse at 88% 18%,rgba(92,43,198,.24) 0%,rgba(68,28,145,.11) 26%,transparent 50%),
    radial-gradient(ellipse at 48% 56%,rgba(115,46,186,.14) 0%,transparent 44%),
    linear-gradient(135deg,rgba(47,17,78,.18) 0%,transparent 34%),
    linear-gradient(225deg,rgba(79,28,137,.16) 0%,transparent 38%),
    linear-gradient(180deg,#090414 0%,#080313 34%,#07030f 66%,#05020a 100%)!important;
}

/* 使用低对比光晕制造空间层次，不形成明显图案 */
.nebula{
  display:block!important;
  border-radius:50%!important;
  filter:blur(72px)!important;
  opacity:.55!important;
  pointer-events:none!important;
}
.nebula-a{
  width:420px!important;
  height:300px!important;
  left:-210px!important;
  top:280px!important;
  background:
    radial-gradient(circle at center,rgba(129,52,214,.34) 0%,rgba(92,34,162,.16) 42%,transparent 72%)!important;
}
.nebula-b{
  width:460px!important;
  height:360px!important;
  right:-240px!important;
  top:860px!important;
  background:
    radial-gradient(circle at center,rgba(93,45,207,.28) 0%,rgba(72,28,153,.13) 44%,transparent 74%)!important;
}

/* 星球、星环、星点依然完全关闭 */
.planet,
.space .planet,
.planet-ring,
.space .planet-ring{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.space::before,
.space:before,
.space::after,
.space:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* 页面底色与渐变衔接 */
html,
body{
  background:
    linear-gradient(180deg,#080311 0%,#06020c 100%)!important;
}

/* 手机端：保持立体，但降低复杂度与亮度 */
@media(max-width:760px){
  .space{
    background:
      radial-gradient(ellipse at 22% 8%,rgba(121,50,205,.22) 0%,rgba(84,31,149,.09) 28%,transparent 50%),
      radial-gradient(ellipse at 92% 28%,rgba(87,38,190,.18) 0%,transparent 46%),
      linear-gradient(145deg,rgba(61,22,106,.12) 0%,transparent 38%),
      linear-gradient(180deg,#090414 0%,#07030f 56%,#05020a 100%)!important;
  }
  .nebula{
    opacity:.40!important;
    filter:blur(82px)!important;
  }
}


/* =========================================================
   V9.6.65｜页面顶部紫色氛围光增强
   仅增强页面最上方紫色亮度与层次，主体区域保持深色，
   不恢复星球、星环、星点等装饰。
   ========================================================= */
.space{
  background:
    radial-gradient(ellipse at 50% -7%,rgba(173,82,255,.46) 0%,rgba(132,55,224,.27) 18%,rgba(91,35,164,.12) 38%,transparent 60%),
    radial-gradient(ellipse at 14% 12%,rgba(143,61,232,.31) 0%,rgba(90,33,157,.13) 27%,transparent 49%),
    radial-gradient(ellipse at 91% 15%,rgba(121,58,237,.30) 0%,rgba(75,31,157,.13) 28%,transparent 50%),
    radial-gradient(ellipse at 48% 56%,rgba(115,46,186,.14) 0%,transparent 44%),
    linear-gradient(135deg,rgba(55,19,91,.20) 0%,transparent 34%),
    linear-gradient(225deg,rgba(84,31,146,.17) 0%,transparent 38%),
    linear-gradient(180deg,#110623 0%,#0b0418 24%,#080313 48%,#05020a 100%)!important;
}

/* 顶部增加一层柔和紫色环境光，不形成具体图案 */
.space > .nebula-a{
  opacity:.68!important;
  background:
    radial-gradient(circle at center,rgba(160,72,255,.40) 0%,rgba(112,43,198,.20) 40%,transparent 73%)!important;
}

/* 手机端顶部同样提亮，但控制亮度避免影响文字阅读 */
@media(max-width:760px){
  .space{
    background:
      radial-gradient(ellipse at 50% -5%,rgba(169,77,255,.39) 0%,rgba(126,51,217,.23) 20%,rgba(83,31,151,.09) 40%,transparent 59%),
      radial-gradient(ellipse at 18% 12%,rgba(133,55,219,.25) 0%,transparent 47%),
      radial-gradient(ellipse at 94% 23%,rgba(105,48,216,.20) 0%,transparent 46%),
      linear-gradient(180deg,#100620 0%,#0a0416 28%,#07030f 58%,#05020a 100%)!important;
  }
}


/* =========================================================
   V9.6.66｜背景渐变方向：右上 → 左下
   保持 V9.6.65 顶部亮紫层次，仅调整主视觉光源与渐变方向。
   ========================================================= */
.space{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(183,88,255,.50) 0%,rgba(139,57,229,.31) 18%,rgba(94,35,170,.14) 38%,transparent 60%),
    radial-gradient(ellipse at 78% 16%,rgba(135,58,235,.26) 0%,rgba(84,31,157,.11) 30%,transparent 52%),
    radial-gradient(ellipse at 20% 78%,rgba(91,36,154,.13) 0%,transparent 45%),
    linear-gradient(225deg,rgba(123,48,207,.30) 0%,rgba(72,26,126,.13) 30%,transparent 57%),
    linear-gradient(225deg,#16072c 0%,#0d041c 32%,#080313 64%,#05020a 100%)!important;
}

/* 环境光同步移到右上侧，形成明确右上→左下视觉流向 */
.space > .nebula-a{
  left:auto!important;
  right:-150px!important;
  top:-80px!important;
  width:460px!important;
  height:330px!important;
  opacity:.70!important;
  background:
    radial-gradient(circle at center,rgba(166,73,255,.42) 0%,rgba(112,43,198,.20) 42%,transparent 74%)!important;
}
.space > .nebula-b{
  right:auto!important;
  left:-230px!important;
  top:72%!important;
  width:430px!important;
  height:340px!important;
  opacity:.35!important;
  background:
    radial-gradient(circle at center,rgba(91,38,161,.22) 0%,rgba(65,25,119,.10) 45%,transparent 74%)!important;
}

@media(max-width:760px){
  .space{
    background:
      radial-gradient(ellipse at 100% 0%,rgba(177,81,255,.43) 0%,rgba(130,52,220,.26) 20%,rgba(84,31,153,.10) 40%,transparent 59%),
      radial-gradient(ellipse at 82% 18%,rgba(112,48,217,.20) 0%,transparent 48%),
      linear-gradient(225deg,rgba(105,40,183,.24) 0%,rgba(61,22,108,.10) 34%,transparent 58%),
      linear-gradient(225deg,#140729 0%,#0c0419 34%,#07030f 66%,#05020a 100%)!important;
  }
}


/* =========================================================
   V9.6.67｜“我的记录”锁定在顶部品牌区右上角
   修复桌面端滚动时按钮跟随视口，覆盖顶部浮动导航的问题。
   现在按钮只固定在 hero 品牌区右上角，不再随页面滚动悬浮。
   ========================================================= */

.hero{
  position:relative!important;
}

/* 桌面端：固定在顶部品牌区域内部右上角，而不是 fixed 到浏览器视口 */
#recordBtn.record-btn{
  position:absolute!important;
  top:18px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:8!important;
  transform:none!important;
}

/* 页面滚动、顶部导航 sticky/active 时都不改变记录按钮的位置 */
body.scrolled #recordBtn.record-btn,
#recordBtn.record-btn.fixed,
#recordBtn.record-btn.sticky,
#recordBtn.record-btn.active{
  position:absolute!important;
  top:18px!important;
  right:22px!important;
  transform:none!important;
}

/* 手机端同样锁在品牌区右上角，不进入浮动导航层 */
@media(max-width:760px){
  #recordBtn.record-btn,
  body.scrolled #recordBtn.record-btn,
  #recordBtn.record-btn.fixed,
  #recordBtn.record-btn.sticky,
  #recordBtn.record-btn.active{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:8!important;
    transform:none!important;
  }
}

@media(max-width:390px){
  #recordBtn.record-btn,
  body.scrolled #recordBtn.record-btn,
  #recordBtn.record-btn.fixed,
  #recordBtn.record-btn.sticky,
  #recordBtn.record-btn.active{
    top:7px!important;
    right:7px!important;
  }
}


/* =========================================================
   V9.6.68｜整体 UI 完整收口优化
   目标：保持全部功能不变，只统一视觉系统、层级、密度、间距与移动端体验。
   ========================================================= */

:root{
  --ui-bg-0:#05020a;
  --ui-bg-1:#090414;
  --ui-panel:#0c0716f2;
  --ui-panel-2:#12091ef2;
  --ui-line:rgba(154,76,203,.30);
  --ui-line-soft:rgba(154,76,203,.16);
  --ui-purple:#a647ea;
  --ui-purple-2:#7329b2;
  --ui-gold:#ffd54e;
  --ui-text:#f8f3fb;
  --ui-muted:#a99daf;
  --ui-radius:18px;
  --ui-shadow:0 14px 34px rgba(0,0,0,.32);
}

/* ---------- 全局排版 ---------- */
html,body{
  color:var(--ui-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.app{
  width:min(100%,980px)!important;
}
button,select,input,textarea{
  -webkit-tap-highlight-color:transparent;
}
button{
  transition:filter .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
button:hover{
  filter:brightness(1.045);
}
button:active{
  transform:translateY(1px);
}

/* ---------- 顶部品牌区 ---------- */
.hero{
  min-height:134px!important;
  height:auto!important;
  margin-bottom:8px!important;
  padding:12px 4px 10px!important;
  align-items:center!important;
}
.hero .brand{
  gap:16px!important;
}
.hero .ai-logo{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  flex-basis:92px!important;
  border-radius:22px!important;
  font-size:44px!important;
  border-width:2px!important;
  box-shadow:
    inset 0 0 20px rgba(121,47,205,.38),
    0 0 22px rgba(126,51,235,.32)!important;
}
.hero .brand-copy{
  padding-top:0!important;
}
.hero .brand-copy .hero-title{
  font-size:clamp(30px,4.2vw,44px)!important;
  letter-spacing:-1px!important;
}
.hero .brand-copy p{
  margin-top:8px!important;
  font-size:15px!important;
  line-height:1.35!important;
  color:#c2b7c7!important;
}

/* ---------- 顶部浮动导航 ---------- */
.v77-sticky-nav,
.v77-sticky-nav.mobile-nav-fixed{
  border-radius:18px!important;
  border-color:rgba(194,131,235,.32)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.v77-sticky-nav > button{
  border-radius:12px!important;
  font-weight:900!important;
}
.v77-sticky-nav > .v77-task-summary,
.v77-task-summary{
  font-weight:800!important;
}

/* ---------- 四步流程 ---------- */
.pro-progress{
  border:1px solid rgba(145,76,183,.12)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(21,11,31,.58),rgba(10,6,16,.36))!important;
}
.pro-step{
  color:#8f8395!important;
}
.pro-step.active{
  color:#f3eaf6!important;
}
.pro-step i{
  background:linear-gradient(180deg,rgba(27,14,42,.96),rgba(14,8,23,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.pro-step.active i{
  border-color:rgba(193,105,245,.78)!important;
  background:linear-gradient(180deg,#7330a9,#4f1e79)!important;
  box-shadow:
    0 0 0 3px rgba(155,67,216,.10),
    0 5px 12px rgba(77,28,113,.22),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* ---------- 当前课程摘要 ---------- */
.course-summary-pro{
  border-color:rgba(198,151,73,.26)!important;
  border-radius:14px!important;
  background:
    linear-gradient(180deg,rgba(31,17,40,.96),rgba(13,8,20,.96))!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.course-summary-pro .summary-dot{
  box-shadow:0 0 10px rgba(184,77,239,.55)!important;
}

/* ---------- 主面板统一 ---------- */
.panel,
.main-stage-panel{
  border-radius:20px!important;
  border-color:rgba(148,71,190,.30)!important;
  background:
    radial-gradient(circle at 8% 2%,rgba(131,52,188,.09),transparent 28%),
    linear-gradient(180deg,rgba(17,9,27,.97),rgba(9,6,15,.98))!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* ---------- 面板标题层级 ---------- */
.section-heading{
  min-height:58px!important;
  height:auto!important;
  gap:10px!important;
}
.section-heading .num{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  flex-basis:48px!important;
  border-radius:13px!important;
  font-size:17px!important;
  font-weight:950!important;
}
.section-heading strong{
  font-size:21px!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.section-heading small{
  color:#978c9e!important;
  font-size:11px!important;
}
.pro-section-toggle,
.workflow-collapse-btn{
  border-radius:12px!important;
}

/* ---------- 表单控件统一 ---------- */
.control,
.curriculum-grid select,
.topic-input input,
.module-add input,
textarea,
select,
input[type="text"]{
  border-color:rgba(122,68,151,.30)!important;
}
.control{
  border-radius:13px!important;
  background:linear-gradient(180deg,rgba(11,7,18,.95),rgba(7,5,12,.95))!important;
}
.control:hover,
.curriculum-grid select:hover,
.topic-input input:hover,
.module-add input:hover{
  border-color:rgba(174,91,218,.45)!important;
}
select:focus,
input:focus,
textarea:focus{
  outline:none!important;
  border-color:rgba(187,92,237,.62)!important;
  box-shadow:0 0 0 3px rgba(154,67,211,.10)!important;
}

/* ---------- 标签 / 小按钮 ---------- */
.mode-chip,
.plan-chip,
.prompt-chip,
.tag,
.badge{
  border-radius:999px!important;
}

/* ---------- AI 智能规划区 ---------- */
#plannerPanel{
  overflow:hidden!important;
}
#plannerPanel .planner-top,
#plannerPanel .planner-summary,
#plannerPanel .planner-box{
  border-radius:14px!important;
}

/* ---------- 教师工作流 ---------- */
#workflowPanel{
  border-color:rgba(201,151,49,.30)!important;
}
#workflowPanel .workflow-option{
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(39,15,52,.82),rgba(19,9,28,.90))!important;
}
#workflowPanel .workflow-option.active{
  border-color:rgba(184,83,230,.70)!important;
  box-shadow:
    0 6px 15px rgba(91,28,121,.16),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#workflowPanel .workflow-result{
  border-radius:16px!important;
}
#workflowPanel .workflow-result-head{
  min-height:54px!important;
}
#workflowPanel .workflow-result-head b{
  color:#ffd766!important;
  font-weight:900!important;
}

/* ---------- AI 专属错题 ---------- */
#wrongQuestionPanel{
  border-color:rgba(211,158,51,.30)!important;
}
#wrongQuestionPanel .wrong-mode-tabs,
#wrongQuestionPanel .wrong-choice-row,
#wrongQuestionPanel .wrong-type-grid{
  gap:7px!important;
}
#wrongQuestionPanel .wrong-mode-tabs button,
#wrongQuestionPanel .wrong-choice-row button,
#wrongQuestionPanel .wrong-type-grid button{
  border-radius:11px!important;
}
#wrongQuestionPanel .wrong-current-course,
#wrongQuestionPanel .wrong-setting-block,
#wrongQuestionPanel .wrong-quick-box{
  border-radius:13px!important;
}

/* ---------- Prompt 工作台 ---------- */
.result-workspace-title,
#optimizerPanel{
  overflow:hidden!important;
}
#result,
.workflow-result-body,
#wrongQuestionPrompt{
  border-radius:14px!important;
}

/* 检测 / 优化按钮保留现有配色，只统一圆角和高度 */
#v955InspectBtn,
#v955OptimizeBtn{
  min-height:48px!important;
  border-radius:18px!important;
}

/* ---------- 桌面端整体密度 ---------- */
@media(min-width:761px){
  .app{
    padding:18px 22px 78px!important;
  }
  .panel,
  .main-stage-panel{
    margin-bottom:16px!important;
  }
  .panel:not(.stage-topic):not(.wrong-question-panel),
  .main-stage-panel:not(.result-workspace-title){
    padding:18px 20px!important;
  }
  .basic-grid{
    gap:12px 14px!important;
  }
}

/* ---------- 手机端整体 UI 收口 ---------- */
@media(max-width:760px){
  .app{
    padding:8px 8px calc(86px + env(safe-area-inset-bottom))!important;
  }

  .hero{
    min-height:104px!important;
    padding:39px 4px 8px!important;
    margin-bottom:5px!important;
  }
  .hero .brand{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .hero .ai-logo{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    flex-basis:54px!important;
    border-radius:15px!important;
    font-size:28px!important;
  }
  .hero .brand-copy .hero-title{
    font-size:19px!important;
    line-height:1.08!important;
    letter-spacing:-.4px!important;
  }
  .hero .brand-copy p{
    margin-top:4px!important;
    font-size:9.5px!important;
    line-height:1.28!important;
  }

  .v77-sticky-nav,
  .v77-sticky-nav.mobile-nav-fixed{
    border-radius:14px!important;
  }

  .panel,
  .main-stage-panel{
    margin-bottom:11px!important;
    border-radius:16px!important;
  }

  .section-heading{
    min-height:50px!important;
    gap:8px!important;
  }
  .section-heading .num{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  .section-heading strong{
    font-size:17px!important;
  }

  .control{
    border-radius:11px!important;
  }

  .workflow-options{
    gap:8px!important;
  }
  #workflowPanel .workflow-option{
    min-height:94px!important;
    padding:10px!important;
    border-radius:13px!important;
  }

  #wrongQuestionPanel .wrong-setting-block,
  #wrongQuestionPanel .wrong-quick-box,
  #wrongQuestionPanel .wrong-current-course{
    border-radius:11px!important;
  }

  #v955InspectBtn,
  #v955OptimizeBtn{
    min-height:46px!important;
    border-radius:16px!important;
  }
}

/* ---------- 超窄屏 ---------- */
@media(max-width:390px){
  .app{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .hero .brand-copy .hero-title{
    font-size:18px!important;
  }
  .hero .brand-copy p{
    font-size:9px!important;
  }
  .section-heading strong{
    font-size:16px!important;
  }
}

/* =========================================================
   V13.6.0｜UI CSS CONSOLIDATION / SINGLE STYLE OWNER
   Source: V13.5.21 stable UI + server style-v9668.css
   Rules:
   - visual styles live in this CSS file
   - index.html keeps structure only
   - JS keeps interaction/runtime only
   - obsolete V13.5.4 / V13.5.5 / V13.5.17 visual overrides retired
   ========================================================= */
/* migrated:v1350-ui-experience */
/* V13.5.0｜UI / 使用体验优化层
   仅视觉与响应式；不修改 Compiler / Prompt / QA / Teacher / Wrong 业务逻辑。 */
:root{
  --v1350-panel-radius:18px;
  --v1350-control-radius:14px;
  --v1350-section-gap:14px;
}
html{scroll-behavior:smooth;}
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.section,.panel,.card,.workspace-card{
  scroll-margin-top:88px;
}
button,.btn,[role="button"],select,input,textarea{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,opacity .16s ease;
}
button:active,.btn:active,[role="button"]:active{
  transform:translateY(1px) scale(.995);
}
button:focus-visible,.btn:focus-visible,[role="button"]:focus-visible,
select:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(255,214,64,.92);
  outline-offset:2px;
}
textarea{
  line-height:1.62;
  tab-size:2;
}
#v955InspectBtn{
  min-height:48px;
  padding-inline:24px;
  white-space:nowrap;
}
#v955QaStrip{
  gap:10px;
}
#v955QaStrip>*{
  min-width:0;
}
@media (max-width:900px){
  body{overflow-x:hidden;}
  .section,.panel,.card,.workspace-card{border-radius:var(--v1350-panel-radius);}
  button,.btn,[role="button"]{min-height:44px;}
  input,select,textarea{font-size:16px;}
  #v955InspectBtn{
    width:100%;
    min-height:48px;
  }
  #v955QaStrip{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
}
@media (max-width:560px){
  :root{--v1350-section-gap:10px;}
  #v955QaStrip{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #v955QaStrip>*{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  textarea{min-height:220px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
}

/* migrated:v1351-ui-hierarchy */
/* V13.5.1｜页面层级 / 紧凑度 / 模块统一
   UI ONLY：不修改 Prompt、Compiler、QA、Teacher Workflow、Wrong Question 业务逻辑。 */

/* 1. 主区块统一层级 */
main > section.panel,
main > section.main-stage-panel,
main > .panel{
  position:relative;
  margin-top:14px;
}

.section-heading{
  min-height:64px;
  padding:14px 16px;
  gap:12px;
  align-items:center;
}

.section-heading > .num{
  flex:0 0 auto;
  width:48px;
  min-width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  font-size:19px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.03em;
  box-shadow:0 8px 20px rgba(0,0,0,.20);
}

.section-heading > strong,
.section-heading .result-heading-title > strong,
.workflow-title-wrap > strong,
.wrong-title-wrap > strong{
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.section-heading > small,
.section-heading .result-heading-title > small,
.workflow-title-wrap > small,
.wrong-title-wrap > small{
  opacity:.72;
  line-height:1.35;
}

.pro-section-toggle{
  margin-left:auto;
  min-width:68px;
  min-height:36px;
  padding:7px 13px;
  border-radius:10px;
}

/* 2. 控件密度统一：减少无效空白，但保持触控尺寸 */
.basic-grid,
.topic-row,
.mode-wrap,
.planner-summary,
.planner-editor,
.workflow-mode,
.wrong-settings-grid{
  margin-top:12px;
}

.control,
.stage-control,
.topic-input,
.mode-wrap,
.planner-summary,
.planner-editor,
.workflow-mode,
.wrong-setting-block,
.wrong-current-course,
.wrong-quick-box{
  border-radius:14px;
}

.control-label,
.mode-label,
.wrong-setting-title{
  margin-bottom:8px;
}

/* 3. 智能规划：把核心操作收紧 */
.mode-tabs{
  gap:8px;
}
.mode-tabs button{
  min-height:38px;
  padding:8px 13px;
  border-radius:11px;
}
.planner-summary{
  padding-top:14px;
  padding-bottom:14px;
}
#moduleTags{
  gap:8px;
}

/* 4. Prompt 工作台：信息区与 QA 区形成明确上下层 */
.result-workspace-title{
  margin-top:16px;
}
.v955-quick-actions,
#v955QuickPromptActions{
  margin-top:10px;
}
#v957QualityStrip{
  margin-top:10px;
}
#v957QualityStrip .v957-q{
  min-height:68px;
  padding:11px 10px;
  border-radius:12px;
}
#v957QualityStrip .v957-q span{
  font-size:12px;
  opacity:.74;
}
#v957QualityStrip .v957-q strong{
  display:block;
  margin-top:4px;
  font-size:15px;
}

/* 5. 教师工作流：标题、选择区、按钮区更统一 */
.workflow-nav-heading{
  min-height:64px;
}
.workflow-title-wrap,
.wrong-title-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.workflow-nav-actions{
  margin-left:auto;
  gap:8px;
}
.workflow-mode{
  padding:14px;
}
.workflow-options{
  gap:10px;
}
.workflow-option{
  border-radius:13px;
}
.workflow-actions{
  gap:10px;
  margin-top:12px;
}
.workflow-actions button{
  min-height:44px;
}

/* 6. 错题区视觉保持独立，但与全站尺寸系统一致 */
.wrong-question-heading{
  min-height:64px;
}
.wrong-family-chip,
.workflow-count-chip{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
}
.wrong-mode-tabs{
  gap:8px;
  margin-top:12px;
}
.wrong-mode-tabs button{
  min-height:40px;
  border-radius:11px;
}
.wrong-generate-btn{
  min-height:54px;
  border-radius:14px;
}

/* 7. 生成结果区域减少视觉跳跃 */
#resultPanel,
#workflowResultPanel,
#wrongQuestionResult{
  scroll-margin-top:92px;
}
#result{
  line-height:1.58;
}

/* 8. 桌面宽屏：保持信息密度，避免模块被拉得过散 */
@media (min-width:1180px){
  .section-heading{
    padding-left:18px;
    padding-right:18px;
  }
  #v957QualityStrip{
    gap:10px;
  }
}

/* 9. 手机端：标题统一、动作按钮不抢空间 */
@media (max-width:760px){
  main > section.panel,
  main > section.main-stage-panel,
  main > .panel{
    margin-top:10px;
  }

  .section-heading{
    min-height:58px;
    padding:11px 12px;
    gap:9px;
    flex-wrap:wrap;
  }

  .section-heading > .num{
    width:42px;
    min-width:42px;
    height:42px;
    border-radius:12px;
    font-size:17px;
  }

  .section-heading > strong,
  .section-heading .result-heading-title > strong,
  .workflow-title-wrap > strong,
  .wrong-title-wrap > strong{
    font-size:18px;
  }

  .section-heading > small,
  .section-heading .result-heading-title > small,
  .workflow-title-wrap > small,
  .wrong-title-wrap > small{
    font-size:11px;
  }

  .pro-section-toggle{
    min-width:58px;
    min-height:34px;
    padding:6px 10px;
  }

  .workflow-nav-actions{
    width:auto;
    margin-left:auto;
  }

  .workflow-mode,
  .wrong-setting-block{
    padding:12px;
  }

  .workflow-options{
    grid-template-columns:1fr !important;
  }

  #v957QualityStrip .v957-q{
    min-height:62px;
  }
}

/* 10. 超窄屏：进一步降低标题拥挤 */
@media (max-width:430px){
  .section-heading{
    align-items:flex-start;
  }
  .workflow-nav-heading,
  .wrong-question-heading{
    row-gap:8px;
  }
  .workflow-nav-actions{
    width:100%;
    justify-content:space-between;
    margin-left:0;
  }
  .wrong-family-chip{
    margin-left:auto;
  }
}

/* migrated:v1352-nav-mobile-rhythm */
/* V13.5.2｜顶部导航 + 六大板块视觉统一 + 手机端纵向节奏
   UI ONLY：不触碰 Compiler / Prompt / QA / Teacher / Wrong 业务逻辑。 */

/* 顶部导航：更稳、更紧凑，保持既有紫色体系 */
.top-nav,.sticky-nav,.nav-shell,.quick-nav{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.top-nav button,.sticky-nav button,.quick-nav button,
.top-nav a,.sticky-nav a,.quick-nav a{
  min-height:38px;
  border-radius:11px;
  white-space:nowrap;
}
.top-nav .active,.sticky-nav .active,.quick-nav .active,
.top-nav [aria-current="true"],.sticky-nav [aria-current="true"]{
  font-weight:800;
}

/* 当前课程：信息更像状态条，不抢主标题 */
.current-course,.current-course-bar,.course-current{
  border-radius:14px;
  line-height:1.4;
}
.current-course strong,.current-course-bar strong,.course-current strong{
  letter-spacing:-.01em;
}

/* 六大板块：统一外框与标题节奏 */
main > .panel,
main > section.panel,
main > section.main-stage-panel{
  overflow:clip;
}
.section-heading{
  position:relative;
}
.section-heading::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
  pointer-events:none;
}
.section-heading > .num{
  isolation:isolate;
}
.section-heading > .num::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
}

/* 板块正文统一左右留白 */
.panel-body,.section-body,.stage-body{
  padding-left:16px;
  padding-right:16px;
}

/* 标签、胶囊、状态项统一 */
.chip,.pill,.tag,.status-chip,
.workflow-count-chip,.wrong-family-chip{
  font-weight:700;
  letter-spacing:.01em;
}

/* 底部/主操作按钮统一视觉重量 */
.generate-btn,.primary-btn,
#generateBtn,#copyBtn,
.workflow-actions button,
.wrong-generate-btn{
  font-weight:850;
  letter-spacing:.01em;
}

/* 结果区：复制/检测/操作不与正文抢层级 */
.result-actions,.workspace-actions,.v955-quick-actions,#v955QuickPromptActions{
  align-items:center;
  gap:9px;
}
.result-actions button,.workspace-actions button,
.v955-quick-actions button,#v955QuickPromptActions button{
  min-height:40px;
  border-radius:11px;
}

/* 手机端纵向节奏 */
@media (max-width:760px){
  body{
    padding-bottom:max(18px,env(safe-area-inset-bottom));
  }

  .top-nav,.sticky-nav,.quick-nav{
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .top-nav::-webkit-scrollbar,.sticky-nav::-webkit-scrollbar,.quick-nav::-webkit-scrollbar{
    display:none;
  }

  .top-nav button,.sticky-nav button,.quick-nav button,
  .top-nav a,.sticky-nav a,.quick-nav a{
    flex:0 0 auto;
    min-height:40px;
    padding-left:12px;
    padding-right:12px;
  }

  .current-course,.current-course-bar,.course-current{
    margin-top:8px;
    padding:10px 12px;
  }

  main > .panel,
  main > section.panel,
  main > section.main-stage-panel{
    margin-bottom:10px;
  }

  .section-heading::after{
    left:12px;
    right:12px;
  }

  .panel-body,.section-body,.stage-body{
    padding-left:12px;
    padding-right:12px;
  }

  .basic-grid,.topic-row,.mode-wrap,
  .planner-summary,.planner-editor,
  .workflow-mode,.wrong-settings-grid{
    margin-top:10px;
  }

  .result-actions,.workspace-actions,.v955-quick-actions,#v955QuickPromptActions{
    flex-wrap:wrap;
  }
}

/* 超窄屏：保证标题、状态、按钮不互相挤压 */
@media (max-width:430px){
  .current-course,.current-course-bar,.course-current{
    font-size:12px;
  }

  .section-heading::after{
    left:10px;
    right:10px;
  }

  .result-actions button,.workspace-actions button,
  .v955-quick-actions button,#v955QuickPromptActions button{
    flex:1 1 calc(50% - 6px);
    min-width:0;
  }

  #v955InspectBtn{
    flex-basis:100%;
  }
}

/* 桌面端避免内容过散 */
@media (min-width:1180px){
  .panel-body,.section-body,.stage-body{
    padding-left:18px;
    padding-right:18px;
  }
}

/* migrated:v1353-floating-nav-alignment-fix */
/* V13.5.3｜顶部浮动导航对齐修复
   修复滚动到“输出工作台”等区段时浮动导航左右基准漂移。
   仅修正 UI 定位模型，不改业务逻辑。 */

/* 核心：所有浮动导航统一以页面内容容器为定位基准，禁止因滚动状态切换产生左右偏移 */
.top-nav,
.sticky-nav,
.quick-nav,
.nav-shell{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  left:auto !important;
  right:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
}

/* 若导航自身使用 sticky，始终贴合父容器左右边界 */
.sticky-nav,
.top-nav.sticky,
.quick-nav.sticky,
.nav-shell.sticky{
  position:sticky;
  top:0;
  inset-inline:0;
}

/* 防止导航按钮行因为横向滚动/内容宽度撑大父层 */
.top-nav > *,
.sticky-nav > *,
.quick-nav > *,
.nav-shell > *{
  min-width:0;
}

/* 当前课程状态条必须跟随同一容器宽度，不单独向左右溢出 */
.current-course,
.current-course-bar,
.course-current{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 桌面端：取消 V13.5.2 对导航容器造成的横向滚动副作用 */
@media (min-width:761px){
  .top-nav,
  .sticky-nav,
  .quick-nav,
  .nav-shell{
    overflow-x:visible !important;
  }
}

/* 手机端仍允许按钮横向滚动，但滚动只发生在按钮轨道内部，
   不允许整个浮动导航盒子发生位移。 */
@media (max-width:760px){
  .top-nav,
  .sticky-nav,
  .quick-nav,
  .nav-shell{
    width:100%;
    max-width:100%;
    margin-inline:0 !important;
    transform:none !important;
  }
}

/* 超窄屏继续保持容器对齐 */
@media (max-width:430px){
  .top-nav,
  .sticky-nav,
  .quick-nav,
  .nav-shell{
    inset-inline:0 !important;
  }
}

/* migrated:v1356-mobile-floating-nav-stability */
/* V13.5.6｜手机端浮动导航稳定锁
   目标：滚动时不抖动、不变宽；固定态宽度只读取一次锁定值。 */
#v77StickyNav.v1356-nav-fixed{
  box-sizing:border-box!important;
  margin-inline:0!important;
  contain:layout paint;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.v77-mobile-nav-placeholder.v1356-active{
  display:block!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  #v77StickyNav.v1356-nav-fixed{
    right:auto!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  #v77StickyNav.v1356-nav-fixed .v77-nav-row{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* migrated:v1357-nav-click-deterministic */
/* V13.5.7｜顶部导航点击定位单步化
   1) 全局取消 V13.5.0 的 smooth scroll，避免手机端导航点击产生长动画和多次重排；
   2) 浮动导航固定态 top 不参与过渡，避免点击“工作流/错题”时视觉下沉；
   3) 为页面底部保留落点空间，使最后两个板块也能精确顶到导航下方。 */
html{
  scroll-behavior:auto!important;
}
#v77StickyNav,
#v77StickyNav.v1356-nav-fixed{
  transition:none!important;
}
#v77StickyNav.v1356-nav-fixed{
  top:8px!important;
}
@media(max-width:760px){
  #v77StickyNav.v1356-nav-fixed{
    top:6px!important;
  }
  html,body{
    scroll-behavior:auto!important;
  }
}
/* 最后板块必须拥有足够的可滚动余量，否则浏览器到达文档底部后无法完成精确定位。 */
main.app{
  padding-bottom:max(140px,12vh);
}
@media(max-width:760px){
  main.app{
    padding-bottom:max(110px,10vh);
  }
}

/* migrated:v1359-desktop-sticky-alignment-only */
/* V13.5.9｜仅电脑端浮动导航实时对齐
   基线：V13.5.7
   手机端完全继承 V13.5.7，不追加任何手机端防抖/宽度逻辑。 */
@media (min-width:761px){
  #v77StickyNav{
    box-sizing:border-box!important;
  }
  #v77StickyNav.v11224-nav-fixed,
  #v77StickyNav.v1356-nav-fixed{
    right:auto!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* migrated:v13511-mobile-fixed-visible-stable */
/* V13.5.11｜手机端浮动导航：继续使用 fixed，始终可见；
   仅用 VisualViewport 修正顶部位置，不再改成 sticky。 */
@media(max-width:760px){
  #v77StickyNav.v13511-nav-fixed{
    position:fixed!important;
    right:auto!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
    transition:none!important;
    box-sizing:border-box!important;
  }
  .v77-mobile-nav-placeholder.v13511-active{
    display:block!important;
    visibility:hidden!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
  }
}

/* migrated:v13514-desktop-refresh-alignment-lock */
/* V13.5.14｜电脑端刷新后浮动导航对齐锁
   仅电脑端；手机端 V13.5.11 / V13.5.13 保持原样。 */
@media (min-width:761px){
  #v77StickyNav[style*="position: fixed"],
  #v77StickyNav.v11224-nav-fixed,
  #v77StickyNav.v1356-nav-fixed,
  #v77StickyNav.v13511-nav-fixed{
    right:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* migrated:V13.5.16-clean */
/* 电脑版“生成提示词”文字居中 */@media (min-width:761px){
  #generateBtn.main-generate-btn{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #generateBtn.main-generate-btn .generate-copy{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    max-width:70%!important;
    margin:0!important;
    text-align:center!important;
  }
  #generateBtn.main-generate-btn .generate-copy > b,
  #generateBtn.main-generate-btn .generate-copy > small{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
}
@media (max-width:760px){
/* 教师工作流：展开/收起同一高度与同一坐标 */

  #workflowPanel > .workflow-nav-heading,
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel:not(.pro-collapsed) > .workflow-nav-heading{
    position:relative!important;
    display:block!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    flex:none!important;
  }

  /* 标题文字用绝对定位锁死，不再受 collapse 状态的 grid/flex 重排影响 */
  #workflowPanel > .workflow-nav-heading .workflow-title-wrap,
  #workflowPanel.pro-collapsed > .workflow-nav-heading .workflow-title-wrap,
  #workflowPanel:not(.pro-collapsed) > .workflow-nav-heading .workflow-title-wrap{
    position:absolute!important;
    left:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:calc(100% - 166px)!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    min-width:0!important;
  }

  #workflowPanel .workflow-title-wrap > strong{
    margin:0!important;
    font-size:16px!important;
    line-height:1.15!important;
  }
  #workflowPanel .workflow-title-wrap > small{
    margin:0!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* 右侧“已选x项 + 收起/展开”也绝对定位锁死 */
  #workflowPanel > .workflow-nav-heading .workflow-nav-actions,
  #workflowPanel.pro-collapsed > .workflow-nav-heading .workflow-nav-actions,
  #workflowPanel:not(.pro-collapsed) > .workflow-nav-heading .workflow-nav-actions{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }

  #workflowPanel .workflow-count-chip,
  #workflowPanel .workflow-nav-toggle,
  #workflowPanel.pro-collapsed .workflow-count-chip,
  #workflowPanel.pro-collapsed .workflow-nav-toggle{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    line-height:1!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  /* 四个选项继续固定 2×2 */
  #workflowPanel .workflow-options{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,auto)!important;
    gap:10px!important;
    width:100%!important;
  }

  #workflowPanel .workflow-option{
    width:100%!important;
    min-width:0!important;
    min-height:106px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  #workflowPanel .workflow-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}
@media (max-width:430px){
#workflowPanel > .workflow-nav-heading,
  #workflowPanel.pro-collapsed > .workflow-nav-heading,
  #workflowPanel:not(.pro-collapsed) > .workflow-nav-heading{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }

  #workflowPanel > .workflow-nav-heading .workflow-title-wrap,
  #workflowPanel.pro-collapsed > .workflow-nav-heading .workflow-title-wrap,
  #workflowPanel:not(.pro-collapsed) > .workflow-nav-heading .workflow-title-wrap{
    left:10px!important;
    width:calc(100% - 158px)!important;
  }

  #workflowPanel > .workflow-nav-heading .workflow-nav-actions,
  #workflowPanel.pro-collapsed > .workflow-nav-heading .workflow-nav-actions,
  #workflowPanel:not(.pro-collapsed) > .workflow-nav-heading .workflow-nav-actions{
    right:8px!important;
  }
}

/* migrated:v13518-workflow-wrong-border-match-stage03 */
/* V13.5.18｜教师工作流 + 错题练习最外围边框
   对齐 03 智能规划：细紫线、低亮度、无黄色外框感。
   内部黄色导航及所有展开/收起/布局逻辑保持不变。 */

#workflowPanel,
#workflowPanel.pro-collapsed,
#workflowPanel:not(.pro-collapsed),
#wrongQuestionPanel,
#wrongQuestionPanel.pro-collapsed,
#wrongQuestionPanel:not(.pro-collapsed){
  border-width:1px!important;
  border-style:solid!important;
  border-color:rgba(168,85,247,.34)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

/* 手机端同样使用 03 智能规划的轻量边框层级 */
@media (max-width:760px){
  #workflowPanel,
  #workflowPanel.pro-collapsed,
  #workflowPanel:not(.pro-collapsed),
  #wrongQuestionPanel,
  #wrongQuestionPanel.pro-collapsed,
  #wrongQuestionPanel:not(.pro-collapsed){
    border-width:1px!important;
    border-color:rgba(168,85,247,.34)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
  }
}

/* =========================================================
   V13.6.1｜02 主题设置 Header Component
   单一真值：视觉参数与 03 智能规划最终手机端 Header 完全一致。
   02 无折叠功能，因此不创建/占位任何“收起”按钮。
   ========================================================= */
@media(max-width:760px){
  .stage-02.main-stage-panel{
    position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin-left:0!important;margin-right:0!important;
    padding-top:0!important;padding-left:10px!important;padding-right:10px!important;padding-bottom:12px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }

  /* 与 #plannerPanel > .section-heading 同参数 */
  .stage-02.main-stage-panel>.section-heading{
    position:relative!important;inset:auto!important;transform:none!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:30px 20px!important;
    column-gap:10px!important;row-gap:2px!important;align-items:center!important;
    width:auto!important;max-width:none!important;min-width:0!important;
    height:82px!important;min-height:82px!important;max-height:82px!important;
    margin:0 -10px 12px!important;padding:10px 12px!important;
    box-sizing:border-box!important;border:0!important;
    border-bottom:1px solid rgba(158,83,180,.20)!important;border-radius:0!important;
    background:
      radial-gradient(circle at 8% 15%,rgba(159,68,205,.15),transparent 32%),
      linear-gradient(90deg,rgba(29,14,43,.99),rgba(17,9,26,.99))!important;
    box-shadow:inset 0 3px 0 rgba(178,74,218,.88)!important;
    overflow:hidden!important;
  }

  /* 禁止 02 Header 自己生成任何白色内框 / 顶部白块 */
  .stage-02.main-stage-panel>.section-heading::before,
  .stage-02.main-stage-panel>.section-heading::after{
    content:none!important;display:none!important;
  }

  .stage-02.main-stage-panel>.section-heading>.num{
    grid-column:1!important;grid-row:1/3!important;
    position:relative!important;inset:auto!important;transform:none!important;
    width:58px!important;min-width:58px!important;max-width:58px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
    margin:0!important;padding:0!important;align-self:center!important;justify-self:start!important;
  }

  .stage-02.main-stage-panel>.section-heading>strong{
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;justify-self:start!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;font-size:18px!important;line-height:1.12!important;font-weight:900!important;
    text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  .stage-02.main-stage-panel>.section-heading>small{
    grid-column:2!important;grid-row:2!important;
    align-self:start!important;justify-self:start!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;font-size:9.5px!important;line-height:1.25!important;
    text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* 02 不存在折叠按钮；若旧缓存 DOM 残留，强制不参与布局 */
  .stage-02.main-stage-panel>.section-heading>.pro-section-toggle,
  .stage-02.main-stage-panel>.section-heading>.v13520-topic-heading-spacer{
    display:none!important;
  }
}


/* =========================================================
   V13.6.2｜01 / 02 / 03 黄色编号徽章统一真值
   - 三枚徽章绝对同尺寸
   - 三枚徽章左侧位置/标题区垂直位置统一
   - 删除徽章内部白色细线框（含伪元素）
   ========================================================= */
@media(max-width:760px){
  /* 01/02/03 Header 使用同一编号列 */
  #coursePanel>.section-heading,
  .stage-02.main-stage-panel>.section-heading,
  #plannerPanel>.section-heading{
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    column-gap:10px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  /* 01/02/03 编号徽章尺寸与坐标统一 */
  #coursePanel>.section-heading>.num,
  .stage-02.main-stage-panel>.section-heading>.num,
  #plannerPanel>.section-heading>.num{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:1/3!important;
    justify-self:start!important;
    align-self:center!important;

    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;

    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;

    border:1px solid rgba(255,205,25,.88)!important;
    border-radius:14px!important;
    outline:0!important;
    background:linear-gradient(180deg,#ffe45a 0%,#ffc51f 72%,#f5a900 100%)!important;
    box-shadow:0 8px 14px rgba(245,158,11,.28)!important;
  }

  /* 删除黄色徽章内部白色细线框 */
  #coursePanel>.section-heading>.num::before,
  #coursePanel>.section-heading>.num::after,
  .stage-02.main-stage-panel>.section-heading>.num::before,
  .stage-02.main-stage-panel>.section-heading>.num::after,
  #plannerPanel>.section-heading>.num::before,
  #plannerPanel>.section-heading>.num::after{
    content:none!important;
    display:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:none!important;
  }
}



/* =========================================================
   V13.7.0｜INLINE CSS MIGRATION
   Remaining visual styles migrated from index.html to this stylesheet.
   Original order preserved exactly to maintain cascade behavior.
   ========================================================= */

/* inline-migrated:v966Mobile05Critical */
@media(max-width:760px){
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:10px!important;
    min-height:0!important;
    height:auto!important;
    padding:10px!important;
    margin-top:12px!important;
    margin-bottom:7px!important;
    align-items:start!important;
    overflow:hidden!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > span:first-child{
    grid-column:1!important;
    grid-row:1!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    justify-self:start!important;
    font-size:18px!important;
    line-height:1!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > div:first-of-type{
    grid-column:2!important;
    grid-row:1!important;
    min-height:58px!important;
    margin:0!important;
    padding:2px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:2px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:24px 24px!important;
    gap:4px 5px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  #preflightCourse{grid-column:1!important;grid-row:1!important}
  #preflightSize{grid-column:2!important;grid-row:1!important}
  #preflightStyle{grid-column:3!important;grid-row:1!important}
  #preflightType{grid-column:4!important;grid-row:1!important}
  #preflightImage{grid-column:1!important;grid-row:2!important}
  #preflightGuard{grid-column:2!important;grid-row:2!important}
  #finalCharCount{grid-column:3!important;grid-row:2!important}
  #finalResultMeta::after{
    content:attr(data-final-state)!important;
    grid-column:4!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border-radius:999px!important;
    background:rgba(34,197,94,.10)!important;
    border:1px solid rgba(74,222,128,.38)!important;
    color:#86efac!important;
    box-shadow:inset 0 0 14px rgba(34,197,94,.035)!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-style:normal!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > span{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0 5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:24px!important;
    box-sizing:border-box!important;
    font-size:8px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > #finalCharCount{
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    line-height:24px!important;
    margin:0!important;
    padding:0 4px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > i{
    display:none!important;
  }
}

@media(max-width:390px){
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace{
    grid-template-columns:54px minmax(0,1fr)!important;
    column-gap:9px!important;
    row-gap:12px!important;
    padding:9px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > span:first-child{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    font-size:17px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > div:first-of-type{
    min-height:54px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight{
    grid-template-rows:23px 23px!important;
    gap:3px 4px!important;
    margin-top:2px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > span{
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    line-height:23px!important;
    font-size:8px!important;
  }

  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > #finalCharCount{
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    line-height:23px!important;
  }
  #finalResultMeta::after{
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
    font-size:8px!important;
  }
}

/* inline-migrated:v10611MobileQaCenter */
@media (max-width: 768px){
  #v955QuickPromptActions .v955-quick-buttons{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  #v955QuickPromptActions #v955InspectBtn{
    margin-left:auto;
    margin-right:auto;
  }
}

/* inline-migrated:v10612QaPassState */
#v955InspectBtn.v10612-qa-pass{
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%) !important;
  border-color:#15803d !important;
  box-shadow:0 6px 14px rgba(22,163,74,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
#v955InspectBtn.v10612-qa-pass:hover{
  background:linear-gradient(180deg,#16a34a 0%,#15803d 100%) !important;
}

/* inline-migrated:v10623MobileRecordVisibleFix */
@media (max-width:768px){
  /* 原按钮视觉不变，只修复手机端 flex 挤压导致的不可见。 */
  .hero{
    position:relative!important;
  }

  #recordBtn.record-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;

    position:absolute!important;
    right:10px!important;
    bottom:10px!important;
    top:auto!important;
    left:auto!important;

    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    margin:0!important;
    padding:0 8px!important;

    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    transform:none!important;

    /* 沿用原 record-btn 的视觉参数 */
    border-radius:16px!important;
    border:1px solid #a34cff!important;
    background:#0b0719db!important;
    color:#fff2bd!important;
    font-size:11px!important;
    font-weight:800!important;
    box-shadow:0 0 18px #7830e64c!important;
    z-index:5!important;
  }

  #recordBtn.record-btn svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    fill:#ffdd55!important;
  }

  #recordBtn.record-btn span{
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    max-width:none!important;
    color:#fff2bd!important;
    white-space:nowrap!important;
  }

  /* 防止旧覆盖层把按钮再次压成一条线。 */
  #recordBtn.record-btn::before,
  #recordBtn.record-btn::after{
    content:none!important;
    display:none!important;
  }
}

/* inline-migrated:v10625MobileRecordTopRightSlim */
@media (max-width:768px){
  #recordBtn.record-btn{
    top:10px!important;
    right:10px!important;
    bottom:auto!important;
    left:auto!important;

    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0 8px!important;
    gap:5px!important;
    border-radius:14px!important;
    font-size:10px!important;
    line-height:1!important;
    transform:none!important;
  }

  #recordBtn.record-btn svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
  }
}

@media (max-width:390px){
  #recordBtn.record-btn{
    top:8px!important;
    right:8px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
}

/* inline-migrated:v10626MobileQaCompactWidth */
@media (max-width:768px){
  /* 检测按钮恢复紧凑尺寸：保持居中，不再横向铺满。 */
  #v955QuickPromptActions .v955-quick-buttons{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }

  #v955QuickPromptActions #v955InspectBtn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:180px!important;
    max-width:220px!important;
    padding-left:22px!important;
    padding-right:22px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:390px){
  #v955QuickPromptActions #v955InspectBtn{
    min-width:168px!important;
    max-width:200px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* inline-migrated:v10628MobileRecordReliable */
.mobile-record-btn{display:none;}

@media (max-width:768px){
  /* 原 recordBtn 在旧响应式样式中可能被压缩/裁切；手机版使用同视觉语言的独立按钮，保证稳定显示。 */
  #recordBtn.record-btn{display:none!important;}

  .hero{
    position:relative!important;
  }

  #mobileRecordBtn.mobile-record-btn{
    all:unset!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    z-index:9999!important;

    height:30px!important;
    padding:0 9px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    white-space:nowrap!important;
    cursor:pointer!important;

    border:1px solid #a34cff!important;
    border-radius:14px!important;
    background:#0b0719db!important;
    box-shadow:0 0 18px #7830e64c!important;
    color:#fff2bd!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    font-family:inherit!important;
  }

  #mobileRecordBtn.mobile-record-btn svg{
    display:block!important;
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    fill:#ffdd55!important;
  }

  #mobileRecordBtn.mobile-record-btn span{
    display:inline!important;
    color:#fff2bd!important;
    white-space:nowrap!important;
  }
}

@media (max-width:390px){
  #mobileRecordBtn.mobile-record-btn{
    top:8px!important;
    right:8px!important;
    height:28px!important;
    padding:0 8px!important;
  }
}

/* inline-migrated:v10629DesktopProgressFullWidth */
@media (min-width:769px){
  /* 电脑端生成流程：背景边框横向铺满当前内容区。 */
  .pro-progress{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:18px!important;
    padding-right:18px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* 四个步骤等宽，数字与文字在各自区域内居中。 */
  .pro-progress .pro-step{
    flex:1 1 0!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:10px!important;
  }

  .pro-progress .pro-step i,
  .pro-progress .pro-step span{
    flex:0 0 auto!important;
    text-align:center!important;
  }

  /* 连接线只占步骤之间的剩余视觉空间，不挤偏文字。 */
  .pro-progress .pro-line{
    flex:0 1 110px!important;
    min-width:40px!important;
    max-width:110px!important;
    margin:0 8px!important;
  }
}

/* inline-migrated:v106211QaStateDrivenColor */
/* QA 按钮颜色只由检测状态决定，桌面/手机统一。
   未 PASS 始终红色；只有 JS 写入 v10612-qa-pass 后才允许显示绿色。 */
#v955InspectBtn:not(.v10612-qa-pass),
#v955InspectBtn:not(.v10612-qa-pass):hover,
#v955InspectBtn:not(.v10612-qa-pass):focus,
#v955InspectBtn:not(.v10612-qa-pass):focus-visible,
#v955InspectBtn:not(.v10612-qa-pass):active{
  background:linear-gradient(180deg,#ff5368 0%,#e62f4c 58%,#be1636 100%)!important;
  border-color:#ff7b88!important;
  color:#fff!important;
  box-shadow:0 7px 14px rgba(190,22,54,.30),inset 0 1px 0 rgba(255,255,255,.28)!important;
}

#v955InspectBtn.v10612-qa-pass,
#v955InspectBtn.v10612-qa-pass:hover,
#v955InspectBtn.v10612-qa-pass:focus,
#v955InspectBtn.v10612-qa-pass:focus-visible,
#v955InspectBtn.v10612-qa-pass:active{
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%)!important;
  border-color:#15803d!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(22,163,74,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

/* inline-migrated:v106212MobileNavAnchorPrecision */
@media (max-width:760px){
  #basicSettingsPanel,
  .stage-topic,
  #plannerPanel,
  .result-workspace-title,
  #workflowPanel,
  #wrongQuestionPanel{
    scroll-margin-top:82px!important;
  }
}

/* inline-migrated:v11214-preflight-state-theme */
/* V11.2.14｜工作台状态框：生成前淡紫；生成后透明绿玻璃；字数透明黄 */
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > span,
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > #preflightFinalState,
#finalResultMeta::after{
  background:rgba(168,85,247,.10)!important;
  border:1px solid rgba(192,132,252,.28)!important;
  color:#ddd6fe!important;
  box-shadow:inset 0 0 14px rgba(168,85,247,.035)!important;
  backdrop-filter:blur(10px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(115%)!important;
}
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight > span::before,
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > #preflightFinalState::before{
  color:#ddd6fe!important;
}

/* 生成成功后：六个状态 + 编译状态统一透明绿色玻璃 */
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight.is-generated > span:not(#finalCharCount),
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > #preflightFinalState.done,
#finalResultMeta.is-generated::after{
  background:rgba(34,197,94,.10)!important;
  border:1px solid rgba(74,222,128,.38)!important;
  color:#86efac!important;
  box-shadow:inset 0 0 16px rgba(34,197,94,.045),0 0 10px rgba(34,197,94,.035)!important;
}
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight.is-generated > span:not(#finalCharCount)::before,
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > #preflightFinalState.done::before{
  color:#86efac!important;
}

/* 生成后字数栏：透明黄色玻璃，和状态绿明确区分 */
.result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace > .final-result-meta.final-preflight.is-generated > #finalCharCount{
  background:rgba(250,204,21,.10)!important;
  border:1px solid rgba(250,204,21,.42)!important;
  color:#fde68a!important;
  box-shadow:inset 0 0 16px rgba(250,204,21,.045),0 0 10px rgba(250,204,21,.025)!important;
}

/* V11.2.21 授权页底部版权文案：垂直居中 */
.license-box .license-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  line-height:1.45!important;
  text-align:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* inline-migrated:v11227CurriculumSourceDividerSolid */
/* V11.2.27｜课程数据库分割线：取消两端渐变，改为完整实线 */
.curriculum-source-divider{
  width:100%;
  height:1px;
  margin:14px 0 14px;
  background:rgba(177,94,255,.42);
  opacity:.72;
}
@media (max-width:768px){
  .curriculum-source-divider{margin:12px 0 12px;}
}

/* inline-migrated:v11224StickyNavLayoutSafeFix */
/* V11.2.24｜浮动导航持续显示 + 原版式保护：只控制定位，不重写组件布局 */
#v77StickyNav.v11224-nav-fixed{
  position:fixed!important;
  top:max(6px,env(safe-area-inset-top))!important;
  z-index:999999!important;
  margin-top:0!important;
}
.v77-mobile-nav-placeholder.v11224-active{
  display:block!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  #v77StickyNav.v11224-nav-fixed{
    left:9px!important;
    right:9px!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* inline-migrated:v11234-mobile-mode-grid-single-source-center */
/* V11.2.34｜手机端生成模式布局单一真值源：固定 2×4、整组严格水平居中 */
@media (max-width:760px){
  #plannerPanel .mode-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  #plannerPanel .mode-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,auto)!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin:6px auto 8px!important;
    padding:0!important;
    column-gap:10px!important;
    row-gap:8px!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    justify-items:stretch!important;
    align-items:center!important;
  }
  #plannerPanel .mode-tabs > button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:stretch!important;
    text-align:center!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
}

/* inline-migrated:v11229-planner-summary-meta-promoted */
/* V11.2.29：移除“AI 智能规划 / 自动规划”标题行，将规划摘要上移并与恢复按钮同排 */
#plannerSummary .planner-summary-head.planner-summary-head-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}
#plannerSummary .planner-summary-meta.planner-summary-meta-promoted{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 7px !important;
  margin:0 !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
#plannerSummary .planner-summary-meta-promoted b{
  white-space:nowrap !important;
}
#plannerSummary .planner-head-actions{
  flex:0 0 auto !important;
  margin-left:auto !important;
}
@media (max-width: 768px){
  #plannerSummary .planner-summary-head.planner-summary-head-meta{
    gap:8px !important;
  }
  #plannerSummary .planner-summary-meta.planner-summary-meta-promoted{
    flex-wrap:nowrap !important;
    gap:0 5px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }
  #plannerSummary .planner-summary-meta-promoted b,
  #plannerSummary .planner-summary-meta-promoted span{
    white-space:nowrap !important;
  }
  #plannerSummary .planner-head-actions button{
    white-space:nowrap !important;
  }
}

/* inline-migrated:v11230-compiler-qa-status-single-line */
/* V11.2.30：Compiler QA 状态文案优先单行完整显示 */
#v955QuickPromptActions .v955-quick-left{
  min-width:0 !important;
}
#v955QuickStatus{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  line-height:1.35 !important;
}
@media (max-width:768px){
  #v955QuickPromptActions .v955-quick-left{
    width:100% !important;
  }
  #v955QuickStatus{
    font-size:clamp(10px, 2.8vw, 13px) !important;
    letter-spacing:-0.02em !important;
  }
}
@media (max-width:420px){
  #v955QuickStatus{
    font-size:10px !important;
    letter-spacing:-0.035em !important;
  }
}

/* inline-migrated:v1145HeaderOnly */
/* V11.4.5｜只替换顶部品牌；其余首页 UI 完整继承 V11.2.34 */
.v1145-hero{
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:154px!important;
  height:154px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 150px 6px 18px!important;
  overflow:hidden!important;
}
.v1145-brand-art{
  width:100%!important;
  height:142px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.v1145-brand-art img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:142px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin-left:0!important;
  margin-right:auto!important;
  background:transparent!important;
}
#recordBtn.v1145-record-btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  right:30px!important;
  top:50%!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  z-index:9!important;
  white-space:nowrap!important;
}
@media(max-width:768px){
  .v1145-hero{
    min-height:104px!important;
    height:104px!important;
    padding:5px 78px 5px 6px!important;
  }
  .v1145-brand-art{height:94px!important;}
  .v1145-brand-art img{max-height:94px!important;max-width:100%!important;}
  #recordBtn.v1145-record-btn{
    display:inline-flex!important;
    right:6px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0 8px!important;
    gap:5px!important;
    border-radius:14px!important;
    font-size:10px!important;
  }
  #recordBtn.v1145-record-btn svg{width:16px!important;height:16px!important;flex:0 0 16px!important;}
}
@media(max-width:390px){
  .v1145-hero{height:96px!important;min-height:96px!important;padding-right:72px!important;}
  .v1145-brand-art{height:86px!important;}
  .v1145-brand-art img{max-height:86px!important;}
}

/* inline-migrated:v11352-ui-regression-fixes */
/* V11.35.4｜风格适配状态可见色 */
#v850StyleFitScore.score-high{color:#86efac!important;text-shadow:0 0 10px rgba(34,197,94,.28)!important;}
#v850StyleFitScore.score-mid{color:#fde68a!important;text-shadow:0 0 10px rgba(250,204,21,.24)!important;}
#v850StyleFitScore.score-low{color:#fca5a5!important;text-shadow:0 0 10px rgba(239,68,68,.22)!important;}

/* V11.35.4｜生成即显示六项数值评分，并恢复分数/QA状态颜色 */
#v957QualityStrip [data-v957].score-high{color:#86efac!important;}
#v957QualityStrip [data-v957].score-mid{color:#fde68a!important;}
#v957QualityStrip [data-v957].score-low{color:#fca5a5!important;}
html[data-compiler-qa-state="PASS"] #v955InspectBtn,
html[data-compiler-qa-state="PASS"] #v955InspectBtn:hover,
html[data-compiler-qa-state="PASS"] #v955InspectBtn:focus,
html[data-compiler-qa-state="PASS"] #v955InspectBtn:focus-visible,
html[data-compiler-qa-state="PASS"] #v955InspectBtn:active{
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%)!important;
  border-color:#15803d!important;color:#fff!important;
  box-shadow:0 6px 14px rgba(22,163,74,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#v957QualityStrip [data-v957].qa-pass{color:#86efac!important;}
#v957QualityStrip [data-v957].qa-review{color:#fde68a!important;}
#v957QualityStrip [data-v957].qa-fail{color:#fca5a5!important;}

/* V11.35.4｜Compiler QA 副标题超长自动换行，不截断 */
#v955QuickPromptActions .v955-quick-left{min-width:0!important;height:auto!important;}
#v955QuickStatus{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  line-height:1.55!important;
  height:auto!important;
  max-height:none!important;
}

/* V11.35.4｜电脑版专属错题“练习难度”整行铺满 */
@media (min-width:761px){
  #wrongQuestionPanel .wrong-settings-grid{width:100%!important;}
  #wrongQuestionPanel .wrong-setting-difficulty{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  #wrongQuestionPanel .wrong-difficulty-row{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #wrongQuestionPanel .wrong-difficulty-row button{width:100%!important;min-width:0!important;}
}

/* inline-migrated:v12495QaSingleOwnerState */
/* V12.4.9.8: QA state and button visual state remain persistent until Generate or a real compiler-parameter edit. */
#v955InspectBtn[data-qa-state="PASS"],
#v955InspectBtn[data-qa-state="PASS"]:hover,
#v955InspectBtn[data-qa-state="PASS"]:focus,
#v955InspectBtn[data-qa-state="PASS"]:active{
  background:linear-gradient(180deg,#22c55e 0%,#16a34a 100%)!important;
  border-color:#15803d!important;color:#fff!important;
  box-shadow:0 6px 14px rgba(22,163,74,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#v957QualityStrip [data-v957].qa-pass{color:#86efac!important;}
#v957QualityStrip [data-v957].qa-review{color:#fde68a!important;}
#v957QualityStrip [data-v957].qa-fail{color:#fda4af!important;}

/* inline-migrated:inline-style-20 */
'+
      ':host{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:fixed!important;right:18px!important;bottom:18px!important;z-index:2147483000!important}'+
      '*{box-sizing:border-box}'+
      'a{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:11px 17px!important;border-radius:14px!important;background:#ffd84d!important;color:#2a1737!important;font:800 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.35)!important;white-space:nowrap!important}'+
      '@media(max-width:720px){:host{right:12px!important;bottom:12px!important}a{min-height:42px!important;padding:9px 13px!important;font-size:13px!important}}'+
      '


/* V13.7.1｜01 / 02 / 03 编号徽章最终统一
   根因修复：01 使用真实 #basicSettingsPanel。
   以 01 立体黄色视觉为基准同步 02/03，并删除内部白色细线框。 */
@media(max-width:760px){
  #basicSettingsPanel>.section-heading,
  .stage-02.main-stage-panel>.section-heading,
  #plannerPanel>.section-heading{
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    column-gap:10px!important;padding-left:12px!important;padding-right:12px!important;
  }
  #basicSettingsPanel>.section-heading>.num,
  .stage-02.main-stage-panel>.section-heading>.num,
  #plannerPanel>.section-heading>.num{
    position:relative!important;left:0!important;right:auto!important;top:auto!important;bottom:auto!important;inset:auto!important;
    grid-column:1!important;grid-row:1/3!important;justify-self:start!important;align-self:center!important;
    flex:0 0 58px!important;width:58px!important;min-width:58px!important;max-width:58px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
    margin:0!important;padding:0!important;transform:none!important;translate:none!important;scale:1!important;box-sizing:border-box!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:14px!important;border:1px solid rgba(255,205,25,.92)!important;outline:0!important;
    background:
      radial-gradient(circle at 28% 20%,rgba(255,255,255,.68),transparent 27%),
      linear-gradient(145deg,#fff49a 0%,#ffd82e 42%,#ffb500 100%)!important;
    color:#2b1900!important;font-size:21px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.02em!important;
    text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
    box-shadow:
      inset 0 -5px 8px rgba(173,91,0,.18),
      0 4px 0 #9f5e00,
      0 8px 18px rgba(255,184,0,.25),
      0 0 18px rgba(255,221,59,.14)!important;
    filter:none!important;
  }
  #basicSettingsPanel>.section-heading>.num::before,
  #basicSettingsPanel>.section-heading>.num::after,
  .stage-02.main-stage-panel>.section-heading>.num::before,
  .stage-02.main-stage-panel>.section-heading>.num::after,
  #plannerPanel>.section-heading>.num::before,
  #plannerPanel>.section-heading>.num::after{
    content:none!important;display:none!important;position:static!important;inset:auto!important;
    border:0!important;outline:0!important;background:none!important;box-shadow:none!important;
  }
}


/* =========================================================
   V13.7.2｜01/02/03 Header + 黄色编号单一锁
   目标：
   1. 01/02/03 黄色编号视觉、尺寸、位置绝对一致；
   2. 删除三者内部白色细线；
   3. 03 展开/收起时编号、标题、副标题、按钮坐标完全不变。
   ========================================================= */
@media(max-width:760px){

  /* ---- Header 几何统一：状态切换不允许改网格 ---- */
  .main-stage-panel.stage-01>.section-heading,
  .main-stage-panel.stage-01.v847-collapsed>.section-heading,
  .main-stage-panel.stage-02>.section-heading,
  .main-stage-panel.stage-03>.section-heading,
  .main-stage-panel.stage-03.pro-collapsed>.section-heading{
    position:relative!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:30px 20px!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;

    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;

    margin:0 -10px 12px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
  }

  /* ---- 01/02/03 黄色编号：一条规则拥有全部视觉 ---- */
  .main-stage-panel.stage-01>.section-heading>.num,
  .main-stage-panel.stage-01.v847-collapsed>.section-heading>.num,
  .main-stage-panel.stage-02>.section-heading>.num,
  .main-stage-panel.stage-03>.section-heading>.num,
  .main-stage-panel.stage-03.pro-collapsed>.section-heading>.num{
    position:relative!important;
    grid-column:1!important;
    grid-row:1 / 3!important;
    justify-self:start!important;
    align-self:center!important;

    left:0!important;right:auto!important;top:auto!important;bottom:auto!important;
    inset:auto!important;
    margin:0!important;
    padding:0!important;

    flex:none!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;

    transform:none!important;
    translate:none!important;
    scale:1!important;
    filter:none!important;

    border:1px solid rgba(255,234,108,.96)!important;
    border-radius:14px!important;
    outline:0!important;

    background:
      radial-gradient(circle at 28% 18%,rgba(255,255,255,.72) 0,rgba(255,255,255,.28) 17%,transparent 31%),
      linear-gradient(180deg,#fff477 0%,#ffd62e 48%,#ffb300 100%)!important;

    color:#261700!important;
    font-size:21px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    text-shadow:0 1px 0 rgba(255,255,255,.55)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      inset 0 -5px 8px rgba(164,83,0,.18),
      0 4px 0 #9d5c00,
      0 8px 18px rgba(255,184,0,.25),
      0 0 18px rgba(255,221,59,.14)!important;
  }

  /* 白色“细线内框”来源彻底关闭 */
  .main-stage-panel.stage-01>.section-heading>.num::before,
  .main-stage-panel.stage-01>.section-heading>.num::after,
  .main-stage-panel.stage-02>.section-heading>.num::before,
  .main-stage-panel.stage-02>.section-heading>.num::after,
  .main-stage-panel.stage-03>.section-heading>.num::before,
  .main-stage-panel.stage-03>.section-heading>.num::after{
    content:none!important;
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:0!important;
    height:0!important;
    border:0!important;
    outline:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* ---- 01/02/03 标题、副标题固定同一文本列 ---- */
  .main-stage-panel.stage-01>.section-heading>strong,
  .main-stage-panel.stage-01.v847-collapsed>.section-heading>strong,
  .main-stage-panel.stage-02>.section-heading>strong,
  .main-stage-panel.stage-03>.section-heading>strong,
  .main-stage-panel.stage-03.pro-collapsed>.section-heading>strong{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
    left:0!important;right:auto!important;
    margin:0!important;padding:0!important;
    transform:none!important;translate:none!important;
    width:100%!important;min-width:0!important;
    text-align:left!important;
  }

  .main-stage-panel.stage-01>.section-heading>small,
  .main-stage-panel.stage-01.v847-collapsed>.section-heading>small,
  .main-stage-panel.stage-02>.section-heading>small,
  .main-stage-panel.stage-03>.section-heading>small,
  .main-stage-panel.stage-03.pro-collapsed>.section-heading>small{
    position:relative!important;
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
    left:0!important;right:auto!important;
    margin:0!important;padding:0!important;
    transform:none!important;translate:none!important;
    width:100%!important;min-width:0!important;
    text-align:left!important;
  }

  /* ---- 01/03 收起按钮固定第三列，收起状态不移动 ---- */
  .main-stage-panel.stage-01>.section-heading>.pro-section-toggle,
  .main-stage-panel.stage-01.v847-collapsed>.section-heading>.pro-section-toggle,
  .main-stage-panel.stage-03>.section-heading>.pro-section-toggle,
  .main-stage-panel.stage-03.pro-collapsed>.section-heading>.pro-section-toggle{
    position:relative!important;
    grid-column:3!important;
    grid-row:1 / 3!important;
    justify-self:end!important;
    align-self:center!important;

    left:auto!important;right:0!important;top:auto!important;bottom:auto!important;
    margin:0!important;
    transform:none!important;translate:none!important;scale:1!important;

    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   V13.7.3｜01 / 02 / 03 Header ROOT OWNER
   根因：旧 CSS 中存在大量 #basicSettingsPanel / #plannerPanel 的 ID + !important，
   V13.7.2 使用 class 选择器，优先级不够，所以 02/03 仍被历史规则覆盖。
   本版给 02 正式 ID=#topicPanel，并用等价 ID 级选择器统一三者。
   ========================================================= */
@media(max-width:760px){

  /* ---------- 三个 Header：同宽度列、同高度、同左右基准 ---------- */
  #basicSettingsPanel>.section-heading,
  #basicSettingsPanel.v847-collapsed>.section-heading,
  #topicPanel>.section-heading,
  #plannerPanel>.section-heading,
  #plannerPanel.pro-collapsed>.section-heading{
    position:relative!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    inset:auto!important;
    transform:none!important;translate:none!important;

    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 68px!important;
    grid-template-rows:30px 20px!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;

    margin:0 -10px 12px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
  }

  /* ---------- 三枚编号：同一视觉、同一尺寸、同一坐标 ---------- */
  #basicSettingsPanel>.section-heading>.num,
  #basicSettingsPanel.v847-collapsed>.section-heading>.num,
  #topicPanel>.section-heading>.num,
  #plannerPanel>.section-heading>.num,
  #plannerPanel.pro-collapsed>.section-heading>.num{
    position:relative!important;
    left:0!important;right:auto!important;top:auto!important;bottom:auto!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:1 / 3!important;
    justify-self:start!important;
    align-self:center!important;

    flex:0 0 58px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;

    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    filter:none!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid rgba(255,234,108,.96)!important;
    border-radius:14px!important;
    outline:0!important;
    background:
      radial-gradient(circle at 28% 18%,rgba(255,255,255,.72) 0,rgba(255,255,255,.28) 17%,transparent 31%),
      linear-gradient(180deg,#fff477 0%,#ffd62e 48%,#ffb300 100%)!important;
    color:#261700!important;
    font-size:21px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
    box-shadow:
      inset 0 -5px 8px rgba(164,83,0,.18),
      0 4px 0 #9d5c00,
      0 8px 18px rgba(255,184,0,.25),
      0 0 18px rgba(255,221,59,.14)!important;
  }

  /* 内部白色细线彻底关闭 */
  #basicSettingsPanel>.section-heading>.num::before,
  #basicSettingsPanel>.section-heading>.num::after,
  #topicPanel>.section-heading>.num::before,
  #topicPanel>.section-heading>.num::after,
  #plannerPanel>.section-heading>.num::before,
  #plannerPanel>.section-heading>.num::after{
    content:none!important;
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:0!important;height:0!important;
    border:0!important;
    outline:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* ---------- 标题、副标题：三个板块完全同一文本列 ---------- */
  #basicSettingsPanel>.section-heading>strong,
  #basicSettingsPanel.v847-collapsed>.section-heading>strong,
  #topicPanel>.section-heading>strong,
  #plannerPanel>.section-heading>strong,
  #plannerPanel.pro-collapsed>.section-heading>strong{
    position:relative!important;
    left:0!important;right:auto!important;top:auto!important;bottom:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:start!important;
    width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
    transform:none!important;translate:none!important;
    text-align:left!important;
  }

  #basicSettingsPanel>.section-heading>small,
  #basicSettingsPanel.v847-collapsed>.section-heading>small,
  #topicPanel>.section-heading>small,
  #plannerPanel>.section-heading>small,
  #plannerPanel.pro-collapsed>.section-heading>small{
    position:relative!important;
    left:0!important;right:auto!important;top:auto!important;bottom:auto!important;
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:start!important;
    width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;
    transform:none!important;translate:none!important;
    text-align:left!important;
  }

  /* ---------- 01 / 03 折叠按钮：状态切换前后坐标锁死 ---------- */
  #basicSettingsPanel>.section-heading>#basicSettingsToggle,
  #basicSettingsPanel.v847-collapsed>.section-heading>#basicSettingsToggle,
  #plannerPanel>.section-heading>.pro-section-toggle,
  #plannerPanel.pro-collapsed>.section-heading>.pro-section-toggle{
    position:relative!important;
    left:auto!important;right:0!important;top:auto!important;bottom:auto!important;
    grid-column:3!important;
    grid-row:1 / 3!important;
    justify-self:end!important;
    align-self:center!important;

    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;

    margin:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
    box-sizing:border-box!important;
  }
}


/* =========================================================
   V13.7.4｜01 / 02 / 03 编号尺寸对齐 04 工作台
   仅调整编号尺寸与 Header 第一列，不改变 V13.7.3 已修复的
   位置、视觉、折叠坐标和业务逻辑。
   手机端以 04 工作台当前紧凑徽章尺寸 54×54 为统一基准。
   ========================================================= */
@media(max-width:760px){
  #basicSettingsPanel>.section-heading,
  #basicSettingsPanel.v847-collapsed>.section-heading,
  #topicPanel>.section-heading,
  #plannerPanel>.section-heading,
  #plannerPanel.pro-collapsed>.section-heading{
    grid-template-columns:54px minmax(0,1fr) 68px!important;
  }

  #basicSettingsPanel>.section-heading>.num,
  #basicSettingsPanel.v847-collapsed>.section-heading>.num,
  #topicPanel>.section-heading>.num,
  #plannerPanel>.section-heading>.num,
  #plannerPanel.pro-collapsed>.section-heading>.num{
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    border-radius:13px!important;
    font-size:19px!important;
  }
}


/* =========================================================
   V13.7.5｜电脑端 04 编号尺寸对齐 01/02/03
   仅缩小 Prompt智能工作台 04 徽章；手机端与 01/02/03 已通过样式不动。
   ========================================================= */
@media(min-width:761px){
  .result-workspace-title>span{
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    font-size:19px!important;
    line-height:1!important;
  }
}


/* =========================================================
   V13.7.6｜电脑端 01 / 02 / 03 / 04 编号绝对同尺寸
   根因修复：V13.7.5 的 .result-workspace-title>span 优先级低于历史
   .result-workspace-title.main-stage-panel > span:first-child + !important，
   所以 04 实际尺寸没有被覆盖。
   本版四枚编号全部由等价高优先级最终规则统一为 54×54。
   ========================================================= */
@media(min-width:761px){
  #basicSettingsPanel>.section-heading>.num,
  #topicPanel>.section-heading>.num,
  #plannerPanel>.section-heading>.num,
  .result-workspace-title.pro-final-stage.main-stage-panel.stage-06.v956-prompt-workspace>span:first-child{
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    font-size:19px!important;
    line-height:1!important;
    transform:none!important;
    translate:none!important;
    scale:1!important;
  }
}


/* =========================================================
   V13.7.7｜手机端信息密度优化
   目标：减少教师工作流卡片与 Compiler QA 六项状态卡的纵向留白，
   保持现有 2×2 / 3×2 布局，不改变业务与交互。
   ========================================================= */
@media(max-width:760px){

  /* ---------- 教师工作流四个卡片：2×2 继续保留，但高度收紧 ---------- */
  #workflowPanel .workflow-options{
    gap:8px!important;
    margin-top:9px!important;
  }

  #workflowPanel .workflow-option{
    min-height:82px!important;
    height:82px!important;
    padding:9px 9px!important;
    align-items:center!important;
    gap:7px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }

  #workflowPanel .workflow-option input{
    margin:0!important;
    align-self:center!important;
  }

  #workflowPanel .workflow-option b{
    font-size:11px!important;
    line-height:1.2!important;
    margin:0!important;
  }

  #workflowPanel .workflow-option small{
    margin-top:3px!important;
    font-size:8.8px!important;
    line-height:1.25!important;
  }

  /* ---------- Compiler QA 六项状态卡：3×2，降低高度和内边距 ---------- */
  #v957QualityStrip,
  .v957-quality-strip,
  .compiler-qa-strip{
    gap:7px!important;
  }

  #v957QualityStrip > *,
  .v957-quality-strip > *,
  .compiler-qa-strip > *{
    min-height:68px!important;
    height:68px!important;
    padding:9px 7px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }

  #v957QualityStrip > * > span,
  #v957QualityStrip > * > small,
  .v957-quality-strip > * > span,
  .v957-quality-strip > * > small{
    margin:0!important;
    line-height:1.15!important;
  }

  #v957QualityStrip > * > b,
  #v957QualityStrip > * > strong,
  .v957-quality-strip > * > b,
  .v957-quality-strip > * > strong{
    margin:0!important;
    line-height:1.1!important;
  }
}

@media(max-width:430px){
  #workflowPanel .workflow-option{
    min-height:78px!important;
    height:78px!important;
    padding:8px!important;
  }

  #v957QualityStrip > *,
  .v957-quality-strip > *,
  .compiler-qa-strip > *{
    min-height:64px!important;
    height:64px!important;
    padding:8px 6px!important;
  }
}


/* =========================================================
   V13.7.8｜主生成按钮统一为教师工作流绿色玻璃风格
   作用对象：
   1. 普通知识卡“生成提示词”
   2. 教师工作流“生成专用提示词”（作为视觉基准继续锁定）
   电脑端 + 手机端统一；不改变按钮尺寸、布局、文字和业务逻辑。
   ========================================================= */
#generateBtn.main-generate-btn,
#workflowPanel #generateWorkflowBtn{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  border:1px solid rgba(111,255,187,.88)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#2ce18d 0%,#10c873 54%,#079a55 100%)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.30)!important;
  box-shadow:
    0 5px 0 #056d3d,
    0 9px 18px rgba(8,176,96,.30),
    0 0 18px rgba(31,230,139,.12),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -2px 1px rgba(0,83,43,.25)!important;
  filter:none!important;
}

/* 玻璃高光 */
#generateBtn.main-generate-btn::before,
#workflowPanel #generateWorkflowBtn::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:4px!important;
  height:42%!important;
  border-radius:14px 14px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.12) 42%,rgba(255,255,255,0))!important;
  pointer-events:none!important;
  z-index:0!important;
}

#generateBtn.main-generate-btn > *,
#workflowPanel #generateWorkflowBtn{
  isolation:isolate!important;
}
#generateBtn.main-generate-btn > *{
  position:relative!important;
  z-index:1!important;
}

/* 主生成按钮原黄色文字改为白色，副标题保留可读性 */
#generateBtn.main-generate-btn .generate-copy b{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.32)!important;
}
#generateBtn.main-generate-btn .generate-copy small{
  color:rgba(239,255,247,.86)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.26)!important;
}
#generateBtn.main-generate-btn .generate-icon,
#generateBtn.main-generate-btn .generate-arrow{
  color:#fff!important;
}

/* 交互保持同一玻璃按钮语言 */
#generateBtn.main-generate-btn:hover,
#workflowPanel #generateWorkflowBtn:hover{
  filter:brightness(1.06)!important;
}
#generateBtn.main-generate-btn:active,
#workflowPanel #generateWorkflowBtn:active{
  transform:translateY(2px)!important;
  box-shadow:
    0 2px 0 #056d3d,
    0 5px 11px rgba(8,176,96,.26),
    inset 0 2px 4px rgba(0,83,43,.16)!important;
}

/* 手机端只同步颜色/玻璃质感，不改变现有紧凑高度 */
@media(max-width:760px){
  #generateBtn.main-generate-btn{
    border-radius:15px!important;
  }
}


/* =========================================================
   V13.7.9｜复制提示词按钮按压反馈 + 已复制状态
   点击复制：有明显下压反馈；复制成功：显示“✓ 已复制”；
   点击按钮外任意位置：由 JS 复位为“复制提示词”。
   ========================================================= */
#copyFinalPromptBtn{
  transform:translateY(0)!important;
  transition:
    transform .11s ease,
    filter .11s ease,
    box-shadow .11s ease,
    background .11s ease!important;
  transform-origin:center!important;
}

#copyFinalPromptBtn:active,
#copyFinalPromptBtn.is-pressing{
  transform:translateY(3px) scale(.98)!important;
  filter:brightness(.96)!important;
  box-shadow:
    inset 0 2px 5px rgba(118,65,0,.18),
    0 1px 0 #a86c00,
    0 3px 8px rgba(255,184,0,.18)!important;
}

#copyFinalPromptBtn.is-copied{
  color:#261700!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 36%),
    linear-gradient(180deg,#ffe665 0%,#ffd12b 58%,#ffb900 100%)!important;
  border-color:rgba(255,239,145,.98)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    inset 0 -2px 1px rgba(171,95,0,.16),
    0 3px 0 #a66a00,
    0 6px 12px rgba(255,184,0,.22)!important;
}


/* =========================================================
   V13.8.0｜AI专属错题生成按钮统一绿色玻璃风格
   电脑端 + 手机端统一参考“生成专用提示词”按钮。
   仅改颜色/玻璃质感/按压反馈，不改按钮尺寸、布局、文案和业务逻辑。
   ========================================================= */
#wrongQuestionPanel #generateWrongQuestionBtn{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  border:1px solid rgba(111,255,187,.88)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0) 34%),
    linear-gradient(180deg,#2ce18d 0%,#10c873 54%,#079a55 100%)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.30)!important;
  box-shadow:
    0 5px 0 #056d3d,
    0 9px 18px rgba(8,176,96,.30),
    0 0 18px rgba(31,230,139,.12),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -2px 1px rgba(0,83,43,.25)!important;
  filter:none!important;
  transform:none!important;
  transition:transform .11s ease,filter .11s ease,box-shadow .11s ease!important;
}

/* 顶部玻璃高光 */
#wrongQuestionPanel #generateWrongQuestionBtn::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:4px!important;
  height:42%!important;
  border-radius:14px 14px 50% 50%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.12) 42%,rgba(255,255,255,0))!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* 文案始终压在玻璃高光之上 */
#wrongQuestionPanel #generateWrongQuestionBtn > span,
#wrongQuestionPanel #generateWrongQuestionBtn > small{
  position:relative!important;
  z-index:1!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.30)!important;
}

/* 与图2一致的绿色玻璃按压反馈 */
#wrongQuestionPanel #generateWrongQuestionBtn:hover{
  filter:brightness(1.06)!important;
}
#wrongQuestionPanel #generateWrongQuestionBtn:active{
  transform:translateY(2px)!important;
  filter:brightness(.98)!important;
  box-shadow:
    0 2px 0 #056d3d,
    0 5px 11px rgba(8,176,96,.26),
    inset 0 2px 4px rgba(0,83,43,.16)!important;
}

/* 手机端保持现有高度与布局，仅同步绿色玻璃视觉 */
@media(max-width:760px){
  #wrongQuestionPanel #generateWrongQuestionBtn{
    border-radius:15px!important;
  }
}


/* =========================================================
   V13.8.1｜全端底部版权文字
   电脑端 + 手机端统一显示在页面内容最底部。
   ========================================================= */
.site-copyright-v1381{
  width:min(1180px,calc(100% - 32px));
  margin:24px auto 18px!important;
  padding:20px 12px 16px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  color:rgba(211,194,226,.48)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:.2px!important;
  border-top:1px solid rgba(168,85,247,.13)!important;
  user-select:none;
}

@media(max-width:760px){
  .site-copyright-v1381{
    width:calc(100% - 28px)!important;
    margin:20px auto 14px!important;
    padding:17px 8px 14px!important;
    font-size:11px!important;
    line-height:1.4!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   V13.8.2｜教师结果区顶部虚线改为直线
   只处理“教师专用提示词生成结果”顶部装饰虚线：
   保留虚线，取消弧形/圆角效果。
   ========================================================= */
#workflowResult,
.teacher-workflow-result,
.workflow-result{
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
}

/* 顶部装饰虚线若由伪元素绘制，强制拉直并取消圆角 */
#workflowResult::before,
.teacher-workflow-result::before,
.workflow-result::before{
  border-radius:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
  clip-path:none!important;
}

/* 结果标题区本身的虚线也保持水平直线 */
#workflowResult .workflow-result-head,
.teacher-workflow-result .workflow-result-head,
.workflow-result .workflow-result-head{
  border-radius:0!important;
}


/* =========================================================
   V13.8.3｜版权文字可见性根修复
   根因：V13.8.1 footer 放在 </main> 之后，未进入站点主内容布局；
   本版改为 main 内部最后一个真实内容节点，并强制可见。
   ========================================================= */
.site-copyright-v1383{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  max-width:none!important;
  min-height:54px!important;
  margin:24px 0 8px!important;
  padding:18px 12px 14px!important;
  box-sizing:border-box!important;

  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;

  color:rgba(218,204,229,.68)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.15px!important;

  border-top:1px solid rgba(168,85,247,.18)!important;
  background:transparent!important;
}

@media(max-width:760px){
  .site-copyright-v1383{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;

    width:100%!important;
    min-height:48px!important;
    margin:20px 0 6px!important;
    padding:15px 4px 12px!important;

    font-size:10.5px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    color:rgba(218,204,229,.66)!important;
  }
}


/* =========================================================
   V13.8.4｜教师结果区顶部虚线真正直线化
   根因：原虚线来自 .workflow-result 自身 border-top，
   元素历史 border-radius 会让虚线两端继续形成弧形。
   本版彻底取消原 border-top，改由独立 ::before 绘制水平虚线。
   ========================================================= */
#workflowResultPanel.workflow-result{
  position:relative!important;
  border-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
}

/* 独立绘制一条纯水平虚线，不参与容器圆角 */
#workflowResultPanel.workflow-result::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;

  width:auto!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-top:1px dashed rgba(163,91,201,.28)!important;
  border-radius:0!important;
  outline:0!important;

  background:none!important;
  box-shadow:none!important;
  clip-path:none!important;
  transform:none!important;
  pointer-events:none!important;
}

/* 标题区本身不再制造顶部圆角视觉 */
#workflowResultPanel.workflow-result>.workflow-result-head{
  border-radius:0!important;
}


/* =========================================================
   V13.8.5｜错题生成按钮玻璃层全覆盖修复
   原因：旧高光伪元素只覆盖上半区。
   本版改为整颗按钮全覆盖玻璃层，电脑端 + 手机端同时生效。
   ========================================================= */
#wrongQuestionPanel #generateWrongQuestionBtn{
  isolation:isolate!important;
}

/* 全按钮玻璃层 */
#wrongQuestionPanel #generateWrongQuestionBtn::before{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:12px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.46) 0%,
      rgba(255,255,255,.24) 18%,
      rgba(255,255,255,.10) 42%,
      rgba(255,255,255,.035) 70%,
      rgba(255,255,255,0) 100%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(255,255,255,.05)!important;

  pointer-events:none!important;
  z-index:0!important;
}

/* 轻微全层雾面，避免上下割裂 */
#wrongQuestionPanel #generateWrongQuestionBtn::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.035),
    rgba(255,255,255,.015) 45%,
    rgba(255,255,255,.05)
  )!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* 文案始终位于玻璃层上方 */
#wrongQuestionPanel #generateWrongQuestionBtn > span,
#wrongQuestionPanel #generateWrongQuestionBtn > small{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:760px){
  #wrongQuestionPanel #generateWrongQuestionBtn::before{
    inset:3px!important;
    border-radius:11px!important;
  }
}


/* =========================================================
   V13.8.6｜生成结果区双分割线去重
   保留横向主分割线，去掉叠在其上的短装饰线。
   ========================================================= */
#resultPanel .result-head::after,
#resultPanel .result-header::after,
#promptResult .result-head::after,
#promptResult .result-header::after,
.output-result .result-head::after,
.output-result .result-header::after{
  content:none!important;
  display:none!important;
  border:0!important;
  width:0!important;
  height:0!important;
  box-shadow:none!important;
  background:none!important;
}


/* =========================================================
   V13.8.7｜生成结果区双分割线精准去重
   根因复核：
   - 短线真实来源：#resultPanel > .result-heading::after
   - 长线保留：结果标题区原本的主分隔边框
   本版只关闭短线伪元素，不碰长线。
   ========================================================= */
#resultPanel > .result-heading::after{
  content:none!important;
  display:none!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}


/* =========================================================
   V13.8.8｜错题生成按钮玻璃层半幅位移根修复
   历史 ::before 留有水平位移规则；本版完整重置伪元素几何状态，
   让玻璃层真正覆盖整颗按钮。
   ========================================================= */

#wrongQuestionPanel #generateWrongQuestionBtn{
  isolation:isolate!important;
  overflow:hidden!important;
}

/* 玻璃层：完整覆盖按钮，清掉历史位移 */
#wrongQuestionPanel #generateWrongQuestionBtn::before{
  content:""!important;
  position:absolute!important;

  inset:auto!important;
  left:3px!important;
  right:3px!important;
  top:3px!important;
  bottom:3px!important;

  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;
  padding:0!important;

  transform:none!important;
  translate:none!important;
  scale:1!important;

  border:0!important;
  border-radius:12px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.44) 0%,
      rgba(255,255,255,.25) 18%,
      rgba(255,255,255,.12) 40%,
      rgba(255,255,255,.055) 66%,
      rgba(255,255,255,.018) 84%,
      rgba(255,255,255,0) 100%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -1px 0 rgba(255,255,255,.06)!important;

  line-height:0!important;
  pointer-events:none!important;
  z-index:0!important;
}

/* 全按钮轻雾层，避免上下分界 */
#wrongQuestionPanel #generateWrongQuestionBtn::after{
  content:""!important;
  position:absolute!important;

  inset:auto!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;

  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;

  transform:none!important;
  translate:none!important;
  scale:1!important;

  border:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.01) 48%,
      rgba(255,255,255,.035) 100%
    )!important;

  pointer-events:none!important;
  z-index:0!important;
}

#wrongQuestionPanel #generateWrongQuestionBtn > span,
#wrongQuestionPanel #generateWrongQuestionBtn > small{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:760px){
  #wrongQuestionPanel #generateWrongQuestionBtn::before{
    inset:auto!important;
    left:3px!important;
    right:3px!important;
    top:3px!important;
    bottom:3px!important;
    transform:none!important;
    border-radius:11px!important;
  }
}


/* =========================================================
   V13.8.9｜错题生成按钮按压反馈 + “生成中…”状态
   电脑端 + 手机端：
   - 按下立即下沉
   - 编译期间保持轻微压下/高亮状态
   - JS 完成后自动恢复原双行文案
   ========================================================= */
#wrongQuestionPanel #generateWrongQuestionBtn{
  transition:
    transform .10s ease,
    filter .10s ease,
    box-shadow .10s ease!important;
  transform-origin:center!important;
  will-change:transform!important;
}

#wrongQuestionPanel #generateWrongQuestionBtn:active{
  transform:translateY(3px) scale(.985)!important;
  filter:brightness(.97)!important;
  box-shadow:
    0 2px 0 #056d3d,
    0 4px 9px rgba(8,176,96,.24),
    inset 0 3px 7px rgba(0,83,43,.18)!important;
}

#wrongQuestionPanel #generateWrongQuestionBtn.is-generating{
  transform:translateY(2px) scale(.99)!important;
  filter:brightness(1.03)!important;
  box-shadow:
    0 2px 0 #056d3d,
    0 6px 13px rgba(8,176,96,.26),
    0 0 18px rgba(31,230,139,.15),
    inset 0 2px 5px rgba(0,83,43,.12)!important;
  cursor:wait!important;
}

#wrongQuestionPanel #generateWrongQuestionBtn.is-generating > span{
  font-weight:900!important;
  letter-spacing:.04em!important;
}


/* =========================================================
   V13.8.10｜错题生成按钮反馈强制可见
   - pointerdown 使用 is-pressed，避免 :active 被旧规则覆盖
   - 生成中状态至少显示 260ms
   - 电脑端 + 手机端统一
   ========================================================= */
#wrongQuestionPanel button#generateWrongQuestionBtn.is-pressed{
  transform:translateY(4px) scale(.982)!important;
  filter:brightness(.94)!important;
  box-shadow:
    0 1px 0 #056d3d,
    0 3px 7px rgba(8,176,96,.22),
    inset 0 4px 8px rgba(0,75,40,.23)!important;
}

#wrongQuestionPanel button#generateWrongQuestionBtn.is-generating{
  transform:translateY(2px) scale(.99)!important;
  filter:brightness(1.05)!important;
  box-shadow:
    0 2px 0 #056d3d,
    0 6px 14px rgba(8,176,96,.30),
    0 0 22px rgba(31,230,139,.20),
    inset 0 2px 5px rgba(0,83,43,.11)!important;
  cursor:wait!important;
}

#wrongQuestionPanel button#generateWrongQuestionBtn.is-generating > span{
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
}

#wrongQuestionPanel button#generateWrongQuestionBtn.is-generating > small{
  color:rgba(239,255,247,.90)!important;
}



/* V14.1.23｜单元复习双卡结果工作台：新增功能样式 */
.lesson-field.unit-review-optional{opacity:.78}
.lesson-field.unit-review-optional select{cursor:not-allowed}
#v850TopicTools.unit-review-hidden{display:none!important}
.unit-review-dual-result{display:grid;gap:18px;margin-top:14px}
.unit-review-dual-result.hidden{display:none!important}
.unit-review-set-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid rgba(183,111,255,.38);border-radius:16px;background:rgba(92,35,145,.13)}
.unit-review-set-note strong{font-size:16px}
.unit-review-set-note span{font-size:13px;opacity:.78}
.unit-review-prompt-card{border:1px solid rgba(183,111,255,.4);border-radius:18px;padding:14px;background:rgba(17,8,29,.58);overflow:hidden}
.unit-review-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.unit-review-prompt-head>div{display:grid;gap:3px}
.unit-review-prompt-head b{font-size:16px}
.unit-review-prompt-head small{opacity:.72}
.unit-review-prompt-head button{flex:0 0 auto;border:1px solid rgba(196,130,255,.6);border-radius:13px;padding:10px 14px;font-weight:800;cursor:pointer}
.unit-review-prompt-card pre{margin:0;max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:16px;border-radius:14px;background:rgba(0,0,0,.2);font-size:13px;line-height:1.68}
@media(max-width:720px){.unit-review-prompt-head{align-items:stretch;flex-direction:column}.unit-review-prompt-head button{width:100%}.unit-review-prompt-card pre{max-height:440px}}


/* =========================================================
   V14.3.5｜生成模式按钮视觉状态
   - 单元复习固定末位（DOM 已同步调整）
   - 未选中：红色文字
   - 选中：透明玻璃淡绿色
   ========================================================= */
[data-mode="mistake"]{
  color:#ff6b72 !important;
}
[data-mode="mistake"].active{
  color:#effff5 !important;
  background:linear-gradient(135deg,rgba(112,255,170,.22),rgba(77,221,145,.10)) !important;
  border-color:rgba(132,255,181,.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(85,255,160,.08),
    0 8px 24px rgba(50,210,120,.12),
    0 0 0 1px rgba(111,255,174,.08) !important;
  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
}
[data-mode="mistake"].active:hover{
  background:linear-gradient(135deg,rgba(112,255,170,.26),rgba(77,221,145,.13)) !important;
}