: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.6.9.1｜电脑端页面尺寸恢复
   仅影响桌面端，不修改手机端与授权逻辑
   ========================================================= */
@media (min-width: 761px){
  /* 旧版这里同时存在 width:853px + max-width:1040px，max-width 并不会把853px放大。
     桌面端恢复为正常工作台宽度。 */
  .app{
    width:min(calc(100% - 48px),1180px)!important;
    max-width:1180px!important;
    padding-left:24px!important;
    padding-right:24px!important;
    zoom:1!important;
    transform:none!important;
  }

  /* 顶部品牌区与主导航恢复桌面可读尺度 */
  .hero{min-height:172px!important;height:172px!important}
  .brand-copy h1{font-size:45px!important}
  .brand-copy p{font-size:20px!important}

  .v77-sticky-nav{
    width:100%!important;
    max-width:none!important;
  }
  .v77-sticky-nav > button{
    min-height:46px!important;
    font-size:14px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .v77-task-summary{font-size:13px!important}

  /* 流程步骤条不再缩成一小条 */
  .pro-progress{
    max-width:980px!important;
    min-height:58px!important;
  }
  .pro-step{font-size:14px!important;gap:9px!important}
  .pro-step i{width:30px!important;height:30px!important;font-size:13px!important}
  .pro-line{max-width:125px!important;margin-left:12px!important;margin-right:12px!important}

  /* 主卡片与标题恢复桌面阅读尺寸 */
  .panel{padding:22px 24px!important}
  .section-heading{min-height:56px!important;height:auto!important}
  .section-heading .num{
    width:46px!important;min-width:46px!important;height:46px!important;
    font-size:18px!important;
  }
  .section-heading strong{font-size:24px!important}
  .section-heading small{font-size:14px!important}

  .course-summary-pro{padding:12px 14px!important}
  .summary-status{font-size:12px!important}
  .summary-text{font-size:13px!important}

  /* 表单文字恢复正常桌面字号 */
  .control-label{font-size:16px!important}
  .control select{font-size:17px!important}
  .stage-tabs button{font-size:17px!important}
  .topic-input input{font-size:16px!important}
  .find-btn{font-size:18px!important}
}


/* =========================================================
   V8.6.9.2｜电脑端 06 最终Prompt工作台状态区改为2行
   目标：右侧状态不再竖向堆叠，减少高度和拥挤
   手机端继续沿用原 3列×2行 + 字数统计布局
   ========================================================= */

@media(min-width:761px){

  /* 06标题区：左侧编号+标题，右侧状态区 */
  .result-workspace-title.main-stage-panel{
    display:grid!important;
    grid-template-columns:58px minmax(260px,1fr) minmax(520px,46%)!important;
    column-gap:18px!important;
    align-items:center!important;
    min-height:118px!important;
    padding:18px 20px!important;
    box-sizing:border-box!important;
  }

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

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

  /* 7个状态信息：第一行4个，第二行3个 + 字数
     这样整个红框区域严格只有2行 */
  .result-workspace-title.main-stage-panel > .final-result-meta{
    grid-column:3!important;
    grid-row:1!important;

    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,34px)!important;
    gap:8px!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding: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:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 8px!important;

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

    border-radius:999px!important;
    box-sizing:border-box!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:760!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: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}

  /* “完成输出”作为第8个状态放到第2行第4列 */
  .result-workspace-title.main-stage-panel > i{
    grid-column:3!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:end!important;

    width:calc((46% - 24px) / 4)!important;
    min-width:105px!important;
    height:34px!important;
    min-height:34px!important;
    margin:0 0 0 0!important;
    transform:translateY(21px)!important;

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

    border-radius:999px!important;
    border:1px solid rgba(176,111,219,.26)!important;
    background:rgba(39,18,49,.82)!important;
    color:#d6c5dc!important;
    font-size:11px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:760!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
  }
}

/* 中等桌面宽度：仍保持2行，但稍微收紧字号 */
@media(min-width:761px) and (max-width:1180px){
  .result-workspace-title.main-stage-panel{
    grid-template-columns:56px minmax(230px,1fr) minmax(470px,48%)!important;
    column-gap:14px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta{
    gap:6px!important;
  }

  .result-workspace-title.main-stage-panel > .final-result-meta span,
  .result-workspace-title.main-stage-panel > i{
    font-size:10px!important;
  }
}


/* =========================================================
   V8.6.9.3｜电脑端整体尺寸 + 顶部品牌区最终恢复
   原因：实际100%浏览器下工作区仍过窄。
   这层使用 viewport 宽度而不再只依赖旧的853/1040px历史限制。
   手机端完全不受影响。
   ========================================================= */

@media (min-width: 1000px){

  /* 主工作台在大屏真正展开：
     约占浏览器 72%，同时限定合理上下限。 */
  .app{
    width:72vw!important;
    min-width:1120px!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:30px!important;
    padding-right:30px!important;
    box-sizing:border-box!important;
    zoom:1!important;
    transform:none!important;
  }

  /* 顶部参考图2：Logo + 大标题 + 永久免费同行 + 副标题 */
  .hero{
    width:100%!important;
    min-height:190px!important;
    height:190px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:30px!important;
    margin:0 0 18px!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hero .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:28px!important;
  }

  .hero .ai-logo{
    flex:0 0 126px!important;
    width:126px!important;
    height:126px!important;
    min-width:126px!important;
    min-height:126px!important;
    border-radius:27px!important;
    font-size:62px!important;
    line-height:1!important;
  }

  .hero .brand-copy{
    min-width:0!important;
    padding-top:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .hero .brand-copy h1.hero-title{
    margin:0!important;
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
    gap:22px!important;
    width:max-content!important;
    max-width:none!important;

    font-size:52px!important;
    line-height:1.08!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;

    background:linear-gradient(90deg,#ffe49b 0%,#ffd89a 28%,#f3a7e7 76%,#e68cf5 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    text-shadow:none!important;
  }

  /* 永久免费保持黄色，不参与主标题渐变 */
  .hero .brand-copy h1.hero-title .free-tag{
    display:inline-block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    font-size:.58em!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    color:#ffe36f!important;
    -webkit-text-fill-color:#ffe36f!important;
    background:none!important;
    text-shadow:0 0 12px rgba(255,210,66,.12)!important;
  }

  .hero .brand-copy p{
    margin:14px 0 0!important;
    font-size:22px!important;
    line-height:1.35!important;
    font-weight:500!important;
    letter-spacing:.01em!important;
    color:#aaa0b2!important;
    opacity:1!important;
    white-space:nowrap!important;
  }

  .hero .record-btn{
    flex:0 0 auto!important;
    margin:0!important;
    min-width:155px!important;
    height:58px!important;
    padding:0 24px!important;
    border-radius:18px!important;
    font-size:18px!important;
    font-weight:900!important;
    justify-content:center!important;
  }

  .hero .record-btn svg{
    width:24px!important;
    height:24px!important;
  }

  /* 顶部导航与后续内容跟随新主容器宽度 */
  .v77-sticky-nav,
  .course-summary-pro,
  .main-stage-panel,
  .generate-action-panel,
  .wrong-question-panel{
    width:100%!important;
    max-width:none!important;
  }

  .v77-sticky-nav{
    min-height:64px!important;
    padding:9px 12px!important;
  }

  .v77-sticky-nav > button{
    min-height:44px!important;
    font-size:15px!important;
    padding:0 18px!important;
  }

  .v77-task-summary{
    font-size:13px!important;
    max-width:42%!important;
  }

  .pro-progress{
    width:82%!important;
    max-width:1120px!important;
    min-height:62px!important;
  }

  .pro-step{
    font-size:15px!important;
  }

  .pro-step i{
    width:34px!important;
    height:34px!important;
    font-size:14px!important;
  }

  .pro-step span{
    font-size:15px!important;
  }
}

/* 1000~1250px 电脑端避免出现横向滚动 */
@media (min-width:1000px) and (max-width:1250px){
  .app{
    width:94vw!important;
    min-width:0!important;
    max-width:1160px!important;
  }

  .hero .brand-copy h1.hero-title{
    font-size:43px!important;
    gap:14px!important;
  }

  .hero .brand-copy p{
    font-size:18px!important;
  }

  .hero .ai-logo{
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
    flex-basis:108px!important;
    font-size:54px!important;
  }

  .hero .record-btn{
    min-width:130px!important;
    height:52px!important;
    padding:0 18px!important;
    font-size:16px!important;
  }
}


/* =========================================================
   V8.6.9.4｜电脑端06“完成输出”位置修复
   目标：
   - “完成输出”固定在右侧状态区第2行第4列
   - 与其它状态胶囊水平对齐
   - 不再下坠到风险条区域
   - 手机端不受影响
   ========================================================= */
@media(min-width:761px){

  .result-workspace-title.main-stage-panel{
    position:relative!important;
  }

  /* 状态区保持4列×2行 */
  .result-workspace-title.main-stage-panel > .final-result-meta{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,34px)!important;
    gap:8px!important;
    align-items:center!important;
    position:relative!important;
  }

  /* 完成输出不再靠外层grid定位，直接绝对定位到状态区右下角 */
  .result-workspace-title.main-stage-panel > i{
    position:absolute!important;
    right:20px!important;
    bottom:18px!important;

    width:calc((46% - 24px) / 4)!important;
    min-width:110px!important;
    max-width:180px!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;

    border-radius:999px!important;
    box-sizing:border-box!important;

    font-size:11px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:760!important;
    white-space:nowrap!important;
    z-index:3!important;
  }

  /* 给状态区第2行第4列预留完成输出位置，避免其它元素挤占 */
  #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}
}

/* 中等宽度电脑微调 */
@media(min-width:761px) and (max-width:1180px){
  .result-workspace-title.main-stage-panel > i{
    right:16px!important;
    bottom:18px!important;
    min-width:100px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V8.6.9.5｜部分手机端顶部 / 01基础设置错位兼容修复
   重点：
   1. 消除不同手机 viewport / DPR / 安全区造成的横向偏移
   2. 顶部 Hero 不再依赖固定高度
   3. 01 面板不再使用容易产生小数像素误差的超宽布局
   4. 底部固定生成条预留安全空间，避免遮挡 01 内容
   电脑端不受影响
   ========================================================= */

@media(max-width:760px){

  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{
    padding-left:env(safe-area-inset-left)!important;
    padding-right:env(safe-area-inset-right)!important;
  }

  .app{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;

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

    /* 给底部固定“生成提示词”条预留真实空间 */
    padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;

    box-sizing:border-box!important;
    overflow-x:clip!important;
  }

  /* =========================
     顶部品牌区域
     ========================= */
  .hero{
    position:relative!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

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

    margin:0 0 10px!important;
    padding:14px 10px 15px!important;

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

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

  .hero .brand{
    grid-column:1 / -1!important;
    grid-row:1!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;

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

  .hero .ai-logo{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    flex:0 0 68px!important;

    margin:0!important;
    border-radius:18px!important;
    font-size:34px!important;
  }

  .hero .brand-copy{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hero .brand-copy h1.hero-title{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:0!important;
    gap:2px 5px!important;

    font-size:clamp(20px,5.1vw,27px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;

    white-space:normal!important;
    overflow:visible!important;
    word-break:keep-all!important;
  }

  .hero .brand-copy h1.hero-title .free-tag{
    display:inline-block!important;
    width:auto!important;
    max-width:100%!important;

    margin:0!important;
    font-size:.56em!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  .hero .brand-copy p{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    margin:7px 0 0!important;

    font-size:12px!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  #recordBtn{
    grid-column:2!important;
    grid-row:2!important;

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

    width:auto!important;
    min-width:112px!important;
    max-width:145px!important;

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

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

    border-radius:14px!important;
    font-size:13px!important;
    box-sizing:border-box!important;
  }

  #recordBtn svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  /* =========================
     01 基础设置
     ========================= */
  #basicSettingsPanel{
    position:relative!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

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

    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:14px!important;

    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:14px!important;

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

  /* 标题背景贴边但不再 width:calc(100% + 20px)，
     避免部分安卓 WebView / Safari 出现 1~8px 偏移 */
  #basicSettingsPanel > .section-heading,
  #basicSettingsPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading{
    width:auto!important;
    max-width:none!important;

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

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

    box-sizing:border-box!important;
    transform:none!important;
  }

  #basicSettingsPanel .basic-grid,
  #basicSettingsPanel .v850-style-fit,
  #basicSettingsPanel .curriculum-box{
    position:relative!important;
    left:auto!important;
    right:auto!important;

    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

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

    box-sizing:border-box!important;
  }

  #basicSettingsPanel .basic-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  #basicSettingsPanel .control,
  #basicSettingsPanel .stage-control{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    height:64px!important;
    min-height:64px!important;

    display:grid!important;
    grid-template-columns:100px minmax(0,1fr)!important;
    align-items:center!important;

    padding:0!important;
    margin:0!important;

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

  #basicSettingsPanel .control-label{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    height:100%!important;

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

    display:flex!important;
    align-items:center!important;
    gap:7px!important;

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

  #basicSettingsPanel .control-label span{
    min-width:0!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }

  #basicSettingsPanel .control select,
  #basicSettingsPanel .stage-tabs{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  #basicSettingsPanel .control select{
    padding-left:12px!important;
    padding-right:28px!important;
    font-size:14px!important;
  }

  #basicSettingsPanel .stage-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #basicSettingsPanel .stage-tabs button{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0 5px!important;
    font-size:14px!important;
  }

  #basicSettingsPanel .curriculum-box{
    margin-top:12px!important;
    overflow:hidden!important;
  }

  /* 底部固定生成条使用安全区，不再紧贴屏幕造成视觉错位 */
  .mobile-pro-cta{
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;

    width:auto!important;
    max-width:none!important;

    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* 较窄手机：标题继续稳定，不再启用旧版“永久免费另起一整行”的极端规则 */
@media(max-width:390px){

  .app{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .hero{
    min-height:164px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .hero .brand{
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:9px!important;
  }

  .hero .ai-logo{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
    flex-basis:62px!important;
    font-size:31px!important;
  }

  .hero .brand-copy h1.hero-title{
    display:flex!important;
    font-size:clamp(18px,5vw,22px)!important;
    white-space:normal!important;
  }

  .hero .brand-copy h1.hero-title .free-tag{
    display:inline-block!important;
    margin:0!important;
    font-size:.54em!important;
  }

  #recordBtn{
    min-width:104px!important;
    height:43px!important;
    min-height:43px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }

  #basicSettingsPanel{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #basicSettingsPanel > .section-heading,
  #basicSettingsPanel.pro-collapsed > .section-heading,
  #basicSettingsPanel.v847-collapsed > .section-heading{
    margin-left:-8px!important;
    margin-right:-8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #basicSettingsPanel .control,
  #basicSettingsPanel .stage-control{
    grid-template-columns:92px minmax(0,1fr)!important;
    height:61px!important;
    min-height:61px!important;
  }

  #basicSettingsPanel .control-label{
    padding:0 8px!important;
  }

  #basicSettingsPanel .control-label span{
    font-size:12px!important;
  }

  #basicSettingsPanel .control select,
  #basicSettingsPanel .stage-tabs button{
    font-size:13px!important;
  }
}

/* 超窄屏也保持同一结构，避免旧规则重新改成错位Grid */
@media(max-width:360px){

  .hero{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
  }

  .hero .brand{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }

  #recordBtn{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
  }

  .hero .brand-copy h1.hero-title{
    display:flex!important;
    flex-wrap:wrap!important;
    white-space:normal!important;
    font-size:18px!important;
  }

  .hero .brand-copy h1.hero-title .free-tag{
    display:inline-block!important;
    width:auto!important;
    margin:0!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V8.6.9.6｜手机端 01基础设置 + 课程数据库 固定2列
   目标：
   - 基础设置：
     第1行 学段 | 年级
     第2行 学科 | 卡片比例
     第3行 卡片风格（整行）
   - 课程数据库：
     第1行 教材版本 | 册次
     第2行 单元/章 | 课文/节
   - 覆盖旧版部分手机回退成1列的规则
   ========================================================= */

@media(max-width:760px){

  /* 01基础设置固定2列 */
  #basicSettingsPanel .basic-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* 前四项保持半宽 */
  #basicSettingsPanel .basic-grid > .control:not(.full),
  #basicSettingsPanel .basic-grid > label.control:not(.full){
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* 卡片风格固定整行 */
  #basicSettingsPanel .basic-grid > .control.full,
  #basicSettingsPanel .basic-grid > label.control.full{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* 半宽控件：左侧标签更紧凑，右侧内容保留足够空间 */
  #basicSettingsPanel .control,
  #basicSettingsPanel .stage-control{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;

    min-height:64px!important;
    height:64px!important;

    display:grid!important;
    grid-template-columns:minmax(74px,40%) minmax(0,60%)!important;
    align-items:center!important;

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

  #basicSettingsPanel .control-label{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;

    padding:0 8px!important;
    gap:6px!important;

    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  #basicSettingsPanel .control-label svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    flex:0 0 20px!important;
  }

  #basicSettingsPanel .control-label span{
    min-width:0!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  #basicSettingsPanel .control select{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    padding:0 24px 0 7px!important;
    font-size:12px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
  }

  #basicSettingsPanel .stage-tabs{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:3px!important;
    box-sizing:border-box!important;
  }

  #basicSettingsPanel .stage-tabs button{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0 2px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  /* 整行卡片风格稍微给标签更多空间 */
  #basicSettingsPanel .basic-grid > .full{
    grid-template-columns:100px minmax(0,1fr)!important;
  }

  #basicSettingsPanel .basic-grid > .full .control-label{
    padding-left:10px!important;
  }

  #basicSettingsPanel .basic-grid > .full select{
    font-size:13px!important;
  }

  /* 课程数据库四级选择：始终2列×2行 */
  #basicSettingsPanel .curriculum-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  #basicSettingsPanel .curriculum-grid > label{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    display:block!important;
  }

  #basicSettingsPanel .curriculum-grid label span{
    display:block!important;
    min-width:0!important;
    margin:0 0 5px 2px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #basicSettingsPanel .curriculum-grid select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:43px!important;
    min-height:43px!important;
    padding:0 22px 0 8px!important;
    font-size:11.5px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
  }
}

/* 超窄手机仍然保持2列，不再回退1列 */
@media(max-width:390px){

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

  #basicSettingsPanel .control,
  #basicSettingsPanel .stage-control{
    grid-template-columns:minmax(66px,39%) minmax(0,61%)!important;
    min-height:60px!important;
    height:60px!important;
  }

  #basicSettingsPanel .control-label{
    padding:0 6px!important;
    gap:4px!important;
  }

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

  #basicSettingsPanel .control-label span{
    font-size:11px!important;
  }

  #basicSettingsPanel .control select,
  #basicSettingsPanel .stage-tabs button{
    font-size:11px!important;
  }

  #basicSettingsPanel .basic-grid > .full{
    grid-template-columns:92px minmax(0,1fr)!important;
  }

  #basicSettingsPanel .curriculum-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  #basicSettingsPanel .curriculum-grid label span{
    font-size:10px!important;
  }

  #basicSettingsPanel .curriculum-grid select{
    height:41px!important;
    min-height:41px!important;
    padding-left:6px!important;
    padding-right:18px!important;
    font-size:10.5px!important;
  }
}

/* 即使是特别窄的屏幕，也优先保持图2的双列结构 */
@media(max-width:350px){
  #basicSettingsPanel .basic-grid,
  #basicSettingsPanel .curriculum-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =========================================================
   V8.6.9.7｜电脑端整体视觉与可读性系统优化
   不是简单放宽页面，而是统一：
   - 标题层级
   - 正文 / 辅助文字
   - 按钮 / 标签 / 输入框
   - 卡片留白与模块密度
   - 03 / 04 / 05 / 06 / 错题区可读性
   手机端完全保持现有规则
   ========================================================= */

@media(min-width:1000px){

  /* ---------- 桌面整体尺度 ---------- */
  .app{
    width:min(76vw,1380px)!important;
    min-width:1080px!important;
    max-width:1380px!important;
    padding-left:26px!important;
    padding-right:26px!important;
    box-sizing:border-box!important;
  }

  body{
    font-size:14px!important;
    line-height:1.5!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;
  }

  /* ---------- 01~05 主章节标题 ---------- */
  .section-heading{
    min-height:70px!important;
    height:auto!important;
    gap:12px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
    align-items:center!important;
  }

  .section-heading .num{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    flex-basis:54px!important;
    border-radius:14px!important;
    font-size:22px!important;
    line-height:54px!important;
    font-weight:950!important;
  }

  .section-heading strong{
    font-size:25px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
  }

  .section-heading small{
    margin-left:2px!important;
    font-size:13px!important;
    line-height:1.4!important;
    color:#aaa0af!important;
    font-weight:500!important;
  }

  .pro-section-toggle,
  .v847-basic-toggle{
    min-width:88px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    font-size:14px!important;
    font-weight:850!important;
  }

  /* ---------- 顶部导航 / 流程 ---------- */
  .v77-sticky-nav{
    min-height:64px!important;
    padding:10px 12px!important;
    gap:8px!important;
    border-radius:14px!important;
  }

  .v77-sticky-nav > button{
    min-height:44px!important;
    height:44px!important;
    padding:0 18px!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  .v77-task-summary{
    font-size:12.5px!important;
    line-height:1.4!important;
    color:#c4b9c8!important;
  }

  .pro-progress{
    min-height:64px!important;
    padding:8px 14px!important;
  }

  .pro-step{
    gap:10px!important;
  }

  .pro-step i{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:14px!important;
    line-height:34px!important;
  }

  .pro-step span{
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:730!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;
  }

  /* ---------- 01 基础设置 ---------- */
  #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:126px!important;
    padding:0 14px!important;
    gap:10px!important;
    font-size:15px!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{
    padding-left:14px!important;
    padding-right:34px!important;
    font-size:15px!important;
    font-weight:650!important;
  }

  #basicSettingsPanel .stage-tabs button{
    font-size:15px!important;
    font-weight:800!important;
  }

  .v850-style-fit{
    min-height:50px!important;
    margin-top:14px!important;
    padding:9px 13px!important;
    border-radius:11px!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;
    line-height:1.45!important;
  }

  .curriculum-box{
    margin-top:15px!important;
    padding:16px!important;
    border-radius:14px!important;
  }

  .curriculum-title-wrap b{
    font-size:16px!important;
    line-height:1.25!important;
  }

  .curriculum-title-wrap small{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  .optional-badge,
  #dbBadge{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:11px!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{
    margin-bottom:7px!important;
    font-size:12px!important;
    font-weight:750!important;
  }

  .curriculum-grid select{
    height:47px!important;
    min-height:47px!important;
    padding:0 31px 0 11px!important;
    border-radius:10px!important;
    font-size:13.5px!important;
  }

  /* ---------- 02 主题设置 ---------- */
  .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{
    padding:0 16px!important;
    gap:12px!important;
  }

  .topic-input input{
    font-size:15px!important;
  }

  .topic-input svg{
    width:25px!important;
    height:25px!important;
  }

  .find-btn{
    min-width:180px!important;
    padding:0 20px!important;
    font-size:16px!important;
    font-weight:900!important;
  }

  .v850-topic-tools{
    margin-top:12px!important;
    gap:8px!important;
  }

  .v850-topic-tools > span{
    font-size:12px!important;
    font-weight:800!important;
  }

  .v850-topic-tools button{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
  }

  .v850-topic-tools small{
    font-size:11px!important;
  }

  .chips button,
  .chips .chip{
    min-height:34px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  /* ---------- 03 智能规划 ---------- */
  #plannerPanel .mode-wrap{
    margin-top:14px!important;
  }

  #plannerPanel .mode-label{
    margin-bottom:8px!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  #plannerPanel .mode-tabs{
    gap:8px!important;
  }

  #plannerPanel .mode-tabs button{
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:750!important;
  }

  #plannerPanel .planner-grid{
    gap:10px!important;
    margin-top:14px!important;
  }

  #plannerPanel .planner-item{
    min-height:67px!important;
    padding:12px 14px!important;
    border-radius:12px!important;
  }

  #plannerPanel .planner-item span{
    font-size:11.5px!important;
    line-height:1.3!important;
  }

  #plannerPanel .planner-item b{
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }

  #plannerPanel .planner-editor{
    margin-top:13px!important;
    padding:15px!important;
    border-radius:13px!important;
  }

  #plannerPanel .editor-head b{
    font-size:16px!important;
  }

  #plannerPanel .editor-head small{
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  #plannerPanel .planner-head-actions button{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:11.5px!important;
  }

  #plannerPanel .module-tags{
    gap:8px!important;
    margin-top:12px!important;
  }

  #plannerPanel .module-tags button,
  #plannerPanel .module-tags span{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }

  #plannerPanel .module-add{
    gap:9px!important;
    margin-top:11px!important;
  }

  #plannerPanel .module-add input{
    height:44px!important;
    padding:0 12px!important;
    font-size:13.5px!important;
  }

  #plannerPanel .module-add button{
    min-width:92px!important;
    height:44px!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  /* ---------- 主生成按钮 ---------- */
  .generate-action-panel{
    margin:0 0 20px!important;
  }

  .main-generate-btn{
    min-height:76px!important;
    height:76px!important;
    border-radius:15px!important;
    padding:0 22px!important;
  }

  .main-generate-btn .generate-icon{
    font-size:26px!important;
  }

  .main-generate-btn .generate-copy b{
    font-size:18px!important;
  }

  .main-generate-btn .generate-copy small{
    margin-top:3px!important;
    font-size:11.5px!important;
  }

  .main-generate-btn .generate-arrow{
    font-size:22px!important;
  }

  /* ---------- 04 教师工作流 ---------- */
  .workflow-count-chip{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  .workflow-mode{
    margin-top:13px!important;
  }

  .workflow-mode-head b{
    font-size:16px!important;
  }

  .workflow-mode-head small{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  #selectRecommendedWorkflowBtn{
    min-height:35px!important;
    padding:0 12px!important;
    font-size:11.5px!important;
  }

  .workflow-options{
    gap:11px!important;
    margin-top:13px!important;
  }

  .workflow-option{
    min-height:86px!important;
    padding:14px!important;
    border-radius:13px!important;
  }

  .workflow-option input{
    width:18px!important;
    height:18px!important;
  }

  .workflow-option span b{
    font-size:15px!important;
    line-height:1.25!important;
  }

  .workflow-option span small{
    margin-top:5px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  .workflow-actions{
    margin-top:13px!important;
    gap:10px!important;
  }

  .workflow-actions button{
    min-height:42px!important;
    padding:0 16px!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  .workflow-result-head b{
    font-size:15px!important;
  }

  .workflow-result-head small{
    font-size:11px!important;
  }

  /* ---------- 05 Prompt智能优化 ---------- */
  .pro-score-chip{
    min-height:32px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  .pro-score-chip b{
    font-size:14px!important;
  }

  .optimizer-grid{
    gap:9px!important;
    margin-top:13px!important;
  }

  .optimizer-grid > div{
    min-height:68px!important;
    padding:11px 10px!important;
    border-radius:11px!important;
  }

  .optimizer-grid span{
    font-size:11.5px!important;
    line-height:1.3!important;
  }

  .optimizer-grid b{
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.3!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;
    border-radius:10px!important;
  }

  .optimizer-options input{
    width:17px!important;
    height:17px!important;
  }

  .optimizer-report{
    padding:13px!important;
    margin-top:11px!important;
  }

  .optimizer-report-head b{
    font-size:15px!important;
  }

  .optimizer-report-head small{
    font-size:11.5px!important;
  }

  .v77-optimize-changes{
    min-height:44px!important;
    padding:7px 11px!important;
    gap:10px!important;
  }

  .v77-optimize-changes span{
    font-size:11.5px!important;
  }

  .v77-optimize-changes b{
    font-size:12.5px!important;
  }

  .optimizer-actions{
    gap:10px!important;
    margin-top:12px!important;
  }

  .optimizer-actions button{
    min-height:44px!important;
    padding:0 17px!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  /* ---------- 06 最终工作台 ---------- */
  .result-workspace-title.main-stage-panel{
    min-height:132px!important;
    padding:20px 22px!important;
    border-radius:20px!important;
  }

  .result-workspace-title.main-stage-panel > span:first-child{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    font-size:22px!important;
    border-radius:14px!important;
  }

  .result-workspace-title em{
    font-size:11px!important;
    letter-spacing:.12em!important;
  }

  .result-workspace-title b{
    font-size:24px!important;
    line-height:1.2!important;
  }

  .result-workspace-title small{
    margin-top:5px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  .result-workspace-title .final-result-meta span,
  .result-workspace-title.main-stage-panel > i{
    height:36px!important;
    min-height:36px!important;
    font-size:11.5px!important;
    font-weight:800!important;
  }

  .v850-risk-bar{
    min-height:52px!important;
    padding:8px 13px!important;
    margin:10px 0 18px!important;
  }

  .v850-risk-bar span,
  .v850-risk-bar b{
    font-size:12px!important;
  }

  .v850-risk-bar p{
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  .result-panel .result-heading-title strong{
    font-size:21px!important;
  }

  .result-panel .result-heading-title small{
    font-size:12px!important;
  }

  #copyFinalPromptBtn{
    min-width:128px!important;
    height:42px!important;
    font-size:13px!important;
  }

  #result{
    padding:20px!important;
    font-size:14px!important;
    line-height:1.72!important;
    letter-spacing:.01em!important;
  }

  /* ---------- AI专属错题 ---------- */
  .wrong-question-panel{
    padding:20px 22px!important;
    border-radius:20px!important;
  }

  .wrong-question-heading{
    min-height:72px!important;
    padding:13px 15px!important;
  }

  .wrong-title-wrap strong{
    font-size:21px!important;
    line-height:1.2!important;
  }

  .wrong-title-wrap small{
    margin-top:4px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  .wrong-family-chip{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  .wrong-mode-tabs{
    gap:9px!important;
    margin:14px 0 11px!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;
    font-weight:750!important;
  }

  .wrong-current-course{
    min-height:50px!important;
    padding:10px 12px!important;
  }

  .wrong-current-course span{
    font-size:11.5px!important;
  }

  .wrong-current-course b{
    font-size:13px!important;
  }

  .wrong-setting-title b{
    font-size:14px!important;
  }

  .wrong-setting-title small{
    font-size:11px!important;
  }

  .wrong-quick-box label{
    font-size:13px!important;
  }

  .wrong-quick-box input{
    height:46px!important;
    font-size:13.5px!important;
  }

  .wrong-quick-box small{
    font-size:11px!important;
    line-height:1.5!important;
  }

  /* ---------- 全局小字下限：避免电脑端出现8~9px不可读文本 ---------- */
  .helper,
  .hint,
  .small-note,
  .curriculum-note,
  .curriculum-source-hint,
  .library-card small,
  .history-card-v68 small,
  .settings-grid label > span,
  .settings-toggle-grid label,
  .v77-planner-state,
  .library-tabs button,
  .library-actions button,
  .history-actions button{
    font-size:11px!important;
    line-height:1.45!important;
  }

  button,
  select,
  input{
    line-height:1.25!important;
  }

  /* 不允许桌面端正文类文本再被历史样式压到8px */
  .main-stage-panel small,
  .panel small{
    line-height:1.45!important;
  }
}

/* 1440px以上显示器再略微提升，不增加过多宽度 */
@media(min-width:1440px){

  .app{
    width:min(74vw,1380px)!important;
  }

  .section-heading strong{
    font-size:26px!important;
  }

  .section-heading small{
    font-size:13.5px!important;
  }

  #plannerPanel .planner-item b,
  .optimizer-grid b{
    font-size:14.5px!important;
  }

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


/* =========================================================
   V8.6.9.8｜手机端顶部紧凑布局优化
   目标：
   1. Hero品牌区压缩高度，Logo/标题/记录按钮不遮挡
   2. 顶部导航更紧凑但可读
   3. 当前课程摘要缩短占高
   4. 4步流程减少上下空白，不遮挡后续课程条
   5. 不影响电脑端
   ========================================================= */

@media(max-width:760px){

  /* ---------- 顶部品牌区 ---------- */
  .hero{
    min-height:0!important;
    height:auto!important;
    padding:10px 10px 11px!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;
    box-sizing:border-box!important;
  }

  .hero .brand{
    grid-column:1 / 3!important;
    grid-row:1 / 3!important;

    width:100%!important;
    min-width:0!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;

    margin:0!important;
    padding:0!important;
  }

  .hero .ai-logo{
    grid-column:1!important;
    grid-row:1 / 3!important;

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

    margin:0!important;
    border-radius:17px!important;
    font-size:31px!important;
  }

  .hero .brand-copy{
    grid-column:2!important;
    grid-row:1 / 3!important;

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

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;
  }

  .hero .brand-copy h1.hero-title{
    width:100%!important;
    max-width:100%!important;

    display:flex!important;
    align-items:baseline!important;
    flex-wrap:wrap!important;
    gap:1px 5px!important;

    margin:0!important;
    padding:0!important;

    font-size:clamp(19px,5vw,24px)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;

    white-space:normal!important;
    overflow:visible!important;
  }

  .hero .brand-copy h1.hero-title .free-tag{
    display:inline-block!important;
    width:auto!important;
    margin:0!important;

    font-size:.50em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .hero .brand-copy p{
    width:100%!important;
    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;

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

    width:auto!important;
    min-width:96px!important;
    max-width:116px!important;

    height:40px!important;
    min-height:40px!important;

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

    border-radius:13px!important;
    font-size:11.5px!important;
    line-height:1!important;
    gap:5px!important;
  }

  #recordBtn svg{
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
  }

  /* ---------- 顶部7项导航 ---------- */
  .v77-sticky-nav{
    min-height:50px!important;
    height:50px!important;

    margin:0 0 32px!important;
    padding:5px 5px!important;
    gap:2px!important;

    border-radius:12px!important;
    overflow:visible!important;
  }

  .v77-sticky-nav > button{
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;

    padding:0 2px!important;

    border-radius:9px!important;

    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  .v77-task-summary{
    position:absolute!important;
    top:49px!important;
    left:5px!important;
    right:5px!important;

    height:31px!important;
    min-height:31px!important;
    line-height:31px!important;

    padding:0 10px!important;

    font-size:10.5px!important;
    font-weight:750!important;

    border-radius:0 0 9px 9px!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* ---------- 4步流程 ---------- */
  .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;

    align-items:start!important;
    overflow:visible!important;
  }

  .pro-step{
    min-width:0!important;
    height:60px!important;

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

    gap:4px!important;
  }

  .pro-step i{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;

    font-size:13px!important;
    line-height:32px!important;
  }

  .pro-step span{
    width:100%!important;

    font-size:10px!important;
    line-height:1.15!important;
    font-weight:720!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }

  .pro-step.active span{
    font-size:10.5px!important;
    font-weight:900!important;
  }

  .pro-line{
    display:none!important;
  }

  /* ---------- 当前课程条 ---------- */
  .course-summary-pro{
    min-height:48px!important;
    height:auto!important;

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

    border-radius:12px!important;

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

  .course-summary-pro .summary-text,
  .course-summary-pro .summary-status,
  .course-summary-pro > div:first-child{
    min-width:0!important;
    font-size:11px!important;
    line-height:1.3!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #jumpCourseBtn{
    min-width:86px!important;
    width:auto!important;

    height:36px!important;
    min-height:36px!important;

    padding:0 10px!important;
    border-radius:10px!important;

    font-size:11px!important;
    white-space:nowrap!important;
  }
}

/* 390px以下进一步压缩，避免品牌区和导航遮挡 */
@media(max-width:390px){

  .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;
    min-height:58px!important;
    font-size:28px!important;
  }

  .hero .brand-copy h1.hero-title{
    font-size:18px!important;
    gap:1px 3px!important;
  }

  .hero .brand-copy h1.hero-title .free-tag{
    font-size:9px!important;
  }

  .hero .brand-copy p{
    font-size:10px!important;
  }

  #recordBtn{
    min-width:88px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }

  .v77-sticky-nav > button{
    font-size:9.8px!important;
  }

  .v77-task-summary{
    font-size:10px!important;
  }

  .pro-step i{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    line-height:30px!important;
    font-size:12px!important;
  }

  .pro-step span{
    font-size:9.5px!important;
  }

  .course-summary-pro{
    padding-left:7px!important;
    padding-right:7px!important;
  }

  #jumpCourseBtn{
    min-width:78px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V8.6.9.9｜手机端顶部浮动导航恢复
   原因：
   前几版为了处理横向溢出，在 .app 上设置了 overflow-x:clip，
   部分手机浏览器会因此让 position:sticky 失效。
   本版恢复“滚动时顶部导航吸附”效果，同时保留V8.6.9.8紧凑布局。
   ========================================================= */

@media(max-width:760px){

  /* sticky 不能放在被裁切/滚动容器里 */
  html,
  body{
    overflow-x:hidden!important;
  }

  .app{
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    contain:none!important;
    transform:none!important;
  }

  /* 顶部导航恢复真正的吸顶浮动 */
  .v77-sticky-nav{
    position:-webkit-sticky!important;
    position:sticky!important;

    top:calc(env(safe-area-inset-top) + 4px)!important;
    z-index:9999!important;

    min-height:50px!important;
    height:50px!important;

    margin:0 0 32px!important;
    padding:5px!important;
    gap:2px!important;

    border:1px solid rgba(135,70,170,.28)!important;
    border-radius:12px!important;

    background:
      linear-gradient(180deg,rgba(16,8,24,.97),rgba(10,6,16,.985))!important;

    box-shadow:
      0 8px 24px rgba(0,0,0,.30),
      0 0 0 1px rgba(106,48,142,.08) inset!important;

    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;

    isolation:isolate!important;
    overflow:visible!important;
  }

  /* 滚动吸顶时提升层级与视觉边界 */
  .v77-sticky-nav::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-6px!important;
    height:6px!important;
    background:rgba(8,4,13,.96)!important;
    pointer-events:none!important;
  }

  .v77-sticky-nav > button{
    position:relative!important;
    z-index:2!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;

    z-index:1!important;

    background:rgba(12,7,18,.985)!important;
    border:1px solid rgba(135,70,170,.22)!important;
    border-top:0!important;

    box-shadow:0 7px 16px rgba(0,0,0,.18)!important;
  }

  /* 避免后续内容滚动时压到浮动导航之上 */
  .pro-progress,
  .course-summary-pro,
  .main-stage-panel,
  .panel{
    position:relative!important;
    z-index:1!important;
  }

  /* 但06等内部本身如果有高层级，不覆盖导航 */
  .v77-sticky-nav{
    z-index:9999!important;
  }
}

/* iPhone / 部分带刘海设备 */
@supports(padding:max(0px)){
  @media(max-width:760px){
    .v77-sticky-nav{
      top:max(4px,env(safe-area-inset-top))!important;
    }
  }
}


/* =========================================================
   V8.6.9.10｜手机端当前课程信息固定单行
   左侧课程信息 + 右侧修改课程，一行横向排列
   ========================================================= */
@media(max-width:760px){

  .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;

    min-height:50px!important;
    height:50px!important;
    padding:6px 8px 6px 12px!important;
    margin-bottom:10px!important;
    box-sizing:border-box!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;

    margin:0!important;
    padding:0!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;

    font-size:11px!important;
    line-height:1.2!important;
  }

  #jumpCourseBtn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:82px!important;
    max-width:92px!important;

    height:36px!important;
    min-height:36px!important;

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

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

    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media(max-width:390px){
  .course-summary-pro{
    gap:6px!important;
    padding-left:9px!important;
    padding-right:7px!important;
  }

  .course-summary-pro > div:first-child,
  .course-summary-pro .summary-text,
  .course-summary-pro .summary-status{
    font-size:10.5px!important;
  }

  #jumpCourseBtn{
    min-width:76px!important;
    max-width:82px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V8.6.9.11｜手机端顶部浮动导航最终兼容版
   采用 CSS sticky + JS fixed fallback 双保险
   - 去掉之前产生黑色长条的 ::before
   - 浮动时紫黑渐变 + 金紫边界，更明显
   - 手机浏览器 sticky 失效时，JS自动切换 fixed
   ========================================================= */

@media(max-width:760px){

  /* 不让 body 成为额外滚动容器，提升 iOS / Android sticky 兼容 */
  html{
    overflow-x:clip!important;
  }

  body{
    overflow-x:visible!important;
  }

  .app{
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    contain:none!important;
    transform:none!important;
  }

  /* 彻底去掉上一版顶部黑色长条 */
  .v77-sticky-nav::before,
  .v77-sticky-nav::after{
    content:none!important;
    display:none!important;
  }

  .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;
    max-width:100%!important;

    min-height:50px!important;
    height:50px!important;

    margin:0 0 32px!important;
    padding:5px!important;
    gap:2px!important;

    border:1px solid rgba(174,89,227,.46)!important;
    border-radius:13px!important;

    background:
      radial-gradient(circle at 52% -120%,rgba(148,56,255,.36),transparent 65%),
      linear-gradient(180deg,rgba(30,13,43,.985),rgba(11,7,18,.99))!important;

    box-shadow:
      0 7px 22px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(226,176,255,.08),
      0 0 14px rgba(130,48,210,.10)!important;

    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;

    overflow:visible!important;
  }

  .v77-sticky-nav > button{
    border:1px solid transparent!important;
    transition:none!important;
  }

  .v77-sticky-nav > button.active{
    border-color:rgba(255,224,106,.58)!important;
    background:linear-gradient(180deg,#ffe35b,#ffbd17)!important;
    color:#2b1900!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.60),
      0 3px 0 rgba(146,83,0,.86),
      0 6px 14px rgba(255,182,0,.16)!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;

    color:#d9cce1!important;
    background:
      linear-gradient(90deg,rgba(40,16,57,.985),rgba(20,10,31,.985))!important;
    border:1px solid rgba(155,76,199,.30)!important;
    border-top:0!important;
    border-radius:0 0 10px 10px!important;

    box-shadow:0 7px 16px rgba(0,0,0,.16)!important;
  }

  /* JS fallback 生效时，直接固定到视口顶部 */
  .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;
  }

  /* fixed 后的占位块，防止页面突然向上跳 */
  .v77-mobile-nav-placeholder{
    display:none;
    width:100%;
    height:82px;
    margin:0 0 0;
    pointer-events:none;
  }

  .v77-mobile-nav-placeholder.active{
    display:block!important;
  }

  /* 浮动状态增加左侧金紫强调线，提升识别度 */
  .v77-sticky-nav.mobile-nav-fixed{
    border-color:rgba(188,100,239,.68)!important;
    box-shadow:
      0 10px 28px rgba(0,0,0,.38),
      0 0 20px rgba(128,44,220,.18),
      inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
}

/* 桌面端禁用 fallback 占位 */
@media(min-width:761px){
  .v77-mobile-nav-placeholder{
    display:none!important;
  }
}


/* =========================================================
   V8.6.9.12｜手机端 CSS 几何稳定层
   统一解决 01—05：
   - 顶部黑色缝隙
   - 顶部强调线与背景脱节
   - 标题栏左右不贴边
   - 不同手机出现1~10px偏移
   - 展开/收起后标题位置变化

   原则：
   面板本体负责外框；
   section-heading 负责标题背景；
   顶部强调线用 heading inset shadow 绘制；
   不再依赖负 top / calc 超宽 / 多层伪元素。
   ========================================================= */

@media(max-width:760px){

  /* ---------- 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-left:0!important;
    margin-right:0!important;
    margin-top:0!important;

    /* 顶部必须为0，否则标题栏上方就会出现黑缝 */
    padding-top:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom: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 0%,#0b0713 100%)!important;

    background-origin:border-box!important;
    background-clip:border-box!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{
    position:relative!important;

    width:auto!important;
    max-width:none!important;
    min-width:0!important;

    /* 只向左右吃掉10px内边距，不再向上负margin */
    margin-top:0!important;
    margin-left:-10px!important;
    margin-right:-10px!important;
    margin-bottom:12px!important;

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

    padding:12px 12px 11px!important;

    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:10px!important;

    border-radius:0!important;
    border:0!important;
    border-bottom:1px solid rgba(158,83,180,.18)!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),
      inset 0 1px 0 rgba(255,255,255,.025)!important;

    box-sizing:border-box!important;
    overflow:hidden!important;
    transform:none!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;
  }

  /* ---------- 01—05 编号完全统一 ---------- */
  #basicSettingsPanel > .section-heading > .num,
  .stage-02.main-stage-panel > .section-heading > .num,
  #plannerPanel > .section-heading > .num,
  #workflowPanel > .section-heading > .num,
  #optimizerPanel > .section-heading > .num{
    position:relative!important;

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

    margin:0!important;
    padding:0!important;

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

    font-size:21px!important;
    line-height:1!important;
    font-weight:950!important;

    transform:none!important;
    align-self:center!important;
    justify-self:auto!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{
    flex:0 1 auto!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;

    font-size:20px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap!important;

    transform:none!important;
    align-self:center!important;
  }

  /* ---------- 副标题：紧跟标题，不再被旧Grid甩到其它位置 ---------- */
  #basicSettingsPanel > .section-heading > small,
  .stage-02.main-stage-panel > .section-heading > small,
  #plannerPanel > .section-heading > small,
  #workflowPanel > .section-heading > small,
  #optimizerPanel > .section-heading > small{
    flex:1 1 auto!important;
    min-width:0!important;

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

    font-size:10.5px!important;
    line-height:1.3!important;
    color:#a99eae!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;

    transform:none!important;
    align-self:center!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,
  #workflowPanel > .section-heading > .pro-section-toggle,
  #optimizerPanel > .section-heading > .pro-section-toggle{
    position:relative!important;

    flex:0 0 68px!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;

    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;

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

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

    font-size:11px!important;
    line-height:1!important;

    transform:none!important;
  }

  /* 04/05状态徽章保持在按钮前，不挤动标题 */
  #workflowPanel > .section-heading > .workflow-count-chip,
  #optimizerPanel > .section-heading > .pro-score-chip{
    flex:0 0 auto!important;

    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;

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

    font-size:9.5px!important;
    line-height:1!important;

    align-self:center!important;
    transform:none!important;
  }

  /* ---------- 展开内容统一边界 ---------- */
  #basicSettingsPanel > :not(.section-heading),
  .stage-02.main-stage-panel > :not(.section-heading),
  #plannerPanel > :not(.section-heading),
  #workflowPanel > :not(.section-heading),
  #optimizerPanel > :not(.section-heading){
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* 保留基础设置双列，不被稳定层回退 */
  #basicSettingsPanel .basic-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  #basicSettingsPanel .basic-grid > .full{
    grid-column:1 / -1!important;
  }

  #basicSettingsPanel .curriculum-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}

/* 390以下只缩字号尺寸，不改变几何结构 */
@media(max-width:390px){

  #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:10px 10px 9px!important;
    gap:8px!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{
    flex-basis:54px!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    font-size:19px!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{
    font-size:18px!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{
    font-size:9.5px!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,
  #workflowPanel > .section-heading > .pro-section-toggle,
  #optimizerPanel > .section-heading > .pro-section-toggle{
    flex-basis:62px!important;
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    font-size:10px!important;
  }
}


/* =========================================================
   V8.6.9.13｜手机端顶部导航立体化 + 04/05状态徽章布局复原
   1. 顶部导航不再全部使用描边框
   2. “主题”和“错题”使用不同激活色
   3. 04/05恢复上一版的标题 + 状态徽章 + 收起按钮布局
   4. 不改变04/05徽章本身的视觉样式
   ========================================================= */

@media(max-width:760px){

  /* -------------------------------------------------------
     A. 顶部导航：减少线框，改成立体层次
     ------------------------------------------------------- */
  .v77-sticky-nav{
    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) 0%,rgba(12,8,19,.99) 100%)!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;

    padding:5px!important;
    overflow:visible!important;
  }

  .v77-sticky-nav > button{
    border:0!important;
    outline:0!important;

    background:transparent!important;
    color:#aaa0b2!important;

    box-shadow:none!important;
    text-shadow:0 1px 0 rgba(0,0,0,.38)!important;

    transform:translateY(0)!important;
  }

  .v77-sticky-nav > button:hover{
    background:rgba(126,66,161,.12)!important;
    color:#ddd2e2!important;
  }

  /* 普通阶段激活态：紫色立体，不再全部黄色 */
  .v77-sticky-nav > button.active{
    border:0!important;
    color:#fff!important;

    background:
      radial-gradient(circle at 32% 8%,rgba(255,255,255,.18),transparent 30%),
      linear-gradient(180deg,#8c3ec2 0%,#65249a 100%)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.26),
      inset 0 -3px 5px rgba(45,12,72,.22),
      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{
    color:#fff8ff!important;

    background:
      radial-gradient(circle at 32% 8%,rgba(255,255,255,.24),transparent 30%),
      linear-gradient(180deg,#b951d3 0%,#7b2aa7 100%)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.30),
      inset 0 -3px 5px rgba(71,18,86,.22),
      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:
      radial-gradient(circle at 30% 8%,rgba(255,255,255,.60),transparent 28%),
      linear-gradient(180deg,#ffe766 0%,#ffc92b 52%,#f5a900 100%)!important;

    box-shadow:
      inset 0 2px 1px rgba(255,255,255,.58),
      inset 0 -4px 6px rgba(177,96,0,.18),
      0 4px 0 #9d5f00,
      0 9px 17px rgba(255,183,0,.24)!important;

    text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  }

  /* 优化阶段用偏蓝紫，进一步拉开层级 */
  .v77-sticky-nav > button[data-v77-target="#optimizerPanel"].active{
    background:
      radial-gradient(circle at 32% 8%,rgba(255,255,255,.20),transparent 30%),
      linear-gradient(180deg,#694fd2 0%,#4630a1 100%)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.25),
      0 4px 0 #2b2071,
      0 8px 15px rgba(73,57,165,.25)!important;
  }

  /* 输出阶段偏金紫 */
  .v77-sticky-nav > button[data-v77-target=".result-workspace-title"].active{
    background:
      radial-gradient(circle at 30% 8%,rgba(255,255,255,.18),transparent 30%),
      linear-gradient(180deg,#8e4b9d 0%,#5b2d73 100%)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 4px 0 #3b1d4c,
      0 8px 15px rgba(91,45,115,.22)!important;
  }

  /* 摘要条不要像第二层黑框，改成柔和紫底 */
  .v77-task-summary{
    border:0!important;
    background:
      linear-gradient(90deg,rgba(45,20,61,.985),rgba(21,11,31,.985))!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 5px 12px rgba(0,0,0,.12)!important;
  }

  /* -------------------------------------------------------
     B. 04 教师工作流：恢复上一版标题几何
     不改 workflow-count-chip 自身配色/样式
     ------------------------------------------------------- */
  #workflowPanel{
    padding-left:0!important;
    padding-right:0!important;
    padding-top:0!important;
  }

  #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:58px minmax(0,1fr) auto 68px!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;

    width:100%!important;
    max-width:100%!important;

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

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

    box-sizing:border-box!important;
  }

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

    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!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;
    min-width:0!important;

    font-size:20px!important;
    line-height:1.1!important;
  }

  #workflowPanel > .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;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

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

    margin:0!important;

    /* 只恢复位置，不重做徽章 */
    flex:none!important;
  }

  #workflowPanel > .section-heading > .pro-section-toggle{
    grid-column:4!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:32px!important;
    min-height:32px!important;
    max-height:32px!important;

    margin:0!important;
  }

  /* 04主体内容恢复上一版左右安全边距 */
  #workflowPanel > .workflow-mode,
  #workflowPanel > .workflow-result{
    margin-left:12px!important;
    margin-right:12px!important;
    box-sizing:border-box!important;
  }

  /* -------------------------------------------------------
     C. 05 Prompt智能优化：恢复上一版徽章位置
     不改 pro-score-chip 自身配色/样式
     ------------------------------------------------------- */
  #optimizerPanel{
    padding-left:0!important;
    padding-right:0!important;
    padding-top:0!important;
  }

  #optimizerPanel > .section-heading{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) auto 68px!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;

    width:100%!important;
    max-width:100%!important;

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

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

    box-sizing:border-box!important;
  }

  #optimizerPanel > .section-heading > .num{
    grid-column:1!important;
    grid-row:1 / 3!important;
    justify-self:start!important;
    align-self:center!important;

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

    margin:0!important;
  }

  #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.1!important;
    white-space:nowrap!important;
  }

  #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:9.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #optimizerPanel > .section-heading > .pro-score-chip{
    grid-column:3!important;
    grid-row:1 / 3!important;
    justify-self:end!important;
    align-self:center!important;

    margin:0!important;

    /* 只恢复位置，不改徽章本身视觉 */
    flex:none!important;
  }

  #optimizerPanel > .section-heading > .pro-section-toggle{
    grid-column:4!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:32px!important;
    min-height:32px!important;
    max-height:32px!important;

    margin:0!important;
  }
}

/* 小屏进一步压缩标题，不改变04/05徽章几何关系 */
@media(max-width:390px){

  #workflowPanel > .section-heading,
  #optimizerPanel > .section-heading{
    grid-template-columns:54px minmax(0,1fr) auto 62px!important;
    column-gap:7px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #workflowPanel > .section-heading > .num,
  #optimizerPanel > .section-heading > .num{
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
  }

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

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

  #workflowPanel > .section-heading > .pro-section-toggle,
  #optimizerPanel > .section-heading > .pro-section-toggle{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
}