:root {
  --ink: #19191b;
  --ink-2: #404044;
  --muted: #727277;
  --line: #e3e3e5;
  --soft: #f4f4f5;
  --paper: #fbfbfb;
  --white: #fff;
  --green: #1b1b1d;
  --green-2: #29292c;
  --orange: #ed1c24;
  --orange-soft: #fff0f0;
  --shadow: 0 12px 36px rgba(20, 20, 22, 0.08);
  --sidebar: 258px;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: var(--soft);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--soft); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(236, 106, 44, .18); outline-offset: 2px; }
.hidden { display: none !important; }

.app-shell { min-height: 100vh; display: flex; }
.sidebar { width: var(--sidebar); background: var(--green); color: #fff; padding: 26px 18px 18px; position: fixed; inset: 0 auto 0 0; display: flex; flex-direction: column; z-index: 30; }
.brand { display: flex; gap: 11px; align-items: center; padding: 0 8px 28px; }
.brand-mark { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 12px 12px 12px 4px; background: var(--orange); font-family: serif; font-weight: 900; font-size: 20px; box-shadow: 0 7px 16px rgba(236,106,44,.25); }
.brand strong, .brand span { display: block; }
.brand strong { font-size: 17px; letter-spacing: .5px; }
.brand span { font-size: 10px; color: rgba(255,255,255,.5); margin-top: 3px; }
.nav-list { display: flex; flex-direction: column; gap: 6px; }
.nav-item { border: 0; color: rgba(255,255,255,.64); background: transparent; border-radius: 10px; padding: 12px 12px; display: flex; align-items: center; gap: 12px; text-align: left; transition: .2s ease; font-size: 14px; position: relative; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-item.active { color: #fff; background: rgba(255,255,255,.11); box-shadow: inset 3px 0 var(--orange); }
.nav-icon { font-size: 18px; width: 20px; text-align: center; font-family: Arial, sans-serif; }
.nav-item b { font-size: 9px; color: #fff; background: var(--orange); border-radius: 5px; padding: 2px 5px; margin-left: auto; }
.sidebar-spacer { flex: 1; }
.season-card { padding: 16px; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; margin-bottom: 14px; }
.season-label { font-size: 10px; color: #f0b08e; letter-spacing: 1px; }
.season-card strong { display: block; margin: 7px 0 2px; font-size: 16px; }
.season-card strong em { font-style: normal; font-family: Georgia, serif; font-size: 30px; color: #fff; margin-right: 3px; }
.season-card p { font-size: 10px; color: rgba(255,255,255,.52); margin: 0 0 12px; }
.progress { height: 4px; background: rgba(255,255,255,.09); border-radius: 5px; overflow: hidden; }
.progress i { display: block; height: 100%; background: var(--orange); border-radius: inherit; }
.profile-card { border: 0; background: transparent; color: #fff; display: flex; align-items: center; gap: 10px; padding: 9px 7px; border-radius: 10px; text-align: left; }
.profile-card:hover { background: rgba(255,255,255,.06); }
.avatar { width: 31px; height: 31px; background: #dbb199; color: var(--green); border-radius: 50%; display: grid; place-items: center; font-weight: 700; }
.profile-card span strong, .profile-card span small { display: block; }
.profile-card span strong { font-size: 12px; }.profile-card span small { color: rgba(255,255,255,.45); font-size: 9px; margin-top: 3px; }.profile-card i { margin-left: auto; color: rgba(255,255,255,.4); }

.main-content { margin-left: var(--sidebar); width: calc(100% - var(--sidebar)); min-height: 100vh; }
.topbar { height: 78px; padding: 0 34px; display: flex; align-items: center; justify-content: space-between; background: rgba(252,252,250,.92); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); }
.topbar-title { display: flex; align-items: center; gap: 12px; }
.topbar h1 { margin: 0; font-size: 18px; letter-spacing: -.3px; }.topbar p { margin: 4px 0 0; font-size: 10px; color: var(--muted); }
.menu-btn { display: none; border: 0; background: transparent; font-size: 20px; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.live-pill { display: flex; align-items: center; padding: 8px 12px; font-size: 10px; color: var(--muted); border-right: 1px solid var(--line); margin-right: 2px; }
.live-pill i { width: 6px; height: 6px; background: #4da775; border-radius: 50%; margin-right: 7px; box-shadow: 0 0 0 4px rgba(77,167,117,.10); }
.live-pill b { color: var(--ink-2); font-weight: 600; }
.icon-button { position: relative; border: 1px solid var(--line); width: 34px; height: 34px; border-radius: 9px; background: #fff; color: var(--ink); }
.notice-dot { position: absolute; right: 7px; top: 7px; width: 5px; height: 5px; background: var(--orange); border: 1px solid #fff; border-radius: 50%; }
.primary-button { border: 0; background: var(--orange); color: #fff; border-radius: 9px; padding: 11px 17px; font-size: 12px; font-weight: 700; box-shadow: 0 7px 16px rgba(236,106,44,.18); }
.primary-button:hover, .generate-button:hover { background: #dd5f24; transform: translateY(-1px); }.primary-button.compact { padding: 9px 13px; }

.view-container { padding: 28px 34px 44px; max-width: 1540px; margin: 0 auto; }
.view { display: none; animation: fade .26s ease; }.view.active { display: block; }
@keyframes fade { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.hero-grid { display: grid; grid-template-columns: minmax(0, 2.05fr) minmax(270px, .95fr); gap: 18px; }
.hero-card { min-height: 285px; position: relative; overflow: hidden; color: #fff; background: linear-gradient(120deg, #19372b, #285241); border-radius: 17px; display: flex; box-shadow: var(--shadow); }
.hero-card::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 11px 11px; mask-image: linear-gradient(90deg, transparent, #000); }
.hero-copy { position: relative; z-index: 3; width: 61%; padding: 33px 0 30px 38px; }
.eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; color: var(--orange); display: inline-flex; align-items: center; gap: 7px; }
.eyebrow i { width: 17px; height: 2px; border-radius: 2px; background: currentColor; }.eyebrow.light { color: #f4aa84; }
.hero-copy h2 { font-family: Georgia, "Songti SC", serif; font-size: clamp(27px, 2.6vw, 42px); line-height: 1.18; letter-spacing: -1.5px; margin: 16px 0 12px; font-weight: 700; }.hero-copy h2 em { color: #f3986d; font-style: normal; }
.hero-copy > p { color: rgba(255,255,255,.67); font-size: 11px; line-height: 1.8; max-width: 480px; margin: 0 0 21px; }
.hero-actions { display: flex; align-items: center; gap: 16px; }
.hero-button { border: 0; background: #fff; color: var(--green); border-radius: 8px; padding: 11px 15px; font-size: 11px; font-weight: 700; box-shadow: 0 8px 18px rgba(0,0,0,.14); }.hero-button:hover { transform: translateY(-1px); }.hero-button span { color: var(--orange); margin-left: 12px; }
.text-button { border: 0; background: transparent; color: var(--orange); font-size: 11px; font-weight: 700; padding: 6px; }.light-btn { color: rgba(255,255,255,.72); }
.hero-visual { width: 47%; position: absolute; inset: 0 0 0 auto; overflow: hidden; }
.sun { position: absolute; width: 95px; height: 95px; border-radius: 50%; right: 42px; top: 38px; background: radial-gradient(circle at 35% 30%, #ffd9bd, #ef8b58); box-shadow: 0 0 0 12px rgba(255,166,115,.06), 0 0 50px rgba(255,159,100,.18); }
.tent { position: absolute; filter: drop-shadow(0 15px 12px rgba(0,0,0,.15)); }
.tent::before { content: ""; position: absolute; border-style: solid; border-color: transparent transparent #f1ddd0; }
.tent::after { content: ""; position: absolute; background: linear-gradient(90deg,#c6a999,#f4dfd1,#b79381); clip-path: polygon(0 0, 100% 0, 88% 100%, 10% 100%); }
.tent i { position: absolute; z-index: 2; height: 70px; border-left: 2px solid rgba(255,255,255,.6); }.tent-main { width: 250px; height: 150px; right: -7px; top: 116px; }.tent-main::before { top: -38px; left: -14px; border-width: 0 138px 75px; }.tent-main::after { width: 250px; height: 87px; top: 36px; left: 0; }.tent-main i { left: 45px; top: 52px; }.tent-main b { position: absolute; z-index: 3; width: 2px; height: 70px; background: rgba(255,255,255,.65); right: 45px; top: 52px; }
.tent-back { width: 170px; height: 100px; right: 150px; top: 158px; opacity: .55; transform: scale(.82); }.tent-back::before { top: -28px; left: -10px; border-width: 0 94px 52px; }.tent-back::after { width: 170px; height: 60px; top: 22px; }.tent-back i { height: 50px; left: 35px; top: 33px; }
.ground-lines { position: absolute; inset: auto -10px -20px 0; height: 110px; transform: skewY(-4deg); background: linear-gradient(180deg,rgba(11,33,25,.1),rgba(6,27,19,.7)); }.ground-lines i { display: block; border-top: 1px solid rgba(255,255,255,.08); transform: rotate(-7deg); margin-top: 24px; }
.lantern { position: absolute; z-index: 5; width: 22px; height: 28px; display: grid; place-items: center; background: #d6582f; color: #ffd5bd; border-radius: 8px; font-size: 9px; box-shadow: 0 0 10px rgba(236,106,44,.35); }.lantern::before { content:""; position:absolute; top:-7px; height:8px; border-left:1px solid rgba(255,255,255,.4); }.l1 { right: 185px; top: 159px; }.l2 { right: 58px; top: 160px; }

.opportunity-card, .panel { background: var(--white); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 7px 25px rgba(29,42,36,.035); }
.opportunity-card { padding: 23px 25px; display: flex; flex-direction: column; }
.card-heading, .panel-head { display: flex; justify-content: space-between; align-items: flex-start; }.card-heading h3 { margin: 8px 0 0; font-size: 15px; }.weather-icon { width: 37px; height: 37px; display: grid; place-items: center; background: #edf4f5; border-radius: 10px; font-size: 18px; }
.weather-row { display: flex; align-items: center; gap: 14px; margin: 21px 0 16px; }.weather-row strong { font-family: Georgia, serif; font-size: 38px; letter-spacing: -2px; }.weather-row > span { font-size: 11px; font-weight: 700; border-left: 1px solid var(--line); padding-left: 14px; }.weather-row small { display: block; color: var(--muted); font-weight: 400; margin-top: 4px; }
.opportunity-copy { background: var(--soft); border-radius: 10px; padding: 12px 13px; margin-bottom: 13px; }.opportunity-copy span { color: var(--orange); font-size: 9px; font-weight: 700; }.opportunity-copy p { margin: 5px 0 0; font-size: 11px; font-weight: 600; line-height: 1.6; }
.outline-button { color: var(--green); background: #fff; border: 1px solid #dfe3e0; border-radius: 8px; padding: 10px; font-size: 10px; font-weight: 700; }.outline-button:hover { border-color: var(--orange); color: var(--orange); }.outline-button span { float: right; }.full { width: 100%; margin-top: auto; }
.section-head { display: flex; justify-content: space-between; align-items: flex-end; }.stats-head { margin: 27px 1px 13px; }.section-head h2 { margin: 0; font-size: 15px; }.section-head p { margin: 4px 0 0; font-size: 9px; color: var(--muted); }.date-filter { border: 1px solid var(--line); background: #fff; border-radius: 7px; font-size: 10px; padding: 7px 10px; color: var(--ink-2); }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.stat-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; display:flex; gap:13px; align-items:flex-start; }.stat-icon { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; font-size:15px; }.stat-icon.orange{color:#db652d;background:#fff0e8}.stat-icon.green{color:#327c5c;background:#e9f5ef}.stat-icon.blue{color:#3c78a3;background:#eaf3f8}.stat-icon.purple{color:#755ba3;background:#f1edf8}.stat-card small{color:var(--muted);font-size:9px}.stat-card strong{display:block;font-family:Georgia,serif;margin:5px 0;font-size:20px}.stat-card strong em{font-style:normal}.stat-card p{font-size:8px;margin:0}.stat-card p span{color:var(--muted)}.positive{color:#399164}.muted-line{color:var(--muted)}.warning-line{color:#d27d39}
.dashboard-lower { display:grid; grid-template-columns: 1.55fr 1fr; gap:16px; margin-top:16px; }.panel { padding:20px; }.panel-head h3{margin:0;font-size:14px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:9px}.topic-list{margin-top:12px}.topic-item{display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center;padding:11px 4px;border-top:1px solid #eff0ed}.topic-item:first-child{border-top:0}.topic-number{font-family:Georgia,serif;color:#a2aba6;font-size:15px}.topic-item h4{font-size:11px;margin:0 0 5px}.topic-item p{font-size:8px;color:var(--muted);margin:0}.topic-item p span{display:inline-block;padding:2px 5px;background:var(--orange-soft);color:var(--orange);border-radius:4px;margin-right:6px}.topic-item button{opacity:0;border:0;background:var(--soft);border-radius:7px;font-size:9px;padding:7px 9px;transition:.2s}.topic-item:hover button{opacity:1}.topic-item:hover h4{color:var(--orange)}
.mini-tag{font-size:8px;background:#e9f4ee;color:#3a775d;border-radius:5px;padding:4px 7px}.funnel{display:flex;gap:5px;margin:22px 0}.funnel-stage{flex:1;padding:13px 10px;background:var(--soft);clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,9% 50%);padding-left:18px}.funnel-stage:first-child{clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%)}.funnel-stage.active{background:var(--green);color:#fff}.funnel-stage span,.funnel-stage strong,.funnel-stage small{display:block}.funnel-stage span{font-size:8px;color:var(--orange);font-weight:700}.funnel-stage strong{font-size:10px;margin:4px 0}.funnel-stage small{font-size:7px;color:var(--muted)}.funnel-stage.active small{color:rgba(255,255,255,.5)}.next-action{background:#fff7f1;border:1px solid #f9e1d2;border-radius:10px;padding:11px 12px;display:flex;gap:10px;align-items:center}.next-action>span{font-size:8px;background:var(--orange);color:#fff;padding:4px;border-radius:4px}.next-action p{margin:0;flex:1}.next-action strong,.next-action small{display:block}.next-action strong{font-size:9px}.next-action small{font-size:7px;color:var(--muted);margin-top:3px}.next-action button{border:0;background:transparent;color:var(--orange);font-size:9px;font-weight:700}

/* studio */
.studio-layout{display:grid;grid-template-columns:minmax(420px,.88fr) minmax(500px,1.12fr);gap:18px;align-items:start}.studio-form{padding:28px}.studio-intro h2,.analysis-header h2,.library-top h2{font-family:Georgia,"Songti SC",serif;font-size:26px;margin:11px 0 7px}.studio-intro p,.analysis-header p,.library-top p{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 23px}.form-group{margin-bottom:17px}.form-group label{display:block;font-size:10px;font-weight:700;margin:0 0 8px}.form-group label span{float:right;color:var(--muted);font-weight:400;font-size:8px}.segmented{display:flex;background:var(--soft);padding:4px;border-radius:9px;gap:3px}.segmented button{flex:1;border:0;background:transparent;border-radius:7px;padding:8px 5px;font-size:9px;color:var(--muted)}.segmented button.selected{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 2px 8px rgba(31,44,38,.08)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid #dde1de;background:#fff;border-radius:8px;padding:10px 11px;color:var(--ink);font-size:10px;transition:.2s}.form-group textarea{line-height:1.65;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#e98657;outline:3px solid rgba(236,106,44,.08)}
.choice-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choice-cards button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 6px;text-align:center;color:var(--ink)}.choice-cards button:hover{border-color:#efb08f}.choice-cards button.selected{border-color:var(--orange);background:#fff8f4;box-shadow:inset 0 0 0 1px var(--orange)}.choice-cards span,.choice-cards b,.choice-cards small{display:block}.choice-cards span{font-size:17px}.choice-cards b{font-size:9px;margin:6px 0 3px}.choice-cards small{font-size:7px;color:var(--muted)}.source-box{display:flex;align-items:center;justify-content:space-between;background:#edf4ef;border:1px solid #dbe9df;border-radius:9px;padding:10px 12px;margin-bottom:15px}.source-box>div{display:flex;align-items:center;gap:9px}.source-box>div>span{color:#458166}.source-box strong,.source-box small{display:block;font-size:8px}.source-box small{color:var(--muted);font-size:7px;margin-top:3px}.source-box button{border:0;background:transparent;color:#387257;font-size:8px}.generate-button{width:100%;border:0;background:var(--orange);color:#fff;padding:13px 16px;border-radius:9px;font-size:11px;font-weight:700;box-shadow:0 8px 18px rgba(236,106,44,.18);transition:.2s}.generate-button span{margin-right:6px}.generate-button kbd{float:right;background:rgba(255,255,255,.16);padding:2px 5px;border-radius:4px;font-size:7px;font-family:inherit;font-weight:400}
.result-panel{min-height:690px;position:sticky;top:99px;padding:0;overflow:hidden}.empty-result,.generating{min-height:688px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.ai-orbit{width:86px;height:86px;border:1px solid #e5e7e3;border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:21px}.ai-orbit span{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:var(--green);color:#f2a27c;font-size:21px;box-shadow:0 10px 25px rgba(28,51,41,.18)}.ai-orbit::before,.ai-orbit::after{content:"";position:absolute;border-radius:50%;background:var(--orange)}.ai-orbit::before{width:7px;height:7px;right:6px;top:14px}.ai-orbit::after{width:4px;height:4px;left:3px;bottom:21px}.empty-result h3,.generating h3{font-family:Georgia,"Songti SC",serif;font-size:18px;margin:0 0 8px}.empty-result>p{font-size:9px;color:var(--muted)}.sample-prompts{display:flex;gap:7px;margin-top:10px}.sample-prompts button{border:1px solid var(--line);background:var(--soft);border-radius:6px;padding:6px 8px;font-size:8px;color:var(--ink-2)}.loader-logo{width:55px;height:55px;display:grid;place-items:center;color:#fff;background:var(--green);border-radius:15px;font-family:serif;font-size:24px;animation:pulse 1.2s infinite;margin-bottom:22px}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(28,51,41,.07);transform:scale(.97)}}.generating-steps{display:flex;flex-direction:column;text-align:left;gap:10px;font-size:9px;color:#a2aaa6;margin-top:11px}.generating-steps .done{color:#459069}.generating-steps .active{color:var(--orange)}
.generated-result{padding:24px 26px 0}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.result-head h2{font-size:16px;margin:8px 0 0;line-height:1.5}.success-pill{color:#388761;background:#eaf5ef;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:700}.result-actions{display:flex;gap:6px}.result-actions button,.small-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:8px;color:var(--ink-2)}.score-strip{display:flex;align-items:center;gap:0;margin:18px 0 14px;background:var(--soft);border-radius:9px;padding:10px 13px}.score-strip>div{padding:0 14px;border-right:1px solid #dcdfdb}.score-strip>div:first-child{padding-left:0}.score-strip span,.score-strip strong{display:block}.score-strip span{font-size:7px;color:var(--muted)}.score-strip strong{font-size:13px;margin-top:2px}.score-strip p{font-size:7px;color:#388761;margin-left:auto}.score-strip p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#49a676;margin-right:4px}.script-tabs{display:flex;border-bottom:1px solid var(--line);gap:18px}.script-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 1px;font-size:9px;color:var(--muted)}.script-tabs button.active{color:var(--ink);font-weight:700;border-bottom-color:var(--orange)}.script-content{padding:14px 0;max-height:450px;overflow-y:auto}.script-block{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #f0f1ee}.script-block:last-child{border-bottom:0}.script-block>span{font-size:8px;color:var(--orange);font-weight:700;padding-top:2px}.script-block p{font-size:10px;line-height:1.7;margin:0;color:var(--ink-2)}.script-block p strong{color:var(--ink)}.script-block small{display:block;margin-top:4px;color:var(--muted);font-size:7px}.result-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 0 18px}.result-footer span{font-size:7px;color:var(--muted)}.result-footer b{color:var(--ink-2)}.result-footer button{border:0;background:transparent;color:var(--orange);font-size:8px;font-weight:700}

/* analysis */
.analysis-header,.library-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.analysis-header p,.library-top p{margin-bottom:0;max-width:610px}.analysis-grid{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(520px,1.15fr);gap:18px;align-items:start}.method-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px;margin-bottom:20px}.method-tabs button{border:0;background:transparent;border-bottom:2px solid transparent;padding:5px 1px 10px;font-size:10px;color:var(--muted)}.method-tabs button.active{color:var(--ink);border-bottom-color:var(--orange);font-weight:700}.textarea-meta{display:flex;justify-content:space-between;margin-top:5px;font-size:7px;color:var(--muted)}.textarea-meta button{border:0;background:transparent;color:var(--muted);font-size:7px}.link-placeholder{border:1px dashed #daddd9;border-radius:10px;background:var(--soft);padding:35px;text-align:center;margin-bottom:20px}.link-placeholder>span{font-size:25px;color:#85a396}.link-placeholder strong,.link-placeholder small{display:block}.link-placeholder strong{font-size:10px;margin:8px}.link-placeholder small{font-size:8px;color:var(--muted);line-height:1.6}.analysis-result{min-height:690px}.analysis-empty{min-height:645px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.analysis-empty>span{font-size:30px;color:#9aa8a1}.analysis-empty h3{margin:14px 0 5px;font-size:15px}.analysis-empty p{font-size:9px;color:var(--muted)}.dna-score{display:grid;grid-template-columns:100px 1fr;gap:17px;align-items:center;background:var(--soft);border-radius:12px;padding:17px;margin:18px 0}.score-ring{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--orange) 0 91%,#e4e6e2 91%);display:grid;place-items:center;position:relative}.score-ring::after{content:"";position:absolute;inset:5px;background:var(--soft);border-radius:50%}.score-ring strong,.score-ring span{position:absolute;z-index:1}.score-ring strong{font:700 22px Georgia;top:21px}.score-ring span{font-size:7px;color:var(--muted);top:48px}.type-tag{font-size:7px;padding:3px 6px;background:var(--orange-soft);color:var(--orange);border-radius:4px}.dna-score h3{font-size:12px;margin:8px 0 4px}.dna-score p{font-size:8px;line-height:1.5;color:var(--muted);margin:0}.structure-timeline{margin:0 3px}.structure-item{display:grid;grid-template-columns:50px 1fr 42px;gap:10px;align-items:start;position:relative;padding-bottom:14px}.structure-item::before{content:"";position:absolute;width:1px;background:#e0e3df;left:24px;top:17px;bottom:-2px}.structure-item:last-child::before{display:none}.structure-time{position:relative;z-index:2;background:#fff;border:1px solid var(--line);border-radius:12px;text-align:center;padding:4px;font-size:7px;color:var(--muted)}.structure-body{padding:1px 0}.structure-body strong{font-size:9px}.structure-body p{font-size:8px;line-height:1.5;color:var(--muted);margin:4px 0 0}.structure-item>b{font-size:7px;color:var(--orange);background:var(--orange-soft);border-radius:4px;padding:4px;text-align:center}.analysis-insights{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:6px 0 15px}.analysis-insights article{border:1px solid var(--line);border-radius:9px;padding:11px}.analysis-insights span{display:block;font-size:7px;color:var(--muted)}.analysis-insights strong{display:block;font-size:9px;margin:5px 0}.analysis-insights p{font-size:7px;line-height:1.5;color:var(--muted);margin:0}.formula-box{background:var(--green);color:#fff;border-radius:11px;padding:15px 17px;position:relative}.formula-box>span{font-size:7px;color:#e6a382}.formula-box p{font-size:10px;margin:7px 0}.formula-box b{color:#f3a47c}.formula-box button{position:absolute;right:15px;top:14px;border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:6px;padding:6px 8px;font-size:7px}

/* library */
.library-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:17px}.filter-tabs{display:flex;gap:20px}.filter-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:8px 1px 12px;font-size:9px;color:var(--muted)}.filter-tabs button.active{color:var(--ink);border-bottom-color:var(--orange);font-weight:700}.filter-tabs span{background:var(--soft);padding:2px 5px;border-radius:5px;margin-left:3px}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;color:var(--muted);margin-bottom:7px}.search-box input{border:0;outline:0;font-size:9px;width:150px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.material-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;transition:.2s;min-height:170px;display:flex;flex-direction:column}.material-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dedbd5}.material-card-head{display:flex;justify-content:space-between;align-items:center}.material-type{font-size:8px;border-radius:5px;padding:4px 7px}.type-case{color:#b75a2c;background:#fff0e7}.type-exp{color:#317354;background:#eaf4ef}.type-idea{color:#3e71a0;background:#eaf2f8}.type-viral{color:#75539a;background:#f1ebf7}.material-card-head time{font-size:7px;color:var(--muted)}.material-card h3{font-size:11px;line-height:1.5;margin:12px 0 7px}.material-card>p{font-size:8px;line-height:1.65;color:var(--muted);margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.material-tags{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}.material-tags span{font-size:7px;color:var(--ink-2);background:var(--soft);border-radius:4px;padding:3px 5px}.empty-library{grid-column:1/-1;text-align:center;color:var(--muted);padding:70px;font-size:10px}

/* settings */
.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:17px;align-items:start}.settings-nav{padding:14px;position:sticky;top:99px}.settings-nav h3{font-size:13px;margin:5px 8px 14px}.settings-nav>button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:7px;padding:10px;font-size:9px;color:var(--muted)}.settings-nav>button.active{background:var(--soft);color:var(--ink);font-weight:700}.industry-switch{margin-top:170px;background:var(--green);border-radius:9px;padding:12px;color:#fff}.industry-switch span,.industry-switch strong,.industry-switch small{display:block}.industry-switch span{font-size:7px;color:rgba(255,255,255,.5)}.industry-switch strong{font-size:10px;margin:6px 0}.industry-switch small{font-size:7px;color:#eaa27f}.settings-main{padding:25px 29px}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:17px}.settings-head h2{font-size:18px;margin:0 0 6px}.settings-head p{font-size:8px;color:var(--muted);margin:0}.saved-state{font-size:8px;color:#478269}.settings-section{padding:18px 0;border-bottom:1px solid #eff0ed}.settings-section h3{font-size:11px;margin:0 0 12px}.section-description{font-size:8px;color:var(--muted);margin:-6px 0 12px}.month-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.month-grid button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 2px;font-size:8px;color:var(--muted)}.month-grid button.selected{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.tag-editor{display:flex;gap:7px;flex-wrap:wrap}.tag-editor>span{font-size:8px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:7px 8px}.tag-editor>span button{border:0;background:transparent;color:var(--muted);padding:0 0 0 5px}.add-tag{border:1px dashed #cfd4d0;background:#fff;border-radius:6px;padding:6px 9px;color:var(--orange);font-size:8px}.rule-list{display:flex;flex-direction:column;gap:8px}.rule-list label{display:flex;gap:9px;border:1px solid var(--line);border-radius:8px;padding:10px}.rule-list input{accent-color:var(--orange)}.rule-list strong,.rule-list small{display:block}.rule-list strong{font-size:9px}.rule-list small{font-size:7px;color:var(--muted);margin-top:4px}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding-top:19px}.settings-footer p{font-size:8px;color:var(--muted)}

/* modal, toast */
.modal-backdrop{position:fixed;inset:0;background:rgba(13,13,15,.65);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:30px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.26);animation:modalIn .25s ease}.modal-close{position:absolute;right:17px;top:16px;border:0;background:var(--soft);width:32px;height:32px;border-radius:50%;color:var(--muted)}.modal h2{font:700 25px "Microsoft YaHei",sans-serif;margin:10px 0 7px}.modal>p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 20px}@keyframes modalIn{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}.plan-weeks{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.plan-weeks>div{display:grid;grid-template-columns:85px 110px 1fr 42px;align-items:center;background:var(--soft);border-radius:9px;padding:14px}.plan-weeks span{font-size:12px;color:var(--orange)}.plan-weeks strong{font-size:14px}.plan-weeks p{font-size:13px;color:var(--muted);margin:0}.plan-weeks b{font:700 19px Georgia;color:var(--green)}.toast-container{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--green);color:#fff;border-left:4px solid var(--orange);border-radius:8px;padding:14px 17px;font-size:14px;box-shadow:0 10px 30px rgba(20,20,22,.25);animation:toastIn .25s ease}.toast.success::before{content:"✓";color:#fff;margin-right:8px}.toast.error::before{content:"!";color:#ff8f93;margin-right:8px}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* V0.2 brand and readability upgrade */
body { font-size: 15px; background: #f2f2f3; }
p { font-size: 14px !important; line-height: 1.7; }
small { font-size: 12px !important; line-height: 1.5; }
button, input, textarea, select { font-size: 14px !important; }
label, .eyebrow, .live-pill, .season-label, .mini-tag, .material-type, .type-tag, .success-pill, .structure-time, .saved-state { font-size: 13px !important; }
.sidebar { background: #19191b; padding: 28px 20px 20px; border-right: 4px solid var(--orange); }
.brand { gap: 13px; padding-bottom: 32px; }
.brand-mark { width: 46px; height: 46px; border-radius: 5px; background: var(--orange); font-family: "Microsoft YaHei", sans-serif; font-size: 23px; }
.brand strong { font-size: 21px; letter-spacing: 1px; }
.brand span { color: #ff8d91; font-size: 13px; margin-top: 4px; }
.nav-item { min-height: 48px; padding: 13px 14px; font-size: 15px !important; border-radius: 7px; }
.nav-item.active { background: #303034; box-shadow: inset 4px 0 var(--orange); }
.nav-item b { background: var(--orange); font-size: 11px; }
.season-card { border-color: #454549; background: #252528; padding: 18px; }
.season-card p, .profile-card span small { color: #b9b9bd; }
.season-card strong em { color: #fff; font-size: 34px; }
.progress i { background: var(--orange); }
.avatar { background: var(--orange); color: #fff; }
.topbar { height: 88px; padding: 0 38px; background: rgba(255,255,255,.96); }
.topbar h1 { font-size: 23px; }.topbar p { font-size: 13px !important; }
.topbar-actions { gap: 12px; }
.version-pill { display: inline-flex; align-items: center; background: #19191b; color: #fff; border-left: 4px solid var(--orange); border-radius: 5px; padding: 8px 10px; font-size: 12px; font-weight: 700; }
.live-pill i { background: var(--orange); box-shadow: 0 0 0 4px rgba(237,28,36,.10); }
.notice-dot { background: var(--orange); }
.primary-button, .generate-button { background: var(--orange); box-shadow: 0 8px 18px rgba(237,28,36,.19); }
.primary-button:hover, .generate-button:hover { background: #cf1017; }
.view-container { padding-top: 32px; }
.hero-card { background: linear-gradient(120deg,#171719,#303034); border-bottom: 5px solid var(--orange); }
.hero-card::before { opacity: .28; }
.hero-copy h2 { font-family: "Microsoft YaHei", sans-serif; font-weight: 800; }
.hero-copy h2 em { color: #ff4c52; }
.hero-copy > p { color: #e0e0e2; }
.hero-button { border-radius: 5px; }.hero-button span { color: var(--orange); }
.sun { background: radial-gradient(circle at 35% 30%,#ff8e92,#ed1c24); box-shadow:0 0 0 12px rgba(237,28,36,.07),0 0 50px rgba(237,28,36,.22); }
.lantern { background: var(--orange); }
.opportunity-copy { border-left: 4px solid var(--orange); }
.stat-card { border-top: 3px solid #202023; }
.stat-icon.orange,.stat-icon.green,.stat-icon.blue,.stat-icon.purple { color: var(--orange); background: var(--orange-soft); }
.positive,.warning-line { color: var(--orange); }
.mini-tag,.success-pill { color: #b90e15; background: #ffe8e9; }
.funnel-stage.active,.formula-box { background: #202023; }
.source-box { background: #f7f7f8; border-color: #dedee1; border-left: 4px solid var(--orange); }
.source-box>div>span,.source-box button { color: var(--orange); }
.ai-orbit span,.loader-logo { background: #202023; color: #fff; border-bottom: 4px solid var(--orange); }
.ai-orbit::before,.ai-orbit::after { background: var(--orange); }
.score-ring { background: conic-gradient(var(--orange) 0 76%,#e4e4e6 76%); }
.score-ring::after { background: #f4f4f5; }
.analysis-header h2,.library-top h2,.studio-intro h2 { font-family: "Microsoft YaHei",sans-serif; font-weight: 800; font-size: 30px; }
.analysis-header p,.library-top p,.studio-intro p { font-size: 14px !important; }
.panel { padding: 24px; }
.form-group label { font-size: 14px !important; margin-bottom: 9px; }
.form-group input,.form-group textarea,.form-group select { font-size: 14px !important; padding: 12px 13px; line-height: 1.65; }
.method-tabs button { padding: 8px 2px 13px; }
.prototype-warning { background: #222225; color: #fff; border-left: 5px solid var(--orange); padding: 15px 16px; border-radius: 7px; margin-bottom: 18px; }
.prototype-warning strong { font-size: 15px; }.prototype-warning p { color: #d1d1d4; margin: 6px 0 0; font-size: 13px !important; }
.link-placeholder { border: 2px dashed #cfd0d3; padding: 38px 25px; }
.link-placeholder>span { color: var(--orange); font-size: 32px; }.link-placeholder strong { font-size: 16px; }.link-placeholder small { max-width: 430px; margin: 0 auto; }
.link-status { margin: -8px 0 18px; border: 1px solid var(--line); border-radius: 8px; padding: 13px 14px; background: #fff; }
.link-status.loading { border-left: 4px solid #19191b; }.link-status.success { border-left: 4px solid var(--orange); }.link-status.error { border-left: 4px solid var(--orange); background: #fff5f5; }
.link-status strong { display:block; font-size:14px; }.link-status p { margin:5px 0 0; color:var(--muted); font-size:13px !important; }
.real-pipeline-note p { line-height: 1.75; }
.system-status-card { display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; border:1px solid #ffd0d2; border-radius:8px; padding:13px 14px; background:#fff4f4; }
.system-status-card .status-dot { flex:0 0 auto; width:10px; height:10px; margin-top:5px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(237,28,36,.1); }
.system-status-card strong { font-size:14px; }.system-status-card p { margin:4px 0 0; color:var(--muted); font-size:12px !important; }.system-status-card.connected { border-color:#bfdacb; background:#eff8f3; }.system-status-card.connected .status-dot { background:#238357; box-shadow:0 0 0 4px rgba(35,131,87,.1); }
#videoLink { min-height: 92px; resize: vertical; }
.video-source-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 15px; margin:-2px 0 16px; border:1px solid var(--line); border-radius:9px; background:#f7f7f8; }
.video-source-actions>span { display:flex; flex-direction:column; gap:4px; }
.video-source-actions b { font-size:14px; }.video-source-actions small { color:var(--muted); font-size:13px; line-height:1.55; }
.video-source-actions button { flex:0 0 auto; border:1px solid #222225; color:#222225; background:#fff; border-radius:7px; padding:10px 13px; font-size:13px; font-weight:800; cursor:pointer; }
.video-source-actions button:hover { color:#fff; background:#222225; }
.video-job-card { margin:0 0 18px; padding:17px; border:1px solid #d5d5d8; border-left:5px solid var(--orange); border-radius:9px; background:#fff; }
.video-job-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.video-job-head>div { display:flex; flex-direction:column; gap:5px; }
.video-job-head strong { font-size:15px; }.video-job-head small { color:var(--muted); font-size:13px; }.video-job-head>b { color:var(--orange); font-size:22px; }
.video-progress { height:8px; margin:15px 0; border-radius:8px; overflow:hidden; background:#e5e5e7; }.video-progress i { display:block; width:0; height:100%; border-radius:8px; background:var(--orange); transition:width .35s ease; }
.video-stages { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }.video-stages span { display:flex; flex-direction:column; align-items:center; gap:6px; color:#8b8b90; font-size:12px; text-align:center; }
.video-stages i { display:grid; place-items:center; width:25px; height:25px; border:1px solid #cbcbce; border-radius:50%; background:#fff; color:#777; font-size:11px; font-style:normal; }
.video-stages span.done,.video-stages span.active { color:#202023; font-weight:800; }.video-stages span.done i { color:#fff; border-color:#202023; background:#202023; }.video-stages span.active i { color:#fff; border-color:var(--orange); background:var(--orange); box-shadow:0 0 0 4px rgba(237,28,36,.1); }
.extracted-video { display:grid; grid-template-columns:180px 1fr; gap:17px; margin:0 0 18px; padding:16px; border:2px solid #202023; border-radius:10px; background:#fff; }
.extracted-video video { width:180px; height:235px; border-radius:7px; object-fit:contain; background:#111; }
.extracted-video-info { min-width:0; }.extracted-video-info h3 { margin:11px 0 8px; font-size:17px; line-height:1.55; }.extracted-video-info p { color:var(--muted); font-size:13px !important; line-height:1.6; }
.extracted-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.extracted-actions a,.extracted-actions button { border:0; border-radius:6px; padding:10px 13px; color:#fff; background:#202023; font-size:13px; font-weight:800; text-decoration:none; cursor:pointer; }.extracted-actions button { background:var(--orange); }
.extracted-transcript { grid-column:1/-1; padding-top:15px; border-top:1px solid var(--line); }.extracted-transcript>div { display:flex; justify-content:space-between; margin-bottom:8px; }.extracted-transcript strong { font-size:15px; }.extracted-transcript span,.extracted-transcript small { color:var(--muted); font-size:13px; }
.extracted-transcript textarea { width:100%; min-height:145px; border:1px solid #cfcfd2; border-radius:7px; padding:12px; font-size:14px; line-height:1.8; resize:vertical; }.extracted-transcript small { display:block; margin-top:7px; line-height:1.55; }
.analysis-result { min-height: 760px; }.analysis-empty { min-height: 710px; }
.analysis-meta { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 0; }.analysis-meta span { background:#f2f2f3; border:1px solid var(--line); border-radius:5px; padding:6px 9px; font-size:12px; color:var(--ink-2); }
.dna-score { grid-template-columns: 112px 1fr; padding: 20px; }.score-ring { width: 92px; height: 92px; }.score-ring strong { font-size: 27px; top: 23px; }.score-ring span { top: 57px; font-size: 11px; }.dna-score h3 { font-size: 17px; }.dna-score p { font-size: 13px !important; }
.director-scores { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin-bottom:20px; }.director-score { border:1px solid var(--line); border-radius:8px; padding:10px 9px; }.director-score span,.director-score strong { display:block; }.director-score span { font-size:11px; color:var(--muted); }.director-score strong { font-size:18px; margin:4px 0 7px; }.director-score i { display:block; height:4px; background:#e6e6e8; border-radius:4px; overflow:hidden; }.director-score i::after { content:""; display:block; width:var(--score); height:100%; background:var(--orange); }
.analysis-section-title { display:flex; align-items:flex-end; justify-content:space-between; border-bottom:2px solid #202023; padding-bottom:8px; margin:19px 0 15px; }.analysis-section-title span { font-weight:800; font-size:16px; }.analysis-section-title small { color:var(--muted); }
.structure-item { grid-template-columns: 62px 1fr 68px; gap:13px; padding-bottom:18px; }.structure-item::before { left:30px; }.structure-time { font-size:11px !important; padding:5px; }.structure-body strong { font-size:14px; }.structure-body p { font-size:13px !important; }.structure-item>b { font-size:11px; padding:5px; }
.director-diagnosis { display:flex; flex-direction:column; gap:8px; }.diagnosis-item { display:grid; grid-template-columns:64px 1fr; gap:12px; border:1px solid var(--line); border-radius:8px; padding:12px 13px; }.diagnosis-item>span { align-self:start; text-align:center; border-radius:4px; padding:4px; font-size:11px; font-weight:700; }.diagnosis-item.good>span { color:#fff; background:#202023; }.diagnosis-item.warn>span { color:#fff; background:var(--orange); }.diagnosis-item strong { font-size:14px; }.diagnosis-item p { margin:4px 0 0; font-size:13px !important; color:var(--muted); }
.rewrite-box { background:#fff2f2; border:1px solid #ffd0d2; border-left:5px solid var(--orange); border-radius:8px; padding:15px 16px; margin:16px 0; }.rewrite-box>span { color:var(--orange); font-size:12px; font-weight:700; }.rewrite-box p { color:#1d1d20; font-size:16px !important; line-height:1.6; font-weight:800; margin:8px 0 4px; }.rewrite-box small { color:var(--muted); }
.formula-box { border-left:5px solid var(--orange); padding:18px 20px; }.formula-box>span { color:#ff898d; }.formula-box p { padding-right:145px; font-size:14px !important; }.formula-box b { color:#ff5c61; }.formula-box button { font-size:12px; }
.replicate-box { margin-top:18px; border:2px solid #202023; border-top:6px solid var(--orange); border-radius:11px; padding:20px; background:#fff; }
.replicate-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.replicate-head>div>span { color:var(--orange); font-size:12px; font-weight:800; }.replicate-head h3 { margin:5px 0 6px; font-size:20px; }.replicate-head p { margin:0; color:var(--muted); font-size:13px !important; }
.replicate-badge { flex:0 0 auto; color:#fff; background:#202023; border-radius:5px; padding:7px 9px; font-size:12px; font-weight:800; }
.replicate-controls { display:grid; grid-template-columns:1.05fr 1fr 1.2fr; gap:10px; margin:17px 0 11px; }
.replicate-controls label,.hotspot-field { display:flex; flex-direction:column; gap:7px; color:#36363a; font-size:12px; font-weight:800; }
.replicate-controls select,.hotspot-field select { width:100%; border:1px solid #cfcfd2; border-radius:7px; background:#fff; padding:10px 11px; color:#202023; }
.live-context { display:flex; flex-wrap:wrap; gap:7px; padding:11px; border:1px solid #dedee1; border-left:4px solid var(--orange); border-radius:8px; background:#f6f6f7; }
.live-context span { border-radius:5px; background:#fff; padding:7px 9px; color:#55555a; font-size:12px; line-height:1.5; }.live-context b { display:block; color:#202023; font-size:11px; }
.hotspot-field { margin:12px 0; }.hotspot-field small { color:var(--muted); font-weight:400; }
.replicate-generate { margin-top:13px; }
.replicate-result { margin-top:18px; border-top:2px solid #202023; padding-top:18px; }
.replicate-result-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.replicate-result-head h3 { margin:8px 0 0; font-size:18px; line-height:1.5; }.replicate-result-head button { border:1px solid #202023; border-radius:6px; padding:8px 10px; background:#fff; color:#202023; font-weight:800; }
.migration-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:15px 0; }.migration-grid article { border:1px solid var(--line); border-radius:8px; padding:12px; }.migration-grid article:first-child { background:#202023; color:#fff; }.migration-grid span { color:var(--orange); font-size:12px; font-weight:800; }.migration-grid p { margin:6px 0 0; font-size:13px !important; line-height:1.65; }.migration-grid article:first-child p { color:#e4e4e6; }
.replicate-section { margin-top:16px; }.replicate-section>span { display:block; border-bottom:2px solid #202023; padding-bottom:7px; margin-bottom:7px; font-size:15px; font-weight:800; }
.replicate-titles p { display:grid; grid-template-columns:30px 1fr; align-items:start; gap:7px; margin:0; padding:9px 0; border-bottom:1px solid var(--line); }.replicate-titles b { color:var(--orange); }
.replicate-script-row { display:grid; grid-template-columns:72px 1fr; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }.replicate-script-row>span { color:var(--orange); font-size:12px; font-weight:800; }.replicate-script-row>span b { display:block; margin-top:3px; color:#202023; }.replicate-script-row p { margin:0; font-size:14px !important; color:#202023; }.replicate-script-row small { display:block; margin-top:6px; color:var(--muted); }
.replicate-note { margin-top:13px; border-left:4px solid var(--orange); border-radius:5px; padding:11px 12px; background:#fff3f3; color:#55555a; font-size:12px; line-height:1.7; }
.help-hero { background:#1d1d20; color:#fff; padding:36px; border-bottom:6px solid var(--orange); position:relative; }.help-hero h2 { font-size:32px; margin:13px 0 10px; }.help-hero p { color:#d4d4d7; max-width:760px; margin:0 0 22px; }.manual-download { display:inline-block; text-decoration:none; }
.help-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:16px 0; }.help-grid article { border-top:4px solid var(--orange); }.help-grid b { color:var(--orange); font-size:22px; }.help-grid h3 { font-size:17px; margin:10px 0 7px; }.help-grid p { color:var(--muted); margin:0; font-size:13px !important; }
.capability-table h3 { margin:0 0 15px; font-size:19px; }.capability-table>div { display:grid; grid-template-columns:150px 1fr 1fr; border-top:1px solid var(--line); }.capability-table>div:first-of-type { background:#202023; color:#fff; border-top:0; }.capability-table>div>* { padding:13px; margin:0; }.capability-table>div span { font-size:13px; font-weight:700; }.capability-table>div b { font-size:14px; }.capability-table>div p { font-size:13px !important; }
.topic-item h4,.opportunity-copy p,.weather-row>span,.next-action strong,.source-box strong,.script-block>span,.material-card h3,.settings-section h3,.rule-list strong { font-size:14px !important; }
.stat-card small,.funnel-stage span,.funnel-stage small,.next-action small,.source-box small,.score-strip span,.result-footer span,.material-card-head time,.material-tags span,.industry-switch span,.industry-switch small,.section-description,.textarea-meta { font-size:12px !important; }
.funnel-stage strong,.industry-switch strong { font-size:14px !important; }.score-strip strong { font-size:18px; }.settings-nav h3 { font-size:17px; }.settings-head h2 { font-size:22px; }
.generating-steps .done,.score-strip p,.saved-state { color:var(--orange); }.score-strip p i { background:var(--orange); }.weather-icon { background:#ededee; color:var(--orange); }
.type-case,.type-exp,.type-idea,.type-viral { color:#b80f16; background:#fff0f0; }.type-exp { color:#fff; background:#242427; }.type-idea { color:#4a4a4f; background:#ececef; }.type-viral { color:#fff; background:var(--orange); }
.asset-proof { display:block; margin:-4px 0 9px; color:#59595e; font-size:12px !important; font-weight:700; }.material-source { display:inline-block; margin:0 0 11px; color:var(--orange); font-size:12px; font-weight:800; text-decoration:none; }.material-source:hover { text-decoration:underline; }
.hot-source-status { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-4px 0 8px; border-left:4px solid var(--orange); border-radius:6px; padding:10px 12px; background:#fff2f2; }.hot-source-status b { font-size:12px; }.hot-source-status span { color:var(--muted); font-size:11px; text-align:right; }.hot-source-status.connected { border-left-color:#238357; background:#eff8f3; }
.settings-section { scroll-margin-top:110px; }
.usage-case { margin-top:18px; border-top:6px solid var(--orange); }.usage-case h3 { margin:10px 0 15px; font-size:21px; }.usage-case-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.usage-case-flow article { border:1px solid var(--line); border-radius:8px; padding:13px; }.usage-case-flow b { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#fff; background:#202023; }.usage-case-flow strong { display:block; margin:9px 0 5px; }.usage-case-flow p { margin:0; color:var(--muted); font-size:12px !important; }.usage-case-output { margin-top:13px; border-left:5px solid var(--orange); border-radius:7px; padding:14px 16px; background:#fff3f3; }.usage-case-output p { margin:7px 0; font-size:15px !important; font-weight:700; }.usage-case-output small { color:var(--muted); }
kbd,.next-action>span,.generating-steps,.tag-editor>span { font-size:12px !important; }.choice-cards b { font-size:14px !important; }
.goal-explainer { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }
.goal-explainer span { border-left:3px solid #dedee1; border-radius:4px; padding:8px 9px; background:#f7f7f8; color:var(--muted); font-size:12px; line-height:1.55; }
.goal-explainer b { display:block; margin-bottom:2px; color:#202023; font-size:12px; }
.model-config-section,.douyin-access-section { border:1px solid #dedee1; border-left:5px solid var(--orange); border-radius:10px; margin:20px 0; padding:20px !important; background:#fafafa; }
.model-status-line { display:flex; align-items:flex-start; gap:12px; margin:13px 0 18px; border:1px solid #ffd0d2; border-radius:8px; padding:13px 14px; background:#fff3f3; }
.model-status-line>span { flex:0 0 auto; width:10px; height:10px; margin-top:5px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(237,28,36,.1); }
.model-status-line strong { display:block; font-size:14px; }.model-status-line p { margin:4px 0 0; color:var(--muted); font-size:12px !important; line-height:1.6; }
.model-status-line.connected { border-color:#bfdacb; background:#eff8f3; }.model-status-line.connected>span { background:#238357; box-shadow:0 0 0 4px rgba(35,131,87,.1); }
.model-cost-note { display:flex; flex-direction:column; gap:6px; margin:13px 0; border:1px solid #dedee1; border-radius:8px; padding:13px 14px; background:#fff; }
.model-cost-note b { font-size:14px; }.model-cost-note span,.model-cost-note small { color:#55555a; font-size:12px; line-height:1.55; }
.model-config-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:14px; }
.model-config-actions a,.model-config-actions button { border:1px solid #202023; border-radius:7px; padding:10px 13px; background:#fff; color:#202023; font-size:13px; font-weight:800; text-decoration:none; cursor:pointer; }
.model-config-actions .primary-button { border-color:var(--orange); background:var(--orange); color:#fff; }
.access-steps { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:0; margin:14px 0; list-style:none; counter-reset:access; }
.access-steps li { position:relative; border:1px solid #dedee1; border-radius:8px; padding:13px 13px 13px 43px; background:#fff; counter-increment:access; }
.access-steps li::before { content:counter(access); position:absolute; left:12px; top:13px; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#202023; color:#fff; font-size:11px; font-weight:800; }
.access-steps b,.access-steps span { display:block; }.access-steps b { font-size:13px; }.access-steps span { margin-top:5px; color:var(--muted); font-size:12px; line-height:1.6; }
.access-cost-note { margin-top:15px; border-left:4px solid var(--orange); border-radius:6px; padding:12px 13px; background:#fff2f2; }.access-cost-note b { font-size:13px; }.access-cost-note p { margin:5px 0 0; color:#55555a; font-size:12px !important; line-height:1.7; }
#goalSelector { flex-wrap:wrap; }.score-strip>div:first-child strong { max-width:190px; font-size:14px; line-height:1.35; }

@media (max-width: 1120px){.stats-grid{grid-template-columns:1fr 1fr}.hero-copy{width:68%}.studio-layout,.analysis-grid{grid-template-columns:1fr}.result-panel{position:static}.material-grid{grid-template-columns:1fr 1fr}.choice-cards{grid-template-columns:1fr 1fr}}
@media (max-width: 820px){:root{--sidebar:0px}.sidebar{width:232px;transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-content{margin-left:0;width:100%}.menu-btn{display:block}.topbar{padding:0 18px}.view-container{padding:20px 16px 35px}.live-pill{display:none}.hero-grid,.dashboard-lower{grid-template-columns:1fr}.hero-card{min-height:330px}.hero-copy{width:70%;padding-left:25px}.hero-visual{opacity:.6}.settings-layout{grid-template-columns:1fr}.settings-nav{display:none}.month-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width: 560px){.topbar-actions .primary-button{display:none}.hero-copy{width:100%;padding-right:25px}.hero-visual{opacity:.22;width:80%}.stats-grid,.material-grid,.form-row{grid-template-columns:1fr}.stat-card{align-items:center}.library-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.filter-tabs{gap:10px;overflow:auto;width:100%}.analysis-header,.library-top{align-items:flex-start;gap:15px}.analysis-header .primary-button,.library-top .primary-button{flex:0 0 auto;padding:9px}.score-strip{flex-wrap:wrap}.score-strip p{width:100%;margin:8px 0 0}.month-grid{grid-template-columns:repeat(4,1fr)}.plan-weeks>div{grid-template-columns:60px 1fr 25px}.plan-weeks p{display:none}}
@media (max-width: 700px){.video-source-actions{align-items:flex-start;flex-direction:column}.video-source-actions button{width:100%}.video-stages{grid-template-columns:repeat(3,1fr);row-gap:12px}.extracted-video{grid-template-columns:1fr}.extracted-video video{width:100%;height:360px}}
@media (max-width: 1120px){.help-grid{grid-template-columns:1fr 1fr}.director-scores{grid-template-columns:repeat(3,1fr)}}
@media (max-width: 1120px){.usage-case-flow{grid-template-columns:1fr 1fr}}
@media (max-width: 820px){.version-pill{display:none}.topbar{height:78px;padding:0 18px}.analysis-result{min-height:520px}.analysis-empty{min-height:480px}.capability-table>div{grid-template-columns:110px 1fr 1fr}}
@media (max-width: 560px){.help-grid{grid-template-columns:1fr}.help-hero{padding:26px 22px}.help-hero h2{font-size:25px}.director-scores{grid-template-columns:1fr 1fr}.capability-table{overflow-x:auto}.capability-table>div{min-width:620px}.formula-box p{padding-right:0}.formula-box button{position:static;margin-top:8px}.structure-item{grid-template-columns:55px 1fr 54px}.analysis-meta span{width:100%}}
@media (max-width: 560px){.usage-case-flow{grid-template-columns:1fr}.choice-cards{grid-template-columns:1fr 1fr}}
@media (max-width: 700px){.replicate-controls,.migration-grid{grid-template-columns:1fr}.replicate-result-head{flex-direction:column}.replicate-result-head button{width:100%}.replicate-script-row{grid-template-columns:62px 1fr}}
@media (max-width: 700px){.goal-explainer,.access-steps{grid-template-columns:1fr}.model-config-actions>*{width:100%;text-align:center}}

.auth-gate { min-height:100vh; display:grid; place-items:center; align-content:center; gap:22px; padding:28px; background:radial-gradient(circle at 76% 20%,rgba(237,28,36,.12),transparent 34%),#1d1d20; color:#fff; }
.auth-brand { display:flex; align-items:center; gap:13px; width:min(480px,100%); }.auth-brand .brand-mark { flex:0 0 auto; }.auth-brand strong,.auth-brand span { display:block; }.auth-brand strong { font-size:22px; }.auth-brand span { margin-top:4px; color:#aaaab0; font-size:13px; }
.auth-card { width:min(480px,100%); border-top:6px solid var(--orange); border-radius:14px; padding:30px; background:#fff; color:var(--ink); box-shadow:0 24px 70px rgba(0,0,0,.35); }
.auth-card h1 { margin:13px 0 8px; font-size:28px; }.auth-card>div>p { margin:0 0 22px; color:var(--muted); font-size:13px; line-height:1.7; }
.auth-card form { display:flex; flex-direction:column; gap:14px; }.auth-card label { color:#333338; font-size:13px; font-weight:800; }.auth-card input { width:100%; margin-top:7px; border:1px solid #d8d8dc; border-radius:8px; padding:12px 13px; font-size:14px; }
.auth-error { margin-top:14px; border-left:4px solid var(--orange); border-radius:6px; padding:10px 12px; background:#fff1f1; color:#b80f16; font-size:13px; }.auth-foot { width:min(480px,100%); margin:0; color:#85858b; font-size:12px; text-align:center; }
.worker-mode-card { display:flex; align-items:flex-start; gap:11px; margin:-4px 0 16px; border:1px solid #ffd0d2; border-radius:8px; padding:12px 13px; background:#fff4f4; }.worker-mode-card .status-dot { flex:0 0 auto; width:9px; height:9px; margin-top:5px; border-radius:50%; background:var(--orange); }.worker-mode-card>div { flex:1; }.worker-mode-card strong { display:block; font-size:13px; }.worker-mode-card p { margin:4px 0 0; color:var(--muted); font-size:12px !important; }.worker-mode-card label { flex:0 0 auto; font-size:12px; font-weight:800; }.worker-mode-card.online { border-color:#bfdacb; background:#eff8f3; }.worker-mode-card.online .status-dot { background:#238357; box-shadow:0 0 0 4px rgba(35,131,87,.1); }
.team-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:15px; }.team-summary article { display:flex; flex-direction:column; gap:5px; border-top:4px solid var(--orange); }.team-summary span,.team-summary small { color:var(--muted); font-size:12px; }.team-summary strong { font-size:30px; }
.team-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:15px; align-items:start; }.team-grid .panel-head { margin-bottom:14px; }.team-grid .panel-head h3 { margin:0 0 5px; font-size:18px; }.team-grid .panel-head p { margin:0; color:var(--muted); font-size:12px; }
.create-user-form { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:16px; }.create-user-form input,.create-user-form select { min-width:0; border:1px solid #d8d8dc; border-radius:7px; padding:10px; font-size:13px; }.create-user-form button { grid-column:1/-1; }
.team-user-list { display:flex; flex-direction:column; gap:8px; }.team-user-row { display:grid; grid-template-columns:minmax(150px,1fr) 110px minmax(180px,1fr) auto; align-items:center; gap:10px; border:1px solid var(--line); border-radius:8px; padding:11px 12px; }.team-user-row strong,.team-user-row small { display:block; }.team-user-row small { margin-top:3px; color:var(--muted); font-size:11px; }.team-user-role { border-radius:5px; padding:5px 7px; background:#f0f0f2; font-size:11px; text-align:center; }.team-user-metrics { color:#55555a; font-size:11px; }.team-user-actions { display:flex; gap:6px; }.team-user-actions button { border:1px solid #cfcfd2; border-radius:5px; padding:6px 8px; background:#fff; font-size:11px; }
.device-list { display:flex; flex-direction:column; gap:8px; }.device-row { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); border-radius:8px; padding:11px; }.device-row span { display:flex; flex-direction:column; gap:3px; }.device-row strong { font-size:13px; }.device-row small { color:var(--muted); font-size:11px; }.device-row b { color:#b80f16; font-size:11px; }.device-row b.online { color:#238357; }.device-row button { border:0; background:transparent; color:var(--orange); font-size:11px; }
.worker-command { margin-top:13px; border-left:5px solid var(--orange); border-radius:8px; padding:13px; background:#fff2f2; }.worker-command strong { font-size:13px; }.worker-command p { margin:5px 0 9px; color:var(--muted); font-size:11px !important; }.worker-command textarea { width:100%; border:1px solid #d2d2d5; border-radius:6px; padding:9px; font-size:11px; word-break:break-all; resize:none; }.worker-command button { margin-top:8px; }
.device-help { margin-top:14px; border-top:1px solid var(--line); padding-top:13px; }.device-help b { font-size:13px; }.device-help p { margin:6px 0; color:#444448; font-size:11px !important; line-height:1.6; }.device-help code { word-break:break-all; }.device-help small,.scope-help { color:var(--muted); font-size:11px; line-height:1.6; }
.asset-scope { display:inline-block; margin:0 0 9px; border-radius:4px; padding:3px 6px; background:#ececef; color:#4e4e53; font-size:11px; }.asset-scope.company { background:#fff0f0; color:#b80f16; }

@media (max-width: 1050px){.team-grid{grid-template-columns:1fr}.team-user-row{grid-template-columns:1fr 100px}.team-user-metrics{grid-column:1/-1}.team-user-actions{grid-column:2;grid-row:1/3;justify-content:flex-end}}
@media (max-width: 700px){.team-summary{grid-template-columns:1fr}.create-user-form{grid-template-columns:1fr}.team-user-row{grid-template-columns:1fr}.team-user-actions,.team-user-metrics{grid-column:1;grid-row:auto}.worker-mode-card{flex-wrap:wrap}.worker-mode-card label{width:100%}}

.compliance-footer { position:fixed; z-index:100; right:0; bottom:0; left:var(--sidebar); display:flex; align-items:center; justify-content:center; gap:16px; min-height:36px; padding:7px 18px; border-top:1px solid #3b3b3f; background:rgba(29,29,32,.97); color:#d4d4d7; font-size:12px; line-height:1.5; }
.compliance-footer a { color:#fff; text-decoration:none; }
.compliance-footer a:hover { color:#ff6c71; text-decoration:underline; }
@media (max-width: 820px){.compliance-footer{left:0;flex-wrap:wrap;gap:4px 12px;padding:6px 12px}}