.shanghai-study{color:#23362c;background:#fcfaef;min-height:100vh;padding:22px 20px 56px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.shanghai-study.is-embedded{background:0 0;min-height:0;padding:0}.shanghai-wrap{max-width:1180px;margin:auto}.shanghai-study button{cursor:pointer}.shanghai-topbar,.shanghai-controls,.shanghai-areas,.shanghai-stepbar,.shanghai-card{background:#fffefa;border:1px solid #e4dfcd;border-radius:18px;box-shadow:0 2px 5px #23362c0a}.shanghai-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 22px;display:flex}.shanghai-brand{align-items:center;gap:10px;font-weight:750;display:flex}.shanghai-brand svg{color:#34765a}.shanghai-topmeta{color:#50675b;font-size:13px}.shanghai-topmeta span{color:#82918a;margin-left:10px}.shanghai-intro{background:linear-gradient(115deg,#e9f7e9,#f7f6e9 70%);border:1px solid #dbe8d8;border-radius:23px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px;padding:28px 34px;display:flex}.shanghai-eyebrow,.shanghai-section-head small{letter-spacing:2px;color:#568365;font-size:11px;font-weight:800}.shanghai-intro h1{margin:8px 0 9px;font-size:32px;font-weight:800;line-height:1.2}.shanghai-intro p{color:#607067;font-size:15px}.shanghai-stats{background:#fffefa;border:1px solid #e0eadc;border-radius:17px;flex-direction:column;align-items:center;min-width:176px;padding:13px 22px;display:flex}.shanghai-stats strong{color:#387756;font-size:33px;line-height:1}.shanghai-stats span{margin-top:4px;font-size:13px;font-weight:700}.shanghai-stats small{color:#708176;margin-top:3px;font-size:11px}.shanghai-controls{margin-bottom:16px;padding:18px}.shanghai-control-row,.shanghai-paper-list,.shanghai-areas,.shanghai-stepbar,.shanghai-selected-paper,.shanghai-section-head,.shanghai-document-controls,.shanghai-submit,.shanghai-pages{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.shanghai-control-label{margin-right:6px;font-size:13px;font-weight:700}.shanghai-spacer{flex:1}.shanghai-controls button,.shanghai-areas button,.shanghai-document-controls button,.shanghai-pages button{color:#314239;background:#fffefa;border:1px solid #ded9c8;border-radius:11px;padding:8px 13px;font-size:13px;font-weight:650;transition:all .15s}.shanghai-controls button:hover,.shanghai-areas button:hover,.shanghai-document-controls button:hover{border-color:#80ad89}.shanghai-controls button.selected,.shanghai-areas button.selected,.shanghai-document-controls button.selected{color:#fff;background:#347255;border-color:#347255}.shanghai-controls button small{opacity:.75;font-size:11px}.shanghai-paper-list{max-height:91px;margin-top:15px;padding-bottom:2px;overflow:auto}.shanghai-paper-list button{white-space:nowrap;padding:7px 10px}.shanghai-paper-list button.selected{color:#25543e;background:#dff2e5;border-color:#97c5a4}.shanghai-selected-paper{border-top:1px solid #ece8dc;margin-top:14px;padding-top:13px;font-size:13px}.shanghai-selected-paper strong{font-size:14px}.shanghai-selected-paper span{color:#708176}.shanghai-areas{margin-bottom:15px;padding:5px;display:inline-flex}.shanghai-areas button{border:0;padding:9px 23px}.shanghai-areas .shanghai-listening-link{color:#236341;background:#e7f5eb;border:1px solid #b8d9c3;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.shanghai-areas .shanghai-listening-link:hover{background:#d4ecdc}.shanghai-stepbar{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:17px;padding:11px;display:grid}.shanghai-stepbar button{color:#4b5d52;background:#fffefa;border:1px solid #dfdacb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:13px;font-weight:650;display:flex}.shanghai-stepbar button span{color:#3e805b;background:#dff3e4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.shanghai-stepbar button.selected{color:#fff;background:#367658;border-color:#367658}.shanghai-stepbar button.selected span{color:#fff;background:#ffffff3d}.shanghai-voice-status{color:#316c4d;align-items:center;gap:7px;margin:-4px 0 15px;font-size:13px;display:flex}.shanghai-voice-controls{color:#316c4d;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 14px;font-size:13px;display:flex}.shanghai-voice-controls button{color:#316c4d;background:#fff;border:1px solid #bad8c6;border-radius:8px;padding:5px 11px;font-weight:600}.shanghai-voice-controls button.selected{color:#fff;background:#367658;border-color:#367658}.shanghai-study button[data-playing=true]{color:#fff;background:#367658;border-radius:8px}.shanghai-two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.shanghai-card{min-width:0;padding:25px}.shanghai-section-head{justify-content:space-between;margin-bottom:16px}.shanghai-section-head h2{margin:2px 0;font-size:21px;font-weight:750}.shanghai-section-head>span{color:#7c887f;font-size:12px}.shanghai-passage{white-space:pre-wrap;color:#26372c;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.9}.shanghai-word{color:inherit;font:inherit;background:0 0;border:0;border-bottom:2px dotted #e9a668;padding:0 1px}.shanghai-word:hover{background:#fff0df}.shanghai-hint,.shanghai-panel>p{color:#77857b;margin:8px 0 14px;font-size:13px;line-height:1.7}.shanghai-vocab-list{border:1px solid #e4dfd0;border-radius:13px;max-height:660px;overflow:auto}.shanghai-vocab-row{border-bottom:1px solid #e8e3d7;align-items:center;min-height:54px;padding:5px 8px;display:flex}.shanghai-vocab-row:last-child{border-bottom:0}.shanghai-vocab-row button{color:#4b7657;background:0 0;border:0;padding:6px}.shanghai-vocab-row button:first-child{text-align:left;color:#293b30;flex-direction:column;flex:1;gap:2px;display:flex}.shanghai-vocab-row button:first-child span{color:#6b796d;font-size:12px}.shanghai-vocab-row button:hover{background:#edf7ed;border-radius:7px}.shanghai-word-detail{background:#eaf6e9;border:1px solid #aed0b0;border-radius:11px;align-items:center;gap:15px;margin-bottom:10px;padding:11px 13px;display:flex}.shanghai-word-detail button{color:#367658;background:0 0;border:0;margin-left:auto}.shanghai-panel{max-width:100%;min-height:320px}.shanghai-saved-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shanghai-saved-grid>div{border:1px solid #e5e1d3;border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.shanghai-saved-grid strong{font-size:15px}.shanghai-saved-grid span{color:#6f7d72;flex:1;font-size:12px}.shanghai-saved-grid button{color:#438366;background:0 0;border:0}.shanghai-sentence,.shanghai-translate-row,.shanghai-question{background:#fff;border:1px solid #e6e1d4;border-radius:14px;margin:13px 0;padding:18px}.shanghai-sentence strong,.shanghai-translate-row strong{font:17px/1.65 Georgia,Times New Roman,serif;display:block}.shanghai-fragments{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.shanghai-fragments span{background:#eaf5eb;border:1px solid #d2e7d6;border-radius:8px;padding:7px 10px;font-size:13px}.shanghai-sentence p,.shanghai-translate-row p{color:#4c6655;margin-top:12px;font-size:14px;line-height:1.7}.shanghai-action-secondary{color:#327053;background:#f6faf5;border:1px solid #d8e4d7;border-radius:9px;align-items:center;gap:5px;margin-top:11px;padding:7px 12px;font-size:13px;font-weight:650;display:inline-flex}.shanghai-translate-row textarea,.shanghai-panel>textarea{color:#26372c;resize:vertical;background:#fffefa;border:1px solid #d9ddce;border-radius:10px;width:100%;min-height:82px;margin-top:10px;padding:10px 12px;display:block}.shanghai-translate-row details{color:#3d7958;margin-top:12px;font-size:13px}.shanghai-summary{background:#f1f8ee;border:1px solid #d5e8d2;border-radius:12px;margin-bottom:16px;padding:16px}.shanghai-summary p{margin-top:7px;font-size:14px}.shanghai-rebuild-source{background:#f1f7ed;border-radius:11px;margin:12px 0;padding:17px;line-height:1.7}.shanghai-practice-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shanghai-practice-head h2{font-size:21px;font-weight:750}.shanghai-practice-head p,.shanghai-practice-head span{color:#6e8074;font-size:13px}.shanghai-question h3{white-space:pre-wrap;font-size:15px;font-weight:700;line-height:1.65}.shanghai-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.shanghai-options button{text-align:left;background:#fffefa;border:1px solid #e1e1d5;border-radius:10px;align-items:flex-start;gap:9px;padding:10px;font-size:13px;line-height:1.5;display:flex}.shanghai-options button b{color:#347255;background:#e8efe7;border-radius:50%;place-items:center;min-width:22px;height:22px;display:grid}.shanghai-options button.selected{background:#edf8ef;border-color:#4e9b70}.shanghai-options button.correct{background:#e2f5e9;border-color:#54a273}.shanghai-options button.incorrect{background:#fff1ee;border-color:#dc8b84}.shanghai-explanation{color:#335643;background:#f1f7ed;border-radius:9px;gap:8px;margin-top:12px;padding:12px;font-size:13px;line-height:1.65;display:flex}.shanghai-explanation svg{flex:none}.shanghai-submit{margin-top:20px}.shanghai-submit>button:first-child{color:#fff;background:#367658;border:0;border-radius:10px;padding:10px 18px;font-weight:700}.shanghai-submit span{color:#367658;font-size:13px;font-weight:700}.shanghai-pages{justify-content:flex-end;margin:15px 0}.shanghai-pages button{align-items:center;gap:4px;display:inline-flex}.shanghai-pages button:disabled{opacity:.4;cursor:not-allowed}.shanghai-document-controls{margin:15px 0}.shanghai-document-controls label{border:1px solid #dcded1;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;display:flex}.shanghai-document-controls input{background:0 0;border:0;outline:0;min-width:180px;font-size:13px}.shanghai-document{white-space:pre-wrap;background:#fff;border:1px solid #e4e0d3;border-radius:12px;max-height:740px;padding:20px;font:15px/1.85 Georgia,PingFang SC,serif;overflow:auto}.shanghai-footer{color:#89958b;justify-content:space-between;gap:14px;margin-top:25px;font-size:12px;display:flex}@media (width<=850px){.shanghai-two-col{grid-template-columns:1fr}.shanghai-stepbar{grid-template-columns:repeat(3,1fr)}.shanghai-saved-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.shanghai-study{padding:12px 9px 35px}.shanghai-topbar,.shanghai-card,.shanghai-controls{padding:15px}.shanghai-topmeta{display:none}.shanghai-intro{flex-direction:column;align-items:flex-start;padding:20px}.shanghai-intro h1{font-size:26px}.shanghai-stats{flex-direction:row;gap:8px;min-width:0}.shanghai-stats small{display:none}.shanghai-areas{display:flex}.shanghai-areas button{flex:1;padding:9px 5px}.shanghai-areas .shanghai-listening-link{flex:1 0 100%}.shanghai-stepbar{grid-template-columns:repeat(2,1fr)}.shanghai-options,.shanghai-saved-grid{grid-template-columns:1fr}.shanghai-document-controls label{width:100%;margin-left:0}.shanghai-footer{flex-direction:column}}.shanghai-context{background:#f5faf2;border:1px solid #d7e5d8;border-radius:10px;margin-bottom:14px;padding:12px 14px}.shanghai-context summary{cursor:pointer;color:#356d50;font-size:13px;font-weight:700}.shanghai-context>div{white-space:pre-wrap;max-height:300px;margin-top:12px;font:15px/1.8 Georgia,Times New Roman,serif;overflow:auto}