.growth-home { display:grid; grid-template-columns:190px 1fr; align-items:center; gap:28px; padding:26px 34px; margin:0 0 32px; background:linear-gradient(120deg,#fffdf4,#eff4e4); }
.growth-home-picture { width:180px; height:180px; }
.growth-image { display:block; width:100%; height:100%; object-fit:contain; }
.growth-home h2 { font-size:29px; line-height:1.8; color:#54703c; margin:0 0 6px; }
.growth-home p { font-size:22px; line-height:1.9; color:#81916c; margin:0 0 18px; }
.growth-kicker { display:block; font-size:18px; color:#91a275; margin-bottom:8px; }
.growth-home-actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; }
.leaf-wallet { display:flex; align-items:center; gap:8px; color:#83945e; font-size:20px; }
.leaf-wallet strong { font-size:29px; font-weight:500; color:#6e8b46; }
.leaf-wallet>.icon { width:28px; height:28px; }
.growth-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; margin:8px 0 28px; }
.growth-heading>div { min-width:0; }
.growth-heading h1 { font-size:36px; line-height:1.8; color:#4b6935; margin:0; }
.growth-heading p { font-size:23px; line-height:1.9; color:#84936e; margin:8px 0; }
.growth-wallet { padding:20px 26px; border:1px solid #d5e1bf; border-radius:20px; background:#f2f6e7; min-width:190px; }
.growth-wallet>span { display:flex; align-items:center; gap:8px; font-size:20px; color:#7c9457; }
.growth-wallet strong { display:block; font-size:40px; font-weight:500; line-height:1.8; color:#65853f; }
.growth-wallet small { font-size:19px; margin-left:8px; }
.growth-wallet p { font-size:18px; margin:0; }
.growth-playground { display:grid; grid-template-columns:1.1fr 1fr; align-items:start; gap:32px; padding:28px; border:1px solid #d9e5c6; background:#fffdf5; border-radius:24px; }
.growth-scene { position:relative; isolation:isolate; min-width:0; height:430px; overflow:hidden; background:#fffdf5; border-radius:20px; }
.growth-previous { position:absolute; inset:0; z-index:1; pointer-events:none; }
.growth-care-panel { min-width:0; }
.growth-stage-label { font-size:19px; color:#98a979; }
.growth-care-panel h2 { font-size:31px; line-height:1.8; color:#5b793e; margin:12px 0; }
.growth-care-panel>p { font-size:22px; line-height:1.9; color:#83936c; }
.growth-progress { height:12px; border-radius:99px; background:#e6edd8; overflow:hidden; margin-top:24px; }
.growth-progress>i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#a5bf7b,#799d51); }
.growth-care-panel p.growth-progress-note { font-size:19px; }
.growth-care-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:24px; }
.growth-care-actions .btn { font-size:24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; padding:15px 22px; }
.growth-care-actions .btn small { width:100%; font-size:17px; opacity:.85; font-weight:400; }
.growth-care-actions .btn:disabled { opacity:.58; cursor:default; }
.growth-care-panel .growth-receipt { min-height:65px; font-size:20px; color:#91a56a; margin-bottom:0; }
.growth-worlds,.growth-album { margin-top:34px; }
.growth-partners { padding:22px; border:1px solid #dce6cb; background:#fffdf5; border-radius:18px; }
.growth-partners>summary { cursor:pointer; font-size:25px; color:#617d43; line-height:1.9; }
.growth-partners>summary>span { display:inline-block; margin-left:12px; font-size:18px; color:#9aab7d; }
.growth-partners-content>p { font-size:21px; color:#8a9b70; line-height:2; margin:18px 0; }
.growth-section-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.growth-section-heading h2 { font-size:28px; line-height:1.8; color:#59773d; margin:0; }
.growth-section-heading p { font-size:20px; color:#8d9b7b; line-height:1.9; margin:0; }
.growth-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.growth-world-card { min-width:0; display:flex; flex-direction:column; align-items:center; padding:20px; background:#fffdf5; border:1px solid #dde5cf; border-radius:20px; text-align:center; }
.growth-world-card.is-selected { border:2px solid #a4bb80; background:#fafcf0; }
.growth-world-card.is-locked { background:#f7f8f1; }
.growth-world-card>.growth-image { width:100%; height:200px; }
.growth-world-card h3 { font-size:27px; line-height:1.8; color:#5a753e; margin:12px 0 0; }
.growth-world-card p { font-size:21px; line-height:1.9; color:#8b9977; margin:12px 0 22px; }
.growth-world-card>.btn { font-size:22px; min-height:54px; margin-top:auto; max-width:100%; }
.growth-world-card>.btn:disabled { opacity:.7; cursor:default; }
.growth-world-card .growth-unlock-note { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; font-size:18px; margin-top:auto; margin-bottom:0; }
.growth-album-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.growth-photo { min-width:0; margin:0; padding:14px; border:1px solid #e0e6d4; background:#fffdf5; border-radius:17px; }
.growth-photo>.growth-image,.growth-photo-placeholder { width:100%; height:170px; }
.growth-photo-placeholder { display:grid; place-items:center; background:#f2f5e9; border-radius:12px; color:#cad5b7; }
.growth-photo-placeholder>.icon { width:45px; height:45px; }
.growth-photo figcaption { display:flex; flex-direction:column; gap:8px; font-size:20px; color:#7b8f5f; line-height:1.8; margin-top:10px; }
.growth-photo figcaption strong { font-weight:500; }
.growth-photo figcaption span { font-size:16px; color:#9aa78a; }
.growth-rules,.growth-ledger { padding:22px; margin-top:26px; border:1px solid #dfe7cf; border-radius:16px; background:#fffef8; color:#81926a; font-size:20px; line-height:2; }
.growth-rules summary,.growth-ledger summary { cursor:pointer; font-size:22px; color:#6f8750; }
.growth-rules ul { padding-left:25px; }
.growth-rules li { margin:10px 0; }
.growth-ledger ol { list-style:none; padding:0; }
.growth-ledger li { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 0; border-bottom:1px solid #e7ecd9; }
.growth-ledger li>span { min-width:0; }
.growth-ledger small { display:block; font-size:16px; color:#a3ae94; }
.growth-ledger strong { color:#8da65f; font-size:25px; white-space:nowrap; }
.growth-completion-link { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; margin:24px auto 0; font-size:20px; min-height:46px; color:#80965c; }
body[data-full-zhuyin="true"] .growth-page h1,body[data-full-zhuyin="true"] .growth-page h2,body[data-full-zhuyin="true"] .growth-page h3,body[data-full-zhuyin="true"] .growth-page p,body[data-full-zhuyin="true"] .growth-home p,body[data-full-zhuyin="true"] .growth-home h2 { line-height:2.7; }
body[data-full-zhuyin="true"] .growth-world-card .btn { line-height:2.5; }
@media(max-width:1000px) {
 .growth-playground { grid-template-columns:1fr; }
 .growth-care-panel { padding:0 12px; }
 .growth-picker { gap:14px; }
 .growth-world-card { padding:16px; }
 .growth-world-card>.growth-image { height:180px; }
}
@media(max-width:700px) {
 .growth-home { grid-template-columns:minmax(0,1fr); gap:14px; padding:20px 16px; }
 .growth-home-picture { width:160px; height:150px; margin:auto; }
 .growth-home h2 { font-size:24px; }
 .growth-home p { font-size:20px; }
 .growth-home .btn { font-size:20px; padding:12px 15px; }
 .growth-home-actions { gap:12px; }
 .growth-kicker { font-size:17px; }
 .growth-heading h1 { font-size:29px; }
 .growth-heading p { font-size:21px; }
 .growth-wallet { width:100%; padding:15px 20px; }
 .growth-wallet strong { display:inline; font-size:35px; }
 .growth-wallet p { display:inline; margin-left:18px; font-size:17px; }
 .growth-playground { padding:16px; gap:20px; }
 .growth-scene { height:300px; }
 .growth-care-panel { padding:0 4px; }
 .growth-care-panel h2 { font-size:28px; }
 .growth-care-actions { flex-direction:column; align-items:stretch; }
 .growth-care-actions>.btn { width:100%; }
 .growth-picker { grid-template-columns:1fr; }
 .growth-world-card>.growth-image { height:230px; }
 .growth-world-card h3 { font-size:26px; }
 .growth-album-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .growth-photo { padding:10px; }
 .growth-photo>.growth-image,.growth-photo-placeholder { height:130px; }
 .growth-photo figcaption { font-size:18px; }
 .growth-rules,.growth-ledger { padding:18px; font-size:19px; }
 .growth-rules summary,.growth-ledger summary { font-size:21px; }
 body[data-full-zhuyin="true"] .growth-home { grid-template-columns:1fr; }
 body[data-full-zhuyin="true"] .growth-home-picture { width:160px; height:150px; margin:auto; }
}