.reading_roadmap{margin-top:32px;padding-top:24px;border-top:1px solid #333333;border-top:1px solid var(--c-border)}.reading_roadmap_title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#8e8e8e;color:var(--c-text-muted);margin-bottom:12px}.reading_story_card{display:flex;align-items:center;width:100%;padding:14px 16px;background:#1e1e1e;background:var(--c-bg-card);border:2px solid #333333;border:2px solid var(--c-border);border-radius:12px;color:#fff;font-size:16px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;margin-bottom:8px;box-sizing:border-box;-webkit-transition:border-color .15s,opacity .15s;transition:border-color .15s,opacity .15s}.reading_story_card:hover{border-color:#ffffff26;border-color:var(--c-accent-border)}.reading_story_card_num{font-size:13px;font-weight:700;color:#8e8e8e;color:var(--c-text-muted);margin-right:10px;flex-shrink:0}.reading_story_title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading_star{margin-left:10px;color:#f2c94c;color:var(--c-accent-yellow, #f1c40f);font-size:18px;flex-shrink:0}.reading_story_card.is_read{opacity:.6}.reading_story_card.is_current{border-color:#23ac5e;border-color:var(--c-accent-green)}.reading_story_card.is_locked{opacity:.4;cursor:default;pointer-events:none}.reading_lock{margin-left:10px;font-size:15px;flex-shrink:0}.reading_list_header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.reading_counter{font-size:13px;font-weight:700;color:#8e8e8e;color:var(--c-text-muted)}.reading_loadmore{height:24px;margin:8px 0 24px;text-align:center;color:#8e8e8e;color:var(--c-text-muted);font-size:13px}.reading_empty{color:#8e8e8e;color:var(--c-text-muted);text-align:center;padding:40px}.reading_xp_toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#23ac5e;background:var(--c-accent-green);color:#fff;font-weight:800;font-size:16px;padding:10px 22px;border-radius:999px;box-shadow:0 8px 25px #23ac5e59;opacity:0;z-index:9999;pointer-events:none;-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s}.reading_xp_toast.is_show{opacity:1;transform:translate(-50%)}.reading_layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;height:100vh;background:#131415;background:var(--c-bg-body)}.reading_header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;border-bottom:1px solid #333333;border-bottom:1px solid var(--c-border);-ms-flex-negative:0;flex-shrink:0}.reading_header_title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:16px;font-weight:700;color:#fff;text-align:center}.reading_header_spacer{width:34px;-ms-flex-negative:0;flex-shrink:0}.reading_body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:28px 24px;max-width:640px;margin:0 auto;width:100%}.reading_text{font-size:20px;line-height:1.85;color:#ffffffe0}.reading_char{color:#f0c674;font-weight:700;font-size:1.25em;line-height:1;cursor:pointer;border-radius:5px;padding:1px 3px;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s}.reading_char:hover{background:#f0c6741f}.reading_char.is_active{background:#f0c67438;color:#fff}.reading_popup{position:fixed;background:#fff;color:#111;border-radius:12px;padding:10px 18px;-webkit-box-shadow:0 5px 25px rgba(0,0,0,.5);box-shadow:0 5px 25px #00000080;z-index:99999;text-align:center;max-width:220px}.reading_popup_reading{font-size:14px;font-weight:600;color:#666;margin-bottom:2px}.reading_popup_meaning{font-size:16px;font-weight:800}.reading_footer{padding:16px 24px;border-top:1px solid #333333;border-top:1px solid var(--c-border);-ms-flex-negative:0;flex-shrink:0;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center}.reading_footer .btn_action{width:100%}.reading_pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;padding-bottom:32px}.reading_pagination>*{margin:4px}.reading_page_btn{min-width:40px;height:40px;border:2px solid #333333;border:2px solid var(--c-border);border-radius:10px;background:#1e1e1e;background:var(--c-bg-card);color:#8e8e8e;color:var(--c-text-muted);font-size:15px;font-weight:700;cursor:pointer;-webkit-transition:border-color .15s,color .15s;transition:border-color .15s,color .15s}.reading_page_btn:hover{border-color:#ffffff26;border-color:var(--c-accent-border);color:#fff}.reading_page_btn.is_active{border-color:#1865f2;border-color:var(--c-accent-blue);color:#fff;background:#1865f2;background:var(--c-accent-blue)}