/* 我的页面与成长入口。第一阶段只搬移，不改选择器和值。 */
.profile-hero { position: relative; overflow: hidden; padding: 20px; border-radius: 27px; color: white; background: linear-gradient(145deg, #304c70, #678eab); box-shadow: 0 16px 38px rgba(41,70,103,.2); }
.profile-hero::after { content: "✦"; position: absolute; right: 12px; top: -19px; font-size: 96px; color: rgba(255,255,255,.08); }
.profile-hero-top { display: flex; align-items: center; gap: 12px; position: relative; z-index: 1; }
.profile-hero-top img { width: 58px; height: 58px; object-fit: cover; object-position: top; border-radius: 18px; background: rgba(255,255,255,.8); }
.profile-hero h2 { margin: 0 0 3px; font-size: 21px; }
.profile-hero p { margin: 0; color: rgba(255,255,255,.73); font-size: 12px; }
.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 13px 0 20px; }
.profile-shortcut { min-height: 125px; border: 1px solid var(--line); border-radius: 21px; padding: 15px; color: var(--ink); background: rgba(255,255,255,.88); text-align: left; cursor: pointer; box-shadow: 0 10px 26px rgba(65,91,121,.06); }
.profile-shortcut span { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 13px; background: #edf5ff; font-size: 19px; }
.profile-shortcut:nth-child(2) span { background: #fff0f4; }
.profile-shortcut:nth-child(3) span { background: #edf8f3; }
.profile-shortcut:nth-child(4) span { background: #f5f0ff; }
.profile-shortcut strong { display: block; margin: 11px 0 4px; font-size: 15px; }
.profile-shortcut small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.reward-pop { font-weight: 800; color: #f7c4d3; }

.thinking-hero { padding:24px;border-radius:24px;background:linear-gradient(135deg,#e5f1fc,#eaf6ee); }
.thinking-hero h2 { font-size:28px;margin:8px 0 12px; }
.thinking-hero p,.quiz-card p { line-height:1.6; }
.quiz-card small,.thinking-hero small { color:var(--muted); }
.quiz-progress { display:flex;gap:14px;align-items:center;margin:22px 0; }
.quiz-progress progress { flex:1;min-width:0; }
progress { accent-color:#6b9ec2;height:10px; }
.quiz-question h3 { line-height:1.6;font-size:20px; }
.quiz-options { display:grid;gap:12px; }
.quiz-option { display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;min-height:58px;padding:14px;background:white;color:var(--ink);font:inherit;text-align:left;line-height:1.5;cursor:pointer; }
.quiz-option.selected { background:#e6f2f7;border-color:#6493b4; }
.quiz-option:focus-visible { outline:3px solid #7aaad8;outline-offset:3px; }
.quiz-step-controls { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.quiz-step-controls button:disabled { opacity:.45;cursor:not-allowed; }
.quiz-metrics { display:grid;gap:22px;margin-top:22px; }
.quiz-metric > div { display:flex;justify-content:space-between;gap:10px;margin-bottom:8px; }
.quiz-metric span { color:var(--muted);font-size:12px; }
.quiz-metric progress { width:100%; }
.quiz-sources p { font-size:13px;line-height:1.7;overflow-wrap:anywhere; }
.quiz-sources a { color:#315475; }
@media(min-width:750px){.quiz-library { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }.quiz-card { display:flex;flex-direction:column; }.quiz-card button { margin-top:auto; }.quiz-card small { margin-bottom:16px; }}

.system-screen{max-width:680px;margin-inline:auto;}
.settings-group-title{font-size:12px;color:var(--muted);letter-spacing:.08em;margin:24px 4px 10px;}
.settings-list{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:0 16px;overflow:hidden;}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;width:100%;padding:16px 4px;border:0;border-bottom:1px solid var(--line);box-sizing:border-box;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-align:left;}
.settings-list>.settings-row:last-child,.settings-list>details:last-child summary{border-bottom:0;}
.settings-link{cursor:pointer;}.settings-chevron{font-size:22px;font-weight:400;color:var(--muted);}.settings-row input{width:20px;height:20px;accent-color:#7399be;}.settings-danger summary{cursor:pointer;list-style:none;}.settings-confirm{padding:0 4px 16px;}.settings-confirm p{font-size:13px;line-height:1.6;}
.feedback-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;}.feedback-panel h3{margin-top:0;}.feedback-categories{display:flex;gap:8px;padding:0;margin:20px 0;border:0;flex-wrap:wrap;}.feedback-category{position:relative;cursor:pointer;}.feedback-category input{position:absolute;opacity:0;width:1px;height:1px;}.feedback-category span{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;}.feedback-category input:checked+span{border-color:#7399be;background:#eaf3f8;color:#365c80;}.feedback-category input:focus-visible+span{outline:3px solid #7aaad8;outline-offset:2px;}.feedback-panel textarea{width:100%;box-sizing:border-box;min-height:170px;resize:vertical;}.feedback-count{font-size:12px;color:var(--muted);text-align:right;margin-top:8px;}.feedback-history-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px;}.feedback-history-heading button{background:none;border:0;font:inherit;color:#365c80;cursor:pointer;}.feedback-entry>div{display:flex;justify-content:space-between;gap:12px;}.feedback-status{font-size:12px;color:var(--muted);}.feedback-entry p{white-space:pre-wrap;overflow-wrap:anywhere;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.settings-shortcuts{display:grid;gap:12px;margin-bottom:20px;}.settings-shortcuts>.setting-detail{border:1px solid #d8d1b6;border-radius:18px;background:rgba(255,255,255,.8);padding:0 16px;}.setting-detail{margin:0;padding:0;border:0;border-radius:0;background:none;}.setting-detail>summary{list-style:none;cursor:pointer;}.setting-detail>summary::-webkit-details-marker{display:none;}.settings-row-end{display:flex;align-items:center;gap:12px;}.settings-row-end small{font-size:12px;font-weight:400;color:var(--muted);}.settings-detail-body{padding:14px 4px 20px;font-size:13px;line-height:1.7;}.setting-detail[open]>summary .settings-chevron{transform:rotate(90deg);}.settings-detail-body p{margin:8px 0;}.settings-choices{display:flex;gap:8px;flex-wrap:wrap;}.setting-choice{position:relative;cursor:pointer;}.setting-choice input{position:absolute;opacity:0;width:1px;height:1px;}.setting-choice span{display:block;padding:9px 14px;border:1px solid var(--line);border-radius:12px;}.setting-choice input:checked+span{background:#eaf3f8;border-color:#7399be;color:#365c80;}.setting-choice input:disabled+span{opacity:.5;cursor:not-allowed;}.setting-choice input:focus-visible+span{outline:3px solid #7aaad8;outline-offset:2px;}.settings-guide{margin:0;padding-left:20px;}.settings-guide li{margin-bottom:12px;}.settings-unavailable{color:var(--muted);}.settings-list .settings-danger{border:0;border-radius:0;margin:0;padding:0;}
.phone.theme-dark{--ink:#e5edf5;--muted:#a0afbf;--line:#344458;background:#172333;color:var(--ink);color-scheme:dark;}.theme-dark #appMain{background:#172333;}.theme-dark .settings-list,.theme-dark .settings-shortcuts>.setting-detail,.theme-dark .feedback-panel,.theme-dark .record-card,.theme-dark .journey-card,.theme-dark .soft-card,.theme-dark .quiz-option,.theme-dark .peer-card{background:#202f41;color:var(--ink);}.theme-dark input,.theme-dark select,.theme-dark textarea{background:#182636;color:var(--ink);border-color:var(--line);}.theme-dark .navigation-drawer{background:#172333;color:var(--ink);}.theme-dark .menu-toggle,.theme-dark .back,.theme-dark .secondary{background:#202f41;color:var(--ink);}.theme-dark .setting-choice input:checked+span{background:#304862;color:#e5edf5;}.theme-dark .settings-unavailable{color:var(--muted);}

.thinking-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px;}.thinking-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:14px 8px;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;}.thinking-tabs button[aria-selected=true]{color:#416f98;border-bottom-color:#7399be;}.thinking-tabs button:focus-visible{outline:3px solid #7aaad8;outline-offset:-3px;}.quiz-image-card{padding:0;overflow:hidden;display:flex;flex-direction:column;}.quiz-card-image{height:180px;background:linear-gradient(135deg,#e5f1fc,#f4efe5);overflow:hidden;}.quiz-card-image img{width:100%;height:100%;object-fit:contain;display:block;}.quiz-card:nth-child(2) .quiz-card-image{background:#e9f2e9;}.quiz-card:nth-child(3) .quiz-card-image{background:#f3edf7;}.quiz-card-content{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}.quiz-card-content h3{margin:0;font-size:18px;}.quiz-card-content .primary{margin-top:auto;}.theme-dark .thinking-tabs button[aria-selected=true]{color:#9cc4e5;}
/* Full-width quiz covers and a compact segmented tab control. */
.thinking-tabs{border:0;background:#e7eef5;border-radius:16px;padding:5px;gap:5px;margin-bottom:22px;}
.thinking-tabs button{border:0;border-radius:12px;padding:12px 10px;font-size:14px;color:#708399;transition:background .15s ease,box-shadow .15s ease;}
.thinking-tabs button[aria-selected=true]{background:#fff;color:#315475;box-shadow:0 3px 12px rgba(42,68,95,.09);}
.quiz-card-image{width:100%;height:auto;aspect-ratio:16/9;}
.quiz-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.theme-dark .thinking-tabs{background:#101e2e;}.theme-dark .thinking-tabs button[aria-selected=true]{background:#304862;color:#e5edf5;}

.account-avatar-editor{display:flex;align-items:center;gap:20px;margin-bottom:12px;}#accountAvatarPreview{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#edf5ff;border:1px solid var(--line);}.avatar-upload{display:inline-flex!important;padding:10px 16px;border:1px solid var(--line);border-radius:12px;font-size:14px;cursor:pointer;}.avatar-upload:focus-within{outline:3px solid #7aaad8;outline-offset:2px;}.avatar-presets{display:flex;gap:8px;margin-top:10px;}.avatar-presets button{width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--line);background:#edf5ff;overflow:hidden;cursor:pointer;}.avatar-presets img{width:100%;height:100%;object-fit:cover;}.sidebar-profile>img{border-radius:50%;object-fit:cover;}

.diary-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;}.diary-screen{max-width:720px;margin-inline:auto;}