.home-page{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:2rem 1rem 4rem;display:flex}.page{width:100%;max-width:540px}.header{text-align:center;margin-bottom:2rem}.header-badge{color:#c05080;letter-spacing:.5px;background:#fff0f5;border:1.5px solid #f7b8d0;border-radius:20px;margin-bottom:12px;padding:4px 16px;font-size:12px;font-weight:600;display:inline-block}.header h1{color:#2c2c2a;margin-bottom:4px;font-family:KaiTi,楷体,STKaiti,Prompt,sans-serif;font-size:28px;font-weight:700;line-height:1.3}.header p{color:#888780;font-size:14px}.deco-line{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.line{border-radius:2px;flex:1;max-width:70px;height:2px}.chapter-list{flex-direction:column;gap:12px;display:flex}.chapter-card{cursor:pointer;border:2px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.chapter-card:hover{transform:translate(6px)scale(1.01);box-shadow:0 4px 16px #00000014}.num-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.chapter-text{flex:1}.zh{font-family:KaiTi,楷体,STKaiti,serif;font-size:16px;font-weight:700;line-height:1.4}.th{opacity:.8;margin-top:2px;font-size:13px}.arrow{opacity:.45;flex-shrink:0;font-size:20px}.ch1{background:#fff0f5;border-color:#f7c5d8}.ch1 .num-badge{color:#a03060;background:#f7c5d8}.ch1 .zh{color:#a03060}.ch1 .th{color:#b85070}.ch2{background:#fff4e6;border-color:#ffd8a0}.ch2 .num-badge{color:#a05000;background:#ffd8a0}.ch2 .zh{color:#a05000}.ch2 .th{color:#c06010}.ch3{background:#f0faf0;border-color:#b8e4b8}.ch3 .num-badge{color:#2a6e2a;background:#b8e4b8}.ch3 .zh{color:#2a6e2a}.ch3 .th{color:#3d8a3d}.ch4{background:#f0f4ff;border-color:#b8caff}.ch4 .num-badge{color:#2a45a0;background:#b8caff}.ch4 .zh{color:#2a45a0}.ch4 .th{color:#3a5cbf}.ch5{background:#fff8f0;border-color:#ffc8a0}.ch5 .num-badge{color:#954020;background:#ffc8a0}.ch5 .zh{color:#954020}.ch5 .th{color:#b05030}.ch6{background:#f4f0ff;border-color:#cdb8ff}.ch6 .num-badge{color:#4a2a9a;background:#cdb8ff}.ch6 .zh{color:#4a2a9a}.ch6 .th{color:#5e3bba}.ch7{background:#f0fff8;border-color:#a8e8cc}.ch7 .num-badge{color:#1a6644;background:#a8e8cc}.ch7 .zh{color:#1a6644}.ch7 .th{color:#2a8058}.ch8{background:#fff0ee;border-color:#ffc0b8}.ch8 .num-badge{color:#9a2820;background:#ffc0b8}.ch8 .zh{color:#9a2820}.ch8 .th{color:#b83830}.footer-note{text-align:center;color:#888780;margin-top:2rem;font-size:12px}.progress-info{opacity:.75;gap:12px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.clear-data-section{text-align:center;margin-top:1.5rem}.clear-data-btn{color:#999;cursor:pointer;background:0 0;border:1.5px solid #ddd;border-radius:12px;padding:8px 20px;font-family:Prompt,sans-serif;font-size:13px;transition:all .2s}.clear-data-btn:hover{color:#e63946;background:#fff5f5;border-color:#e63946}.clear-confirm{background:#fff5f5;border:2px solid #ffc0b8;border-radius:16px;padding:16px 20px;animation:.2s fadeIn}.clear-confirm p{color:#a03060;margin-bottom:12px;font-size:14px;font-weight:600}.confirm-btns{justify-content:center;gap:10px;display:flex}.confirm-yes,.confirm-no{cursor:pointer;border:none;border-radius:10px;padding:8px 24px;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;transition:transform .15s}.confirm-yes{color:#fff;background:linear-gradient(135deg,#e63946,#a0001a)}.confirm-no{color:#666;background:#f0f0f0}.confirm-yes:hover,.confirm-no:hover{transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}