:root{
  --bg:#0e1013;--panel:#181b20;--panel2:#20242b;--panel3:#13161a;--text:#e7e0d3;--muted:#9e988f;
  --line:#343944;--accent:#b99b68;--accent2:#806a48;--danger:#985050;--good:#6f9875;--blue:#728cab;--violet:#8870a0;
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 30% 0,#1b1e24,#0b0d10 58%);color:var(--text);font-family:Georgia,"Noto Serif SC","Microsoft YaHei",serif}
button,input,textarea,select{font:inherit}button{background:#282d35;border:1px solid #444b57;color:var(--text);padding:8px 12px;border-radius:7px;cursor:pointer;transition:.15s}button:hover{border-color:var(--accent);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:#4d412e;border-color:#7f6845}button.danger{border-color:#704040;background:#2a1d1f}button.ghost{background:transparent}.tiny{font-size:11px;padding:3px 7px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:#111318e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.title{font-size:23px;letter-spacing:2px}.subtitle{font-size:12px;color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:7px;flex-wrap:wrap}
.layout{display:grid;grid-template-columns:270px minmax(440px,1fr) 310px;gap:12px;padding:12px;min-height:calc(100vh - 70px)}.panel{background:linear-gradient(180deg,#1a1d22,#14171b);border:1px solid #30353e;border-radius:10px;box-shadow:0 12px 34px #0006}.state-panel,.right-panel{padding:16px;overflow:auto;max-height:calc(100vh - 94px);position:sticky;top:82px}.story-panel{display:flex;flex-direction:column;min-height:calc(100vh - 94px)}#screen{padding:26px 30px;flex:1;overflow:auto}.action-area{border-top:1px solid var(--line);padding:14px 18px;background:#13161a;position:sticky;bottom:0}
.muted{color:var(--muted)}h1,h2,h3{font-weight:500}h3{font-size:14px;letter-spacing:1px;color:#c9b88f;margin:15px 0 8px}.section-head{display:flex;align-items:center;justify-content:space-between}.identity{line-height:1.65;margin-bottom:12px}.identity b{font-size:18px;color:#f2eadb}
.meter-grid{display:grid;gap:8px}.meter{height:6px;background:#292e35;border-radius:99px;overflow:hidden;margin-top:4px}.meter i{display:block;height:100%;width:0;background:var(--good)}.meter.sanity i{background:var(--blue)}.meter.bad i{background:var(--danger)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:14px}.stat{background:#20242b;padding:8px;border:1px solid #2e343d;border-radius:6px;display:flex;justify-content:space-between}.kv{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin:8px 0}.kv b{text-align:right}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:12px;border:1px solid #3a414b;padding:4px 7px;border-radius:99px;background:#20242b}.chip.warn{border-color:#7b4a4a}.mini-list{font-size:12px;line-height:1.75}.mini-list button{width:100%;text-align:left;margin:3px 0;font-size:12px;padding:6px 8px}
.scene-title{font-size:27px;margin-bottom:8px}.scene-meta{color:#a39b8d;font-size:13px;margin-bottom:22px}.prose{font-size:16px;line-height:1.95;white-space:pre-wrap}.quote{border-left:2px solid #6d6250;padding-left:13px;color:#d0c6b6}.notice{border-left:3px solid var(--accent);background:#211e19;padding:12px 14px;margin:14px 0;line-height:1.7}.warning{border-left-color:var(--danger);background:#24191b}.success{border-left-color:var(--good);background:#182119}.roll{border:1px solid #49515d;background:#161a1f;border-radius:8px;padding:12px;margin:14px 0;line-height:1.72}.roll.hidden-roll{border-style:dashed;color:#b4afa7}.roll .great{color:#d8bd80}.roll .fail{color:#d78a8a}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice{text-align:left;min-height:50px}.choice strong{display:block;margin-bottom:3px}.free-row{display:flex;gap:8px;margin-top:10px}.free-row textarea{flex:1;min-height:72px;resize:vertical;background:#0f1216;border:1px solid #373e48;color:var(--text);border-radius:7px;padding:10px;line-height:1.5}.small{font-size:12px;color:var(--muted);line-height:1.55}.micro{font-size:11px;color:#77736d}
.talent-grid,.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.talent-card,.pick-card,.info-card{border:1px solid #39404a;background:#1f2329;padding:12px;border-radius:8px}.talent-card{cursor:pointer}.talent-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px #b89a6544 inset;background:#27231d}.talent-card b{display:block;margin-bottom:5px}.alloc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alloc-card{border:1px solid #343b45;border-radius:8px;padding:10px;background:#1d2127}.alloc-controls{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.alloc-controls button{padding:3px 8px}.setup-row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center;margin:10px 0}.setup-row input,.setup-row select{background:#101318;border:1px solid #373e48;color:var(--text);padding:9px;border-radius:6px}
.mini-cards{display:grid;gap:7px}.opp{border:1px solid #353c46;background:#1c2026;padding:9px;border-radius:7px;font-size:12px;line-height:1.5;cursor:pointer}.opp:hover{border-color:#7b6b50}.opp.expiring{border-color:#704646}.opp b{color:#ddd2c0}.news{font-size:12px;line-height:1.62}.news-item{padding:7px 0;border-bottom:1px dashed #2d333b}.news-item b{color:#c8b998}.log{font-size:12px;line-height:1.6}.log-entry{padding:6px 0;border-bottom:1px dashed #2c3138}.tag{display:inline-block;padding:2px 5px;border-radius:4px;background:#2a3038;font-size:10px;margin-right:4px;color:#c6c1b8}.tag.occult{background:#342b39;color:#d0b8d8}.tag.danger{background:#3a2527;color:#e0aaaa}.tag.social{background:#24323a;color:#a9c4d4}
.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{border-bottom:1px solid #303641;padding:8px;text-align:left}.table th{color:#c7b88e;font-weight:500}.skillbar{height:5px;background:#2b3037;border-radius:99px;overflow:hidden;margin-top:4px}.skillbar i{display:block;height:100%;background:#7e8d74}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs button.active{border-color:var(--accent);background:#302a20}
.clues{display:grid;gap:7px}.clue{padding:9px 11px;background:#1d2228;border:1px solid #343b45;border-radius:6px;font-size:13px}.clue.locked{opacity:.45}.crisis-track{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.crisis-track span{font-size:12px;padding:5px 8px;border:1px solid #3a414b;border-radius:6px;background:#1c2025}.crisis-track .danger{border-color:#75484a}.death{border:1px solid #5e4548;background:#1e1719;padding:18px;border-radius:10px}.ending-title{font-size:22px;color:#d8bd80;margin:8px 0 16px}.spinner{animation:pulse 1s infinite alternate;color:var(--accent)}@keyframes pulse{to{opacity:.35}}
.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:20;padding:18px}.modal.hidden{display:none}.modal-card{width:min(820px,95vw);max-height:92vh;overflow:auto;background:#1a1d22;border:1px solid #4a515c;border-radius:12px;padding:22px;position:relative;box-shadow:0 25px 80px #000}.x{position:absolute;right:10px;top:10px}.form-row{display:grid;grid-template-columns:160px 1fr;gap:10px;margin:10px 0;align-items:center}.form-row input,.form-row select,.form-row textarea{background:#101318;border:1px solid #373e48;color:var(--text);padding:9px;border-radius:6px}.form-row textarea{min-height:70px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}hr{border:0;border-top:1px solid #30353e;margin:14px 0}
@media(max-width:1100px){.layout{grid-template-columns:230px minmax(420px,1fr)}.right-panel{grid-column:1/-1;position:static;max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.state-panel{position:sticky}}
@media(max-width:780px){.layout{grid-template-columns:1fr}.state-panel,.right-panel{position:static;max-height:none}.right-panel{display:block}.topbar{align-items:flex-start;gap:10px;flex-direction:column}.choices,.talent-grid,.card-grid{grid-template-columns:1fr}.alloc{grid-template-columns:repeat(2,1fr)}#screen{padding:20px}.free-row{flex-direction:column}.setup-row,.form-row{grid-template-columns:1fr}.story-panel{min-height:70vh}}

/* v1.2 narrative quick-reply marker: functional, not a visual redesign */
.quick-reply{margin:10px 0 12px auto;max-width:72%;padding:9px 12px;border:1px solid #4b5260;background:#20252d;border-radius:8px;display:flex;gap:8px;align-items:flex-start;white-space:pre-wrap}
.quick-reply span{font-size:11px;opacity:.65;flex:0 0 auto;padding-top:2px}
.quick-reply b{font-weight:500;line-height:1.55}

@media(max-width:780px){
  body{background:#0e1013}
  .layout{padding:7px;gap:7px}
  .story-panel{order:1;min-height:72vh}
  .state-panel{order:2}
  .right-panel{order:3}
  .topbar{position:sticky;top:0;padding:10px 12px}
  .title{font-size:19px}.subtitle{font-size:10px}
  .top-actions{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:5px}
  .top-actions button{padding:7px 6px;font-size:12px}
  #screen{padding:16px 14px}
  .action-area{padding:10px}
  .prose{font-size:16px;line-height:1.88}
  .state-panel,.right-panel{padding:12px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .modal{padding:7px}.modal-card{width:100%;max-height:96vh;border-radius:8px;padding:18px 14px}
  .quick-reply{max-width:92%}
}
@media(max-width:420px){
  .top-actions{grid-template-columns:repeat(3,1fr)}
  .alloc{grid-template-columns:1fr}
  .scene-title{font-size:22px}
}
/* v2.2 inner-faculty decisions: functional hierarchy, not a visual redesign */
.inner-choice{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:6px;text-align:left}
.inner-choice strong{letter-spacing:.04em}
.inner-thought{font-style:italic;opacity:.9;line-height:1.55}
.inner-action{display:block;margin-top:2px;line-height:1.5;font-weight:650}

/* v2.2.1 mobile model picker hotfix */
.model-picker{display:flex;gap:8px;min-width:0}.model-picker select{flex:1;min-width:0;width:100%;background:#101318;border:1px solid #373e48;color:var(--text);padding:9px;border-radius:6px}.model-picker button{flex:0 0 auto}
@media(max-width:780px){.model-picker{flex-direction:column;width:100%}.model-picker select,.model-picker button{width:100%;min-height:44px}.form-row input,.form-row select,.form-row textarea{width:100%;min-width:0}}


/* v2.3 active inner mind + mobile action feedback */
.inner-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;border:1px solid #3a414b;border-radius:8px;background:#191d23}
.inner-prompt>div{min-width:0}.inner-prompt b{display:block;color:#d5c7a8;margin-bottom:3px}.inner-prompt span{display:block;color:var(--muted);font-size:12px;line-height:1.5}.inner-ask-btn{flex:0 0 auto;white-space:nowrap}
.inner-question-presets{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.inner-question-presets button{font-size:12px}
.inner-question-row{display:flex;gap:8px;align-items:stretch}.inner-question-row textarea{flex:1;min-height:82px;resize:vertical;background:#101318;border:1px solid #373e48;color:var(--text);padding:10px;border-radius:7px;line-height:1.55}.inner-question-row button{flex:0 0 auto}
.inner-answer-box{margin-top:12px;display:grid;gap:8px}.inner-voice{border:1px solid #3b424d;background:#1d2127;border-radius:8px;padding:10px 12px;line-height:1.65}.inner-voice strong{display:block;color:#d5c7a8;margin-bottom:4px}
.ai-pending{margin:12px 0;padding:10px 12px;border:1px dashed #4d5664;border-radius:8px;background:#171b20;color:#b9b1a3}.ai-narrative{margin-top:14px;padding-top:12px;border-top:1px dashed #353b44}.dialogue.ai-pending{min-height:52px}
@media(max-width:780px){
  .action-area{position:static!important;bottom:auto!important}
  .story-panel{overflow:visible}
  .inner-prompt{align-items:stretch;flex-direction:column}.inner-ask-btn{width:100%;min-height:44px}
  .inner-question-row{flex-direction:column}.inner-question-row textarea,.inner-question-row button{width:100%}.inner-question-row button{min-height:44px}
  .inner-question-presets{display:grid;grid-template-columns:1fr}.inner-question-presets button{text-align:left;min-height:42px}
}


/* v2.3.1 feedback-chain + visible settlement */
.global-action-busy{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;min-width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:11px 14px;border:1px solid #5b6574;border-radius:9px;background:#11161df2;box-shadow:0 12px 36px #0009;text-align:center;pointer-events:none}.global-action-busy span{display:block;font-size:14px}.global-action-busy small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.busy-disabled{pointer-events:none!important;opacity:.48!important}.settlement{margin:14px 0;padding:12px 13px;border:1px solid #404852;border-radius:9px;background:#171b20}.settlement-title{font-size:12px;letter-spacing:.08em;color:#cbb98f;margin-bottom:9px}.settlement-deltas{display:flex;flex-wrap:wrap;gap:7px}.delta{font-size:12px;border:1px solid #3a424d;border-radius:999px;padding:5px 8px;background:#20252b}.delta.gain{border-color:#4d7054}.delta.loss{border-color:#744a4d}.delta.neutral{border-color:#515967}.delta b{font-weight:600;margin-right:3px}
@media(max-width:780px){.global-action-busy{bottom:10px}.settlement-deltas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.delta{border-radius:7px;line-height:1.4}.global-action-busy{min-width:calc(100vw - 16px)}}
@media(max-width:420px){.settlement-deltas{grid-template-columns:1fr}}

/* v2.4.0 Combat System v2 */
.combat-distance{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 12px}
.combat-distance span{padding:7px 6px;text-align:center;border:1px solid var(--line,#343943);border-radius:8px;font-size:12px;opacity:.55}
.combat-distance span.active{opacity:1;border-color:#9a7f58;background:rgba(154,127,88,.14);font-weight:700}
.combat-actors{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px}
.combat-actor{border:1px solid var(--line,#343943);border-radius:10px;padding:11px;background:rgba(255,255,255,.025)}
.combat-actor.danger{border-color:rgba(155,72,72,.55)}
.combat-actor-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}
.combat-actor-head span{font-size:11px;opacity:.72;text-align:right}
.combat-primary{font-size:13px;margin-bottom:6px}
.combat-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 10px}
.combat-actions .choice{min-height:68px;text-align:left}
.combat-actions .choice strong{display:block;margin-bottom:4px}
.combat-section-title{font-size:12px;font-weight:700;letter-spacing:.08em;opacity:.7;margin:9px 0 6px}
.combat-log{margin:12px 0 4px}
.combat-log-row{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12px}
.combat-log-row>span{opacity:.45;font-variant-numeric:tabular-nums}
.combat-log-row small{display:block;opacity:.65;margin-top:2px}
.combat-log-row.success b{color:#a7c59a}.combat-log-row.fail b{color:#c5aa8c}.combat-log-row.danger b{color:#d98b8b}
.combat-roll-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.combat-roll-grid>div{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.035)}
.combat-narrative{white-space:pre-line}
@media(max-width:720px){.combat-actors{grid-template-columns:1fr}.combat-actions{grid-template-columns:1fr}.combat-distance{gap:4px}.combat-distance span{font-size:11px;padding:6px 2px}.combat-roll-grid{grid-template-columns:1fr}.combat-actions .choice{min-height:60px}}

/* v2.4.1 direct NPC chat */
.npc-chat{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow:auto;padding:8px 2px 18px;scroll-behavior:smooth}
.dialogue{max-width:88%;padding:10px 12px;border:1px solid var(--line,#3b404b);border-radius:12px;background:rgba(255,255,255,.035)}
.dialogue.player{align-self:flex-end;text-align:left;background:rgba(158,126,73,.13)}
.dialogue.npc{align-self:flex-start}
.dialogue b{display:block;font-size:.78rem;opacity:.65;margin-bottom:4px}
.chat-empty{padding:18px 4px;opacity:.65}
@media(max-width:640px){.npc-chat{max-height:55vh}.dialogue{max-width:92%}}


/* v2.6.0 persistent story feed + encounter / aftermath + scene anchor */
.life-feed{display:flex;flex-direction:column;gap:12px;margin:4px 0 16px}.feed-entry{border:1px solid #333a44;border-radius:10px;padding:11px 13px;background:#171b20;line-height:1.8;white-space:pre-wrap}.feed-entry.player{align-self:flex-end;max-width:88%;background:#242019;border-color:#594c38}.feed-entry.ai{border-left:3px solid #806a48;background:#191d22}.feed-entry.system{border-left:3px solid #4c5968}.feed-meta{font-size:11px;color:#837d73;margin-bottom:5px}.encounter-actions,.aftermath-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.encounter-actions .choice,.aftermath-actions .choice{min-height:54px}@media(max-width:720px){.encounter-actions,.aftermath-actions{grid-template-columns:1fr}.feed-entry.player{max-width:94%}}


/* v2.7 Storylet Director */
.storylet-leads{display:grid;gap:10px;margin:14px 0 18px}.storylet-head{display:flex;flex-direction:column;gap:3px;padding:0 2px}.storylet-head>b{font-size:15px}.storylet-head>span,.life-tools-head>span{font-size:12px;opacity:.72}.storylet-lead{display:grid;text-align:left;gap:6px;padding:13px 14px;border:1px solid rgba(196,166,111,.32);background:linear-gradient(180deg,rgba(196,166,111,.10),rgba(255,255,255,.025));border-radius:12px}.storylet-lead strong{font-size:15px}.storylet-lead span{font-size:13px;line-height:1.55;opacity:.9}.storylet-lead small{opacity:.58}.storylet-lead:hover{border-color:rgba(196,166,111,.68);transform:translateY(-1px)}.life-tools-head{display:flex;flex-direction:column;gap:3px;margin:18px 2px 9px}.storylet-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.storylet-opp{border-left:2px solid rgba(196,166,111,.7)}
@media(max-width:720px){.storylet-suggestions{grid-template-columns:1fr}.storylet-lead{padding:12px}.storylet-leads{margin-top:10px}}


/* v2.7.2 story-flow layout hotfix
   The old desktop action-area used position:sticky while containing storylets,
   eight life buttons and the free-input box. The whole block floated over the
   narrative. All large action surfaces now stay in normal document flow. */
.story-panel{overflow:visible;min-width:0}
#screen{overflow:visible;min-width:0}
.action-area{position:static!important;bottom:auto!important;z-index:auto!important;flex:0 0 auto;box-shadow:none}
.storylet-leads{position:static;z-index:auto}
@media(min-width:781px){
  .layout{align-items:start}
  .story-panel{min-height:calc(100vh - 94px)}
  .action-area{margin-top:0}
}


/* v2.8.1A — 原始八种开局与家庭背景第二层 */
.setup-progress{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:#8f887c;font-size:12px;flex-wrap:wrap}.setup-progress b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #4a515b;background:#171b20;color:#c4bcae}.setup-progress b.active{border-color:#c4a66f;background:#2b251d;color:#f0d9a7}.setup-progress i{height:1px;flex:1;min-width:24px;background:#343942}.opening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0}.opening-card{display:flex;flex-direction:column;gap:8px;text-align:left;min-height:174px;padding:15px;border:1px solid #414852;background:linear-gradient(180deg,#20252b,#191d22);border-radius:12px}.opening-card:hover{border-color:#9b8057;transform:translateY(-1px)}.opening-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.opening-card-top b{font-size:17px;color:#e4dccd}.opening-card-top em{font-size:11px;font-style:normal;color:#cbb98f;border:1px solid #63543f;border-radius:999px;padding:3px 7px;white-space:nowrap}.opening-badge{display:inline-flex;align-self:flex-start;font-size:11px;color:#d8c59b;background:#2b251d;border:1px solid #5b4e3c;border-radius:999px;padding:3px 8px}.opening-summary{font-size:13px;line-height:1.65;color:#d0c8bb}.opening-experience{margin-top:auto;font-size:11px;line-height:1.5;color:#8f887c}.route-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #4a4235;background:linear-gradient(135deg,#2a251e,#1b1f25);border-radius:12px;padding:15px;margin-bottom:16px}.route-banner h2{margin:6px 0 5px;font-size:20px}.route-banner p{margin:0;color:#bcb3a5;line-height:1.6}.route-banner.compact{margin:0 0 14px}.route-banner.compact h2{font-size:18px}.background-grid .recommended{border-color:#7e6b4d;box-shadow:inset 0 0 0 1px #a98c5d33}.background-grid .recommended small{color:#d5bd8b;margin-left:5px}.random-background{border-style:dashed}.setup-note{margin:-4px 0 12px}.opening-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 16px}.opening-brief-grid .info-card div{font-size:15px;margin:8px 0}.route-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:9px 0 15px}.route-columns>div{border:1px solid #3c434d;border-radius:9px;background:#191d22;padding:12px}.route-columns>div>b{display:block;margin-bottom:8px}.route-line{position:relative;padding:5px 0 5px 17px;font-size:12px;line-height:1.55;color:#bdb5a8}.route-line:before{position:absolute;left:2px}.route-line.good:before{content:'✓';color:#8fb694}.route-line.bad:before{content:'—';color:#c28686}.opening-hook{display:flex;flex-direction:column;gap:5px;border-left:3px solid #9a7f58;background:#211e19;padding:10px 12px;margin:8px 0}.opening-hook span{font-size:12px;line-height:1.6;color:#bcb3a5}.identity-route{color:#d8c59b}.opening-opp{border-left:3px solid #ad8d58;background:#211e19}.opening-opp b{color:#e0c998}
@media(max-width:780px){.opening-grid,.opening-brief-grid,.route-columns{grid-template-columns:1fr}.opening-card{min-height:142px}.route-banner{flex-direction:column}.route-banner button{width:100%}.setup-progress i{display:none}.setup-progress{gap:5px 8px}}

/* v2.8.1B — 黑色皮革事务簿与统一 Matter 内容入口 */
.matter-home{display:grid;gap:10px;color:var(--text)}
.matter-home-section{display:grid;gap:6px;padding-bottom:8px;border-bottom:1px dashed #31363e}
.matter-home-section:last-of-type{border-bottom:0}
.matter-home-head{display:flex;align-items:center;justify-content:space-between;color:#cdbb91;font-size:11px;letter-spacing:.08em}
.matter-home-head span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border:1px solid #514735;border-radius:999px;background:#211e18;color:#d7c497}
.matter-mini{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:left;padding:9px 10px;border-radius:8px;border:1px solid #343b45;background:#1b2026;transform:none}
.matter-mini:hover{transform:none;background:#20252c}
.matter-mini>span{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.matter-mini b{font-size:12px;line-height:1.45;color:#e0d7c7}
.matter-mini small{font-size:9px;line-height:1.35;color:#8e887e;white-space:nowrap}
.matter-mini em{font-size:10px;line-height:1.4;font-style:normal;color:#77736d}
.matter-mini.danger{border-color:#82494d;background:#25191b}.matter-mini.warning{border-color:#856b42;background:#241f18}.matter-mini.active{border-left:3px solid #6f879f}.matter-mini.waiting{border-left:3px solid #8870a0}
.matter-home-empty{padding:7px 9px;border:1px dashed #303640;border-radius:7px;color:#716d67;font-size:11px}
.matter-open-all{width:100%;border-color:#665238;background:#282118;color:#dec99e}

.journal-modal-card{width:min(1180px,97vw);max-height:95vh;padding:0;overflow:hidden;background:#100d09;border-color:#685235;box-shadow:0 30px 100px #000,0 0 0 1px #21180d inset}
.journal-modal-card>.x{z-index:4;right:14px;top:12px;width:34px;height:34px;padding:0;border-radius:50%;background:#1d1710;border-color:#6b5639;color:#dbc9a0}
.journal-book{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:95vh;background:
  linear-gradient(90deg,rgba(73,49,25,.18),transparent 9%,transparent 91%,rgba(73,49,25,.18)),
  radial-gradient(circle at 25% 0,rgba(255,250,226,.9),rgba(231,221,195,.98) 48%,rgba(204,188,151,.98));
  color:#28231c;position:relative}
.journal-book:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(72,57,36,.16) 28px)}
.journal-cover-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:24px 64px 17px 28px;border-bottom:1px solid rgba(80,59,32,.35);background:linear-gradient(180deg,#1d1710,#15100b);color:#eee2c7;box-shadow:0 4px 14px rgba(44,29,14,.35)}
.journal-cover-head h2{margin:3px 0 4px;font-size:26px;letter-spacing:.12em;color:#f0e2c2}
.journal-cover-head p{margin:0;color:#a99a7f;font-size:12px}
.journal-kicker{font:10px/1.2 Georgia,serif;letter-spacing:.25em;color:#866f4c}
.journal-count{display:flex;align-items:flex-end;gap:7px;padding:7px 10px;border:1px solid #5c4930;border-radius:8px;background:#21180f}
.journal-count b{font-size:24px;color:#d9bd82}.journal-count span{font-size:10px;color:#9b8b70;padding-bottom:3px}
.journal-tabs{position:relative;z-index:1;display:flex;gap:4px;padding:9px 16px 0;overflow-x:auto;background:#15100b;border-bottom:1px solid #5a452c;scrollbar-width:thin}
.journal-tabs button{flex:0 0 auto;border-radius:7px 7px 0 0;border-color:#493923;border-bottom:0;background:#21190f;color:#b8a784;padding:8px 11px;transform:none;font-size:12px}
.journal-tabs button:hover{transform:none;color:#e3cf9f}.journal-tabs button.active{background:#e6dcc1;color:#2e271e;border-color:#b7a174;font-weight:700}
.journal-page{position:relative;z-index:1;overflow:auto;padding:20px 24px 28px;min-height:360px;scrollbar-color:#9b855c transparent}
.journal-footer{position:relative;z-index:1;padding:9px 18px;border-top:1px solid rgba(91,70,42,.35);font-size:10px;color:#6d604c;background:rgba(216,202,169,.66)}
.journal-section{margin:0 0 22px}
.journal-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(82,64,39,.35);margin:0 0 10px;padding:0 2px 7px}
.journal-section-title h3{margin:0;color:#4c3a25;font-size:15px;letter-spacing:.12em;font-weight:700}
.journal-section-title span{font-size:10px;color:#7c6a50;border:1px solid rgba(91,70,42,.35);border-radius:999px;padding:2px 7px;background:rgba(255,252,238,.42)}
.matter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.matter-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(81,61,35,.30);border-left:4px solid #8d7d62;border-radius:8px;padding:12px 13px;background:rgba(255,252,239,.64);box-shadow:0 2px 7px rgba(70,51,27,.08)}
.matter-card.warning{border-left-color:#a7772f}.matter-card.danger{border-left-color:#9a3d3f;background:rgba(255,239,232,.58)}.matter-card.active{border-left-color:#506f88}.matter-card.waiting{border-left-color:#766189}.matter-card.done{border-left-color:#668269}.matter-card.missed,.matter-card.archived{border-left-color:#948c7e;opacity:.85}
.matter-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.matter-card-head>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.matter-type,.matter-status,.matter-confidence,.matter-urgency{display:inline-flex;border-radius:999px;padding:2px 6px;font-size:9px;line-height:1.35;border:1px solid rgba(72,55,33,.27);background:rgba(105,83,48,.08);color:#6b5d48}
.matter-status{font-weight:700;color:#493b28}.matter-confidence.uncertain{border-style:dashed;color:#8b542d}.matter-confidence.confirmed{color:#466348}
.matter-urgency{min-width:25px;justify-content:center;font-weight:700}.matter-urgency.high{color:#8b5e20}.matter-urgency.critical{color:#9a3032;border-color:#a95c5e}.matter-urgency.low{opacity:.65}
.matter-card h4{margin:0 0 6px;font-size:15px;color:#332a20}.matter-card p{margin:0 0 8px;font-size:12px;line-height:1.7;color:#504536}
.matter-source{font-size:10px;color:#746751;margin:auto 0 8px;padding-top:2px}
.matter-evidence{display:grid;gap:4px;margin:5px 0;padding:7px 9px;border-radius:6px;background:rgba(83,111,82,.09);font-size:11px;color:#384632}
.matter-evidence b{font-size:10px;letter-spacing:.08em}.matter-evidence span:before{content:'• ';opacity:.55}
.matter-evidence.uncertain{background:rgba(146,91,41,.08);color:#604327}.matter-evidence.uncertain span:before{content:'? '}
.matter-resolution{margin:6px 0;padding:7px 9px;border-left:2px solid #81735c;background:rgba(79,67,49,.07);font-size:11px;color:#5e5548}
.matter-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.matter-actions button{padding:5px 8px;font-size:10px;background:rgba(60,48,31,.08);border-color:rgba(78,58,34,.35);color:#44382a}.matter-actions button.primary{background:#4c3c27;color:#f0e3c5;border-color:#6c5333}.matter-actions button.danger{background:rgba(125,45,45,.09);color:#793437;border-color:rgba(125,45,45,.35)}
.journal-empty{padding:18px;border:1px dashed rgba(82,64,39,.35);border-radius:8px;text-align:center;font-size:12px;color:#776b59;background:rgba(255,252,239,.25)}
.goal-form{display:grid;gap:8px}.goal-form input,.goal-form textarea,.goal-form select{width:100%;border:1px solid rgba(78,58,34,.36);background:rgba(255,253,243,.65);color:#2c261e;border-radius:6px;padding:9px}.goal-form textarea{min-height:70px;resize:vertical}.goal-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.goal-form-row label{display:grid;gap:4px;font-size:10px;color:#6d604d}.goal-form-row button{height:38px;background:#4c3c27;color:#f1e5ca;border-color:#6d5535}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.contact-card{border:1px solid rgba(81,61,35,.30);border-radius:8px;padding:11px;background:rgba(255,252,239,.55)}.contact-card>div{display:flex;justify-content:space-between;gap:8px}.contact-card b{color:#332a20}.contact-card span{font-size:10px;color:#796c58}.contact-card p{font-size:11px;color:#635846}.contact-card button{font-size:10px;padding:5px 8px;color:#453929;background:rgba(72,56,35,.07);border-color:rgba(72,56,35,.3)}
.journal-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.journal-finance-grid>div{display:grid;gap:5px;padding:12px;border:1px solid rgba(81,61,35,.30);border-radius:8px;background:rgba(255,252,239,.55)}.journal-finance-grid span{font-size:10px;color:#756751}.journal-finance-grid b{font-size:17px;color:#403322}
.chronicle-list{display:grid;gap:0}.chronicle-entry{display:grid;grid-template-columns:150px 1fr;gap:12px;border-bottom:1px dashed rgba(82,64,39,.25);padding:8px 2px}.chronicle-entry span{font-size:10px;color:#756a58}.chronicle-entry p{margin:0;font-size:12px;line-height:1.65;color:#4b4134}
.journal-book .notice{border-left-color:#8c6e3e;background:rgba(105,78,37,.08);color:#51432f}.journal-book .small{color:#746854}.journal-book button:hover{border-color:#8d6c3e;transform:none}

@media(max-width:820px){
  .journal-modal-card{width:100%;max-height:98vh;border-radius:8px}
  .journal-book{max-height:98vh}.journal-cover-head{padding:18px 48px 13px 17px}.journal-cover-head h2{font-size:21px}.journal-count{display:none}
  .journal-page{padding:15px 12px 22px}.matter-grid,.contact-grid{grid-template-columns:1fr}.goal-form-row{grid-template-columns:1fr 1fr}.goal-form-row button{grid-column:1/-1}
  .journal-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chronicle-entry{grid-template-columns:1fr;gap:3px}
}
@media(max-width:460px){
  .journal-tabs{padding-left:8px}.journal-tabs button{padding:7px 9px;font-size:11px}.journal-page{padding:12px 8px 18px}
  .goal-form-row,.journal-finance-grid{grid-template-columns:1fr}.matter-card{padding:10px}.matter-actions button{flex:1}
  .journal-cover-head p{font-size:10px}.journal-footer{font-size:9px}
}
.matter-card.focus{outline:3px solid rgba(168,124,53,.26);box-shadow:0 0 0 1px #9a7337,0 7px 22px rgba(75,48,17,.16);animation:matterFocus 1.1s ease-out}
@keyframes matterFocus{0%{transform:translateY(-3px);filter:brightness(1.08)}100%{transform:none;filter:none}}

/* v2.8.2 · Case / Career Desk / ContractScheduler */
.career-desk-choice{border-color:#6e5a39;background:linear-gradient(180deg,#302719,#211c15)}
.case-file,.career-desk,.contract-detail{color:#28231c;background:linear-gradient(135deg,#eee4cc,#d9c9a4);margin:-4px;padding:22px;border-radius:8px;box-shadow:inset 0 0 0 1px #8d7652}
.case-file h2,.career-desk h2,.contract-detail h2{color:#30281e;margin:5px 0}.case-file h3,.career-desk h3,.contract-detail h3{color:#594327}
.case-file-head,.career-desk-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #9d8864;padding-bottom:13px;margin-bottom:14px}
.case-file-head p,.career-desk-head p{margin:4px 0;color:#655744;font-size:12px}.case-grade{display:inline-flex;padding:3px 8px;border:1px solid #7d6746;border-radius:999px;background:#2a2117;color:#d8c190;font-size:10px;letter-spacing:.06em}
.case-progress{display:grid;min-width:92px;text-align:center;padding:9px;border:1px solid #a18d6b;border-radius:8px;background:#f7efd9}.case-progress b{font-size:24px}.case-progress span{font-size:10px;color:#73634d}
.case-file-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:16px}.evidence-card{border:1px solid #a89470;border-left:4px solid #6b8068;border-radius:8px;padding:10px 12px;margin:8px 0;background:#f7f0de}.evidence-card>div{display:flex;justify-content:space-between;font-size:10px;color:#6d5e49}.evidence-card em{font-style:normal}.evidence-card h4{margin:5px 0;color:#31281e}.evidence-card p{font-size:12px;line-height:1.6;margin:0 0 5px}.evidence-card small{color:#766752}.evidence-card ul{padding-left:18px;font-size:11px}.case-hidden-slots{border:1px dashed #9a8767;border-radius:8px;padding:10px;text-align:center;font-size:11px;color:#72634e}
.case-note{display:grid;gap:5px;border-left:3px solid #947349;padding:8px 10px;margin:8px 0;background:#f3e8cf;font-size:11px}.case-note.confirmed{border-left-color:#617c65}.case-note.uncertain{border-left-color:#9b6b3e}.case-note b{font-size:10px}.case-conclusion{display:grid;gap:4px;padding:12px;border:1px solid #a88a61;border-radius:8px;background:#ead9b9}.case-conclusion.ready{border-color:#62795f;background:#dae6d1}.case-conclusion span{font-size:11px;color:#665846}
.career-desk-head{display:block}.career-desk-head>span{font-size:10px;letter-spacing:.25em;color:#806a48}.career-meter-grid,.contract-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.career-meter-grid>div,.contract-summary-grid>div{display:grid;gap:4px;padding:10px;border:1px solid #a6916d;border-radius:7px;background:#f7efdc}.career-meter-grid span,.contract-summary-grid span{font-size:10px;color:#71614b}.career-meter-grid b,.contract-summary-grid b{font-size:17px}
.career-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.career-action{display:flex;flex-direction:column;align-items:flex-start;min-height:105px;text-align:left;border-color:#917a54;background:#f6ecd3;color:#342b21}.career-action:hover{background:#fff6e1}.career-action b{margin-bottom:5px}.career-action span{font-size:11px;line-height:1.55;color:#5f5140}.career-action em{margin-top:auto;padding-top:7px;font-style:normal;font-size:10px;color:#806b4d}
.contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contract-card{border:1px solid #3b424c;border-left:4px solid #6e879a;border-radius:8px;padding:12px;background:#1b1f25}.contract-card.due{border-left-color:#b3904e}.contract-card.late,.contract-card.default{border-left-color:#a65353;background:#25191b}.contract-card>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#a99b84}.contract-card em{font-style:normal}.contract-card h3{margin:7px 0;color:#dfd4c0}.contract-card p{margin:0 0 6px;font-size:13px}.contract-card small{color:#8f897f}.contract-card button{margin-top:10px}.contract-arrears{margin-top:8px;padding:6px;border-left:2px solid #a65353;background:#2d1c1e;color:#df9b9b;font-size:12px}.contract-installments{display:grid;gap:4px;margin-top:8px}.contract-installments span{font-size:10px;color:#aaa399}
.contract-detail .notice,.case-file .notice,.career-desk .notice{color:#4b3e2e;background:#e5d5b4;border-left-color:#785e38}.contract-detail .button-row,.case-file .button-row{margin-top:16px}.contract-detail button,.case-file button,.career-desk button{color:#34291f;background:#eadbbc;border-color:#8e7651}.contract-detail button.primary,.case-file button.primary{color:#f4e7cb;background:#4d3d29;border-color:#745b39}

@media(max-width:820px){
  .case-file,.career-desk,.contract-detail{padding:14px;margin:-8px}.case-file-head{display:grid}.case-progress{justify-self:start}.case-file-grid{grid-template-columns:1fr}.career-action-grid,.contract-grid{grid-template-columns:1fr}.career-meter-grid,.contract-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){.career-meter-grid,.contract-summary-grid{grid-template-columns:1fr}.case-file h2,.career-desk h2,.contract-detail h2{font-size:20px}.case-file .button-row button,.contract-detail .button-row button{width:100%}}

/* v2.8.2 case actions and recurring career duties */
.case-assignment{display:grid;gap:5px;margin:0 0 13px;padding:11px 13px;border:1px solid #a18d69;border-left:4px solid #705b3b;border-radius:8px;background:#f3e7cc}
.case-assignment b{font-size:11px;letter-spacing:.12em;color:#4e3c27}.case-assignment span{font-size:13px;line-height:1.62;color:#30281e}.case-assignment small{color:#71624d}
.case-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0 12px}.case-action{display:flex;flex-direction:column;align-items:flex-start;min-height:112px;text-align:left;border-color:#927b55;background:#f8efd9;color:#342b21}.case-action:hover{background:#fff7e6}.case-action b{margin-bottom:5px}.case-action span{font-size:11px;line-height:1.55;color:#5e5140}.case-action em{margin-top:auto;padding-top:7px;font-style:normal;font-size:10px;color:#806b4d}.case-action.final{border-color:#61785f;background:#deead7}.case-action.final:hover{background:#e9f4e2}
.career-duty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0 16px}.career-duty{border:1px solid #a18d6a;border-left:4px solid #7a6b50;border-radius:8px;padding:11px;background:#f7efdc}.career-duty.focus{box-shadow:0 0 0 2px rgba(112,87,50,.25)}.career-duty.due{border-left-color:#a47b31;background:#fff0c8}.career-duty.overdue,.career-duty.missed{border-left-color:#9c4c46;background:#f4d4cc}.career-duty.resolved{border-left-color:#617d65;background:#dfead9}.career-duty>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#76664f}.career-duty em{font-style:normal}.career-duty h4{margin:7px 0 5px;color:#32291f}.career-duty p{margin:0 0 7px;font-size:12px;line-height:1.55;color:#5b4e3d}.career-duty small{color:#74634d}.career-duty button{margin-top:9px;width:100%}
@media(max-width:760px){.case-action-grid,.career-duty-grid{grid-template-columns:1fr}.case-action{min-height:96px}}
/* v2.8.2 case-file contrast refinement */
.case-file .chips .chip{color:#f2e5c7;background:#2b241c;border-color:#685538;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}


/* v2.8.3A · original content catalog and action records */
.content-catalog-choice{border-color:#8c7046;background:linear-gradient(145deg,rgba(197,164,109,.16),rgba(21,25,31,.72))}
.content-library{min-width:0}.content-library-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(197,164,109,.32)}
.content-library-head h2{margin:.2rem 0}.content-library-head p{max-width:700px;color:var(--muted)}.content-library-count{display:flex;flex-direction:column;align-items:center;min-width:130px;padding:12px;border:1px solid rgba(197,164,109,.35);border-radius:10px;background:rgba(0,0,0,.2)}
.content-library-count b{font-size:2rem;color:#dec38f}.content-library-count span{font-size:.8rem;color:var(--muted);text-align:center}
.content-tabs{display:flex;gap:7px;overflow-x:auto;padding:13px 1px 8px;scrollbar-width:thin}.content-tab{white-space:nowrap}.content-tab.active{background:#8b7047;color:#fff;border-color:#c4a46b}
.content-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:10px 0 14px}.content-search input{min-width:0}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.content-card{border:1px solid rgba(197,164,109,.24);border-radius:10px;padding:13px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.14));display:flex;flex-direction:column;min-width:0}.content-card.passive{border-style:dashed;opacity:.78}.content-card-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.74rem}.content-card-head em{font-style:normal;color:#d9bd86}.content-card h3{margin:8px 0 6px;font-size:1.02rem}.content-card p{margin:0 0 10px;color:var(--muted);line-height:1.55;flex:1}.content-card-meta{font-size:.76rem;color:#bdb3a3;margin-bottom:10px}.content-card button{align-self:flex-start}
.content-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.content-suggestion{text-align:left}.content-journal-controls{background:rgba(197,164,109,.06)}
.action-file header{border-bottom:1px solid rgba(197,164,109,.32);margin-bottom:14px;padding-bottom:12px}.action-file header h2{margin:7px 0}.action-stage-list{list-style:none;padding:0;margin:10px 0}.action-stage-list li{display:flex;justify-content:space-between;gap:16px;border-left:3px solid #4b5360;padding:9px 11px;margin:7px 0;background:rgba(255,255,255,.03)}.action-stage-list li.done{border-left-color:#6f9977}.action-stage-list li.active{border-left-color:#c5a46d;background:rgba(197,164,109,.08)}.action-stage-list li span{font-size:.78rem;color:var(--muted);text-align:right}
.case-note.confirmed{border-left-color:#6f9977}.case-note.uncertain{border-left-color:#b98d55}
@media(max-width:720px){.content-library-head{display:block}.content-library-count{margin-top:10px;align-items:flex-start}.content-library-count b{font-size:1.45rem}.content-search{grid-template-columns:1fr 1fr}.content-search input{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.action-stage-list li{display:block}.action-stage-list li span{display:block;text-align:left;margin-top:4px}}


/* v2.8.3B1 · World Autonomy public surfaces */
.news-item.autonomy-news{border-left:3px solid #8fa8a0;background:linear-gradient(135deg,rgba(53,72,69,.22),rgba(18,21,24,.38));padding:10px 10px 11px}.news-item.autonomy-news.is-unread{box-shadow:inset 0 0 0 1px rgba(196,164,107,.25)}.news-item.autonomy-news strong{display:inline-block;margin:4px 0;color:#e9dfc9}.news-item.autonomy-news button,.news-read{margin-top:7px;padding:6px 10px;font-size:.78rem}.world-signal{border-left:3px solid #7e9f94;background:rgba(64,91,83,.16)}.world-article .prose{white-space:pre-wrap;line-height:1.8}.world-article h2{margin-top:8px}@media(max-width:520px){.news-item.autonomy-news{padding:9px}.news-item.autonomy-news button{width:100%}}


/* v2.8.3B1.1 homepage starter guide */
.starter-guide-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;margin:18px 0 20px;padding:16px;border:1px solid rgba(197,164,109,.45);border-radius:13px;background:linear-gradient(135deg,rgba(53,45,34,.72),rgba(24,29,35,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.starter-guide-main{min-width:0}.starter-guide-kicker{display:inline-flex;padding:3px 8px;border:1px solid rgba(197,164,109,.42);border-radius:999px;color:#dcc797;font-size:11px;letter-spacing:.08em;background:rgba(21,18,14,.45)}
.starter-guide-main h2{margin:9px 0 7px;font-size:20px;color:#eee4d3}.starter-guide-main p{margin:0;color:#c4bbad;font-size:13px;line-height:1.72}
.starter-guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:13px}.starter-api-status{font-size:11px;border-radius:999px;padding:5px 8px;border:1px solid #66533c;color:#d6bd90;background:#241f18}.starter-api-status.ready{border-color:#526b55;color:#a9c6aa;background:#172019}.starter-api-status.missing{border-color:#77504d;color:#d6aaa4;background:#26191b}
.starter-guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.starter-guide-steps>div{padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(10,12,15,.34)}.starter-guide-steps b{display:block;color:#dfc998;font-size:12px;margin-bottom:4px}.starter-guide-steps span{display:block;color:#aaa397;font-size:11px;line-height:1.55}
.start-bottom-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.start-bottom-note b{color:#d9c28e}.start-bottom-note span{flex:1;min-width:240px;color:var(--muted);font-size:12px;line-height:1.55}.start-bottom-note button{flex:0 0 auto}
.starter-manual{min-width:0}.starter-manual-hero{padding:2px 4px 14px;border-bottom:1px solid rgba(197,164,109,.28)}.starter-manual-hero>span{font-size:11px;letter-spacing:.09em;color:#cdb98f}.starter-manual-hero h2{margin:7px 0 6px;font-size:25px}.starter-manual-hero p{margin:0;color:#bcb4a7;line-height:1.75}
.starter-manual-alert{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:11px 13px;border-left:3px solid var(--danger);background:#24191b}.starter-manual-alert.ready{border-left-color:var(--good);background:#172119}.starter-manual-alert b{color:#eadfcd}.starter-manual-alert span{font-size:12px;color:#bdb4a7;line-height:1.6}
.starter-manual-flow{list-style:none;counter-reset:guide-step;margin:9px 0 17px;padding:0;display:grid;gap:8px}.starter-manual-flow li{counter-increment:guide-step;position:relative;padding:10px 12px 10px 45px;border:1px solid #363d47;border-radius:9px;background:#181c21}.starter-manual-flow li:before{content:counter(guide-step);position:absolute;left:12px;top:12px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;border:1px solid #826d4e;background:#2a241b;color:#e0ca98;font-size:12px;font-weight:700}.starter-manual-flow b{display:block;margin-bottom:3px;color:#e3d6bf}.starter-manual-flow span{display:block;color:#aaa397;font-size:12px;line-height:1.62}
.starter-tool-grid,.starter-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 17px}.starter-tool-grid>div,.starter-rule-grid>div{padding:10px 11px;border:1px solid #363d47;border-radius:9px;background:#181c21}.starter-tool-grid b,.starter-rule-grid b{display:block;color:#d9c28e;margin-bottom:4px;font-size:13px}.starter-tool-grid span,.starter-rule-grid span{display:block;color:#aaa397;font-size:11px;line-height:1.58}.starter-manual-tip{margin:12px 0 4px;padding:12px 13px;border:1px dashed #6e5d43;border-radius:9px;background:#221e18;color:#c6bcae;line-height:1.7}.starter-manual-tip b{color:#e1c995}.starter-manual-buttons{position:sticky;bottom:-22px;margin:16px -22px -22px;padding:12px 22px;background:linear-gradient(180deg,rgba(26,29,34,.78),#1a1d22 28%);border-top:1px solid #343a43;z-index:2}
@media(max-width:780px){.starter-guide-card{grid-template-columns:1fr;padding:13px}.starter-guide-steps,.starter-tool-grid,.starter-rule-grid{grid-template-columns:1fr}.starter-guide-actions{display:grid;grid-template-columns:1fr}.starter-guide-actions button{width:100%;min-height:42px}.starter-api-status{text-align:center}.start-bottom-note{align-items:stretch}.start-bottom-note span{min-width:0;width:100%}.start-bottom-note button{width:100%}.starter-manual-hero h2{font-size:21px}.starter-manual-buttons{bottom:-18px;margin:16px -14px -18px;padding:11px 14px}.starter-manual-buttons button{flex:1 1 100%}}
