.analysis-plan-one { color: #333; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: #fff; min-width: 0; border-radius: 14px; }
.analysis-plan-one * { box-sizing: border-box; }
.p1-sub-tabs-bar { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid #f0f0f0; gap: 24px; flex-wrap: wrap; }
.p1-q-num-group { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }
.p1-q-num-label { font-size: 13px; color: #888; white-space: nowrap; }
.p1-q-num-list { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.p1-q-num { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; color: #1a6fc4; background: #f0f7ff; border: 2px solid #c8ddf5; cursor: pointer; flex-shrink: 0; transition: background .2s, transform .2s; }
.p1-q-num:hover { background: #e8f4ff; transform: translateY(-2px); }
.p1-q-num.active { background: #fff; border-color: #ff6b7a; color: #ff6b7a; box-shadow: 0 0 0 3px #ff6b7a26; }
.p1-sub-tabs { display: flex; align-items: center; gap: 35px; position: relative; flex-wrap: wrap; }
.p1-sub-tab { font: inherit; font-size: 15px; color: #888; cursor: pointer; position: relative; display: flex; align-items: center; gap: 6px; padding: 0 0 8px; border: 0; background: transparent; white-space: nowrap; }
.p1-sub-tab.active { color: #1a6fc4; font-weight: 700; }
.p1-sub-tab.active::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 3px; background: #1a6fc4; border-radius: 2px; }
.p1-sub-tab-num { width: 22px; height: 22px; border-radius: 50%; background: #d4e8fa; color: #1a6fc4; font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.p1-sub-tab.active .p1-sub-tab-num, .p1-sub-tab.completed .p1-sub-tab-num { background: #1a6fc4; color: #fff; }
.p1-tab-panel { padding: 20px; }
.p1-analysis-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.p1-left-col, .p1-right-col { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.p1-panel-card { background: #fff; border: 1px solid #eef1f6; border-radius: 12px; padding: 18px; min-width: 0; }
.p1-q-type { font-size: 14px; font-weight: 700; color: #1a1a1a; margin-bottom: 12px; }
.p1-q-stem { font-size: 15px; line-height: 1.8; color: #333; margin: 0 0 16px; overflow-wrap: anywhere; }
.p1-option { display: block; width: 100%; position: relative; padding: 14px 36px 14px 18px; border: 1px solid #e8ecf2; border-radius: 10px; margin-bottom: 10px; font: inherit; font-size: 14px; line-height: 1.65; text-align: left; color: #555; background: #fafbfc; overflow-wrap: anywhere; }
button.p1-option { cursor: pointer; }
button.p1-option:disabled { opacity: 1; cursor: default; }
.p1-option.selected { background: #e8f4ff; border-color: #1a6fc4; color: #1a6fc4; }
.p1-option.wrong { background: #fff5f5; border-color: #f99; color: #d9363e; }
.p1-option.correct { background: #f6ffed; border-color: #95de64; color: #389e0d; }
.p1-option-mark { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 17px; font-weight: 700; }
.p1-answer-row { font-size: 14px; color: #555; line-height: 2; overflow-wrap: anywhere; }
.p1-answer-row > b { color: #1a6fc4; font-weight: 600; }
.p1-video-box { margin-top: 12px; max-width: 220px; height: 130px; border-radius: 10px; background: #1a1a2e; color: #cbd5e1; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; text-align: center; }
.p1-video-box > span { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #1a6fc4; background: #fff; font-size: 16px; }
.p1-video-box > small { font-size: 11px; }
.p1-section-title { font-size: 15px !important; font-weight: 700; color: #1a6fc4; margin: 0 0 12px; line-height: 1.7; }
.p1-model-section { background: #f8fbff; border-radius: 12px; padding: 16px; border: 1px solid #e0ecf8; display: flex; flex-direction: column; }
.p1-model-head { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.p1-model-head h3 { margin: 0; font-size: 15px; color: #1a6fc4; }
.p1-model-tag { font-size: 11px; color: #1a6fc4; background: #e8f4ff; border-radius: 4px; padding: 2px 8px; font-weight: 600; }
.p1-five-step-list { display: flex; flex-direction: column; gap: 10px; }
.p1-step-row { display: flex; align-items: flex-start; gap: 10px; background: #fff; border-radius: 8px; padding: 12px; border-left: 3px solid; box-shadow: 0 1px 3px #00000008; }
.p1-step-row:nth-child(1) { border-left-color: #1a6fc4; }.p1-step-row:nth-child(2) { border-left-color: #27ae60; }.p1-step-row:nth-child(3) { border-left-color: #e67e22; }.p1-step-row:nth-child(4) { border-left-color: #8e44ad; }.p1-step-row:nth-child(5) { border-left-color: #2c3e50; }
.p1-step-num { width: 22px; height: 22px; border-radius: 50%; background: #e8f4ff; color: #1a6fc4; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.p1-step-content { flex: 1; min-width: 0; }.p1-step-content p { font-size: 12px; color: #666; line-height: 1.7; margin: 4px 0 0; overflow-wrap: anywhere; }
.p1-step-title-line { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; }
.p1-step-title-line b { font-size: 13px; color: #1a1a1a; }.p1-step-title-line > span { font-size: 11px; color: #1a6fc4; background: #f0f7ff; border-radius: 4px; padding: 2px 6px; }
.p1-model-summary { margin: 12px 0 0; background: #eef5ff; border-radius: 6px; padding: 8px 12px; font-size: 12px; color: #1a6fc4; line-height: 1.8; text-align: center; }
.p1-reason-section { background: #fff; border-radius: 12px; padding: 16px; border: 1px solid #f0f0f0; }.p1-reason-list { display: flex; flex-direction: column; gap: 8px; }
.p1-reason-item { padding: 11px 14px; border: 1px solid #e8ecf2; border-radius: 8px; font: inherit; font-size: 13px; color: #555; cursor: pointer; line-height: 1.6; text-align: left; background: #fff; }
.p1-reason-item:hover { background: #f8fbff; }.p1-reason-item.selected { background: #e8f4ff; border-color: #1a6fc4; color: #1a6fc4; font-weight: 600; }
.p1-strategy-section { background: #fffaf0; border-radius: 12px; padding: 14px; border: 1px solid #ffe7ba; }.p1-strategy-section h3 { font-size: 12px; color: #d46b08; margin: 0 0 8px; font-weight: 600; }
.p1-strategy-flow { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #555; flex-wrap: wrap; }.p1-strategy-flow > span { background: #fff; padding: 6px 12px; border-radius: 16px; border: 1px solid #ffd591; white-space: nowrap; }.p1-strategy-flow i { color: #ffb84d; font-style: normal; }
.p1-action-bar { display: flex; gap: 12px; justify-content: flex-end; margin-top: auto; flex-wrap: wrap; }
.p1-btn { padding: 11px 22px; border-radius: 20px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; border: none; line-height: 1.7; }.p1-primary { background: linear-gradient(90deg, #2b8de6, #1a6fc4); color: #fff; }.p1-secondary { background: #e8f4ff; color: #1a6fc4; }
.p1-practice-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, 34%); gap: 20px; }.p1-practice-left { min-width: 0; background: #fff; border-radius: 12px; padding: 20px; }.p1-practice-right { min-width: 0; display: flex; flex-direction: column; gap: 12px; }.p1-practice-right p { font-size: 13px; line-height: 1.9; margin: 7px 0; color: #66768b; }
.p1-practice-tag { display: inline-block; background: #fff7e6; color: #d46b08; padding: 4px 12px; border-radius: 12px; font-size: 13px; margin-bottom: 12px; line-height: 1.7; }
.p1-submit-btn { margin-top: auto; padding: 12px; background: #1a6fc4; color: #fff; border: none; border-radius: 8px; font: inherit; font-size: 15px; font-weight: 600; text-align: center; cursor: pointer; line-height: 1.8; }
.p1-local-status { color: #8190a2; font-size: 12px; line-height: 1.8; margin: 12px 0 0; }.p1-info { padding: 12px 20px; font-size: 12px; line-height: 1.9; color: #6d819a; background: #f6faff; border-bottom: 1px solid #e7eff8; }
.p1-answer-result { padding: 14px; margin-top: 16px; background: #f7fbff; border: 1px solid #dae9f8; border-radius: 9px; }.p1-answer-result strong { font-size: 14px; color: #2167a8; }.p1-answer-result p { font-size: 12px; color: #7a8798; line-height: 1.8; margin: 7px 0 0; }.p1-answer-result.needs-review { background: #fffaf4; border-color: #f4d9b6; }
.analysis-plan-one button:focus-visible { outline: 2px solid #1a6fc4; outline-offset: 3px; }
@media (max-width: 1150px) { .p1-sub-tabs { gap: 24px; }.p1-practice-layout { grid-template-columns: minmax(0, 1fr) minmax(190px, 32%); } }
@media (max-width: 800px) { .p1-analysis-layout, .p1-practice-layout { grid-template-columns: minmax(0, 1fr); }.p1-sub-tabs-bar { padding: 14px; gap: 18px; }.p1-sub-tabs { width: 100%; justify-content: space-between; gap: 10px; }.p1-sub-tab { font-size: 13px; }.p1-tab-panel { padding: 14px; }.p1-practice-left { padding: 8px 0; }.p1-practice-right { gap: 10px; }.p1-sub-tab-num { width: 20px; height: 20px; } }
@media (max-width: 420px) { .p1-sub-tab { gap: 4px; font-size: 12px; }.p1-sub-tabs { gap: 7px; }.p1-panel-card { padding: 14px; }.p1-model-section { padding: 12px; }.p1-action-bar { flex-direction: column; }.p1-btn { width: 100%; text-align: center; } }
.p1-result-overview{border:1px solid #dbe8f5;border-radius:12px;margin-bottom:18px;background:#f8fbff;color:#476581}.p1-result-overview>summary{cursor:pointer;padding:15px 18px;font-size:13px;line-height:1.8;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;list-style-position:inside}.p1-result-overview>summary b{color:#1a6fc4}.p1-result-overview>summary>span:last-child{font-size:12px;color:#1a6fc4}.p1-result-overview>.lf-practice-result{margin:0 14px 14px}.p1-result-overview>summary:focus-visible{outline:3px solid #70aae3;outline-offset:2px;border-radius:12px}@media(max-width:600px){.p1-result-overview>summary{padding:12px}.p1-result-overview>.lf-practice-result{margin:0 10px 10px}}
.p1-study-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12px;color:#7890a6}.p1-wrongbook-button{border:1px solid #bfd5e9;background:white;color:#1a6fc4;padding:9px 13px;border-radius:8px;min-height:42px;font-size:12px}.p1-wrongbook-scope{font-size:12px;line-height:1.9;color:#71879d}.p1-wrongbook-item{margin-top:12px;border:1px solid #deebf5;border-radius:10px;background:#fbfdff}.p1-wrongbook-item>summary{cursor:pointer;padding:13px 15px;font-size:13px;line-height:1.8}.p1-wrongbook-item>summary span{display:block;color:#7a8fa4;font-size:12px;margin-top:4px}.p1-wrongbook-body{padding:0 15px 15px;line-height:1.9;font-size:13px;overflow-wrap:anywhere}.p1-wrongbook-body .p1-q-stem{font-size:15px!important}.p1-wrongbook-options{border-top:1px solid #e6eef7;border-bottom:1px solid #e6eef7;margin-bottom:12px;padding:10px 0}.p1-wrongbook-options p{margin:3px 0}.p1-wrongbook-button:focus-visible,.p1-wrongbook-item>summary:focus-visible{outline:3px solid #70aae3;outline-offset:2px;border-radius:8px}
.analysis-plan-one .p1-result-overview[open]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7c6dd transparent}
.analysis-plan-one .p1-result-overview[open]>.p1-performance-summary{position:sticky;top:0;z-index:2;background:#f7f9fd}
.p1-reference-unavailable{grid-column:span 2;font-size:14px;line-height:1.7;color:#7b8ca4}
.analysis-plan-one button.p1-option,.analysis-plan-one .p1-next-question,.analysis-plan-one .p1-submit-btn{min-height:48px}
.analysis-plan-one button.p1-option.correct{background:#edf9f3;border-color:#8bcab4;color:#187c64}
.analysis-plan-one button.p1-option.wrong{background:#fff5eb;border-color:#e8b47c;color:#a85c24}
.analysis-plan-one .p1-answer-result.right{background:#f0faf5;border-color:#c9e8dc}
.analysis-plan-one .p1-answer-result.right>strong{color:#187c64}
.analysis-plan-one .p1-answer-result.needs-review>strong{color:#a85c24}
.analysis-plan-one .p1-submit-btn:disabled{background:#eceaf4;color:#8b839d;cursor:default;box-shadow:none}
.analysis-plan-one .p1-q-num{position:relative}
.analysis-plan-one .p1-q-state{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:2px solid white;background:#ddf3e9;color:#19795e;font-size:12px;line-height:1;font-weight:700}
.analysis-plan-one .p1-q-num[data-retry-status="wrong"] .p1-q-state{background:#ffecd9;color:#aa6029}
.analysis-plan-one .p1-next-question{flex-shrink:0;width:100%}
/* Keep the paper question and the analysis/cause as two generous tablet panels. */
@media(min-width:801px){
 .workspace[data-view-role="student"] .analysis-plan-one .p1-analysis-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
 .workspace[data-view-role="student"] .analysis-plan-one .p1-analysis-layout :is(.p1-q-stem,.p1-option,.p1-answer-row){font-size:16px;line-height:1.8}
 .workspace[data-view-role="student"] .analysis-plan-one .p1-attribution-layout .p1-reason-section{padding:20px}
 .workspace[data-view-role="student"] .analysis-plan-one .p1-attribution-layout .p1-reason-list{gap:10px}
 .workspace[data-view-role="student"] .analysis-plan-one .p1-attribution-layout .p1-reason-item{min-height:56px;padding:12px 16px;font-size:16px;line-height:1.65}
 .workspace[data-view-role="student"] .analysis-plan-one .p1-attribution-layout .p1-strategy-section>summary{min-height:48px;font-size:14px}
}