/* New feature components only. The original qula style.css is unchanged. */
:root{--line:#a6d3e8;--paper:#e9faff;--muted:#66777d;--read-font:20px;--q-family:inherit;--q-bg:#e9faff}
[hidden]{display:none!important}.skip,.sr-only{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:1000;background:#fff;padding:10px}
button,input,select{font:inherit}button,.button{cursor:pointer;color:#085308;border:1px solid #88c6e5;background:#e1eced;padding:7px 12px;border-radius:2px;display:inline-block;line-height:1.5}button:hover,.button:hover{background:#d2e9f1}button:disabled,.disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1683a9;outline-offset:2px}
input,select{max-width:100%;border:1px solid #a6d3e8;padding:7px;background:#fff;color:#333}.header .m-user a{color:#fff}.nav{display:flex;flex-wrap:wrap;height:auto;min-height:40px}.nav li{flex:1 0 auto;float:none}.nav li a{padding:0 12px}.header .search-form{display:flex}.header .search-form input{min-width:0}.item dd{height:90px;overflow:hidden}.item dd a{color:#555}.tp-box dd{overflow:hidden}.tp-box{min-width:0}
.panel{border:1px solid #a6d3e8;background:#e9faff;margin:15px 0;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:#e1eced;border-bottom:1px solid #a6d3e8;font-size:16px}.section-heading h1,.section-heading h2{font-size:18px}.section-heading>a,.section-heading>span{font-size:13px}.empty{padding:25px 15px;text-align:center;color:#66777d}.muted{color:#66777d}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.category-grid .txt-list .s1{display:none}.category-grid .txt-list .s2{width:70%}.category-grid .txt-list .s5{width:30%}.rank-group summary{padding:10px;cursor:pointer;background:#e1eced}.filter-nav{display:flex;flex-wrap:wrap;gap:15px;padding:12px}.friendlinks{padding:15px}.friendlinks a{margin:6px}.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:15px}.pagination a,.pagination>.disabled{padding:6px 10px;border:1px solid #a6d3e8}.catalog-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.catalog-page-form{display:flex;justify-content:center;min-width:0}.catalog-page-form select{width:240px}.catalog-meta{padding:10px 15px;color:#66777d}.section-list .volume{width:100%;font-weight:bold;background:#e1eced}.section-list a{overflow:hidden;text-overflow:ellipsis}.actions{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px}.actions form{display:inline-flex}.q-center{text-align:center;margin:20px}.report-box{margin:15px 20px;padding:15px 0;border-top:1px dashed #88c6e5;font-size:14px}.report-box summary{cursor:pointer}.report-box form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px}.report-box select{max-width:100%}.catalog-book-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 20px;gap:14px}.catalog-book-links li{min-width:0;overflow-wrap:anywhere}.book-reviews li{padding:14px 20px;border-bottom:1px dashed #a6d3e8}.book-reviews h3{font-size:14px;margin-bottom:8px}.review-text{line-height:1.8}.review-meta,.review-disclosure,.review-generated-label{font-size:12px;color:#687e86}.review-meta{margin-top:8px}
.reader-topbar{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:#e1eced;border-bottom:1px solid #a6d3e8}.reader-size-tools,.reader-quick-actions{display:flex;gap:7px;align-items:center}.read-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px auto;padding:5px 15px;max-width:900px;text-align:center;font-size:14px}.read-nav.has-bookmark{grid-template-columns:repeat(4,minmax(0,1fr))}.read-nav a,.read-nav>span,.read-nav button{display:flex;align-items:center;justify-content:center;min-height:40px;color:#085308;border:1px solid #88c6e5;background:#e1eced;padding:6px}.read-nav form,.read-nav button{width:100%}.reader-book,.reading-meta{text-align:center;margin:10px 0;color:#66777d}.reader-main{background:var(--q-bg)}.reader-main .content{font-size:var(--read-font);font-family:var(--q-family,var(--read-family));padding-bottom:25px;overflow-wrap:anywhere}.reading-content p{margin:0 0 1em;text-indent:2em}.reading-content img{max-width:100%;height:auto}.reader-shell .row-reader{margin-top:15px}.reader-shell .row-reader .layout{float:none;width:100%}
.night{--paper:#1c262d;--q-bg:#1c262d;--muted:#acbcc4}.night body,.night .layout,.night .panel,.night .reader-main{background:#1c262d;color:#ccd7dc}.night a{color:#a3d5e5}.night .layout-tit,.night .reader-topbar,.night .section-heading,.night .topbar,.night .read-nav a,.night .read-nav button,.night .read-nav>span{background:#293b45;color:#d0dce4}.night .reading-meta,.night .reader-book{color:#acbcc4}.eye-care{--q-bg:#dcebd4}.eye-care .reader-main{background:#dcebd4}
.account-panel{max-width:440px;margin:25px auto;padding:25px}.account-panel h1{font-size:24px;margin-bottom:10px}.account-form{display:grid;gap:9px;margin-top:20px;font-size:14px}.account-form button{margin-top:10px}.account-switch{margin-top:20px;text-align:center}.form-error{color:#a32d24;background:#fff0ed;padding:12px;margin-top:10px}.shelf-list li,.history-entry{display:flex;align-items:center;gap:15px;padding:18px;border-bottom:1px dashed #a6d3e8}.library-cover{flex:0 0 72px}.library-cover img{width:72px;height:98px;object-fit:cover}.library-copy{min-width:0;flex:1;overflow-wrap:anywhere}.library-title{font-size:17px;margin-bottom:8px}.library-author,.shelf-meta,.history-chapter{font-size:13px;margin:5px 0;color:#66777d}.shelf-continue{display:block;margin-top:8px;color:#085308}.library-action{flex:none}.history-entry>a:last-child{white-space:nowrap}.logout{text-align:right;padding:15px}
.td-modal-overlay{position:fixed;inset:0;background:#0006;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.td-modal{background:#e9faff;color:#333;border:2px solid #88c6e5;width:min(100%,420px);padding:24px;box-shadow:0 10px 40px #0003;line-height:1.8}.td-modal h2{font-size:20px}.td-modal p{font-size:14px;margin:14px 0;overflow-wrap:anywhere}.td-modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-open{overflow:hidden}#td-notice:not(:empty){position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 20px;background:#263c45;color:white;z-index:999;text-align:center;font-size:14px}
.client-message{max-width:700px;margin:40px auto;padding:25px;text-align:center;font-size:16px}.client-message a{margin:10px}.footer{clear:both;line-height:2;text-align:center;padding:20px 10px}body{padding-top:var(--td-float-top,0px);padding-bottom:var(--td-float-bottom,0px)}
@media(max-width:1024px){.nav{display:none}.category-grid{grid-template-columns:1fr}.catalog-book-links{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{margin:10px 0}.section-heading{padding:10px}.actions{padding:12px;display:grid;grid-template-columns:1fr 1fr}.actions>*{text-align:center}.actions button{width:100%}.reader-topbar{gap:8px;padding:10px 6px}.reader-topbar button{padding:5px 10px}.reader-main .content{font-size:var(--read-font);width:92%}.read-nav{gap:5px;padding:4px 6px;font-size:13px}.read-nav a,.read-nav button,.read-nav>span{padding:6px 2px}.catalog-pagination{gap:5px;padding:10px 6px}.catalog-pagination a,.catalog-pagination>.disabled{padding:7px 5px;font-size:12px}.catalog-page-form select{width:100%;font-size:12px}.report-box{margin:12px}.account-panel{margin:18px auto;width:calc(100% - 20px)}.shelf-list li,.history-entry{gap:10px;padding:12px 8px;flex-wrap:wrap}.library-copy{flex:1 1 160px}.library-cover,.library-cover img{width:60px;flex-basis:60px}.library-cover img{height:82px}.library-title{font-size:15px}.review-disclosure{font-size:11px}.header .logo a{max-width:calc(100vw - 65px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.section-heading h1,.section-heading h2{font-size:17px}}
.td-ad{box-sizing:border-box;position:relative;margin:16px auto;padding:22px 12px 12px;text-align:center;border:1px solid var(--line,#cee0e5);border-radius:4px;overflow:hidden;font-size:15px;line-height:1.5}
.td-ad-label{position:absolute;top:3px;right:8px;font-size:11px;color:var(--muted,#66828b)}
.td-ad img{display:block;max-width:100%;height:auto;margin:auto}.td-ad iframe{display:block;width:100%;border:0}.td-ad a{display:inline-block;max-width:100%}
.td-ad-mobile{display:none}@media(max-width:720px){.td-ad-mobile{display:block}.td-ad-desktop{display:none}.td-ad{margin:12px auto}}
.td-ad-member-hint{display:block;width:fit-content;margin:0 auto 8px;font-size:12px;line-height:1.6;color:var(--muted,#657c83);text-decoration:underline;text-underline-offset:3px}
.td-ad.td-ad-floating{position:fixed;z-index:80;left:50%;transform:translateX(-50%);width:min(100%,960px);margin:0;padding:0 10px;background:var(--paper);box-shadow:0 2px 14px #0002;border-radius:0;max-height:35vh;overflow:hidden}
.td-ad-floating[data-td-ad-float="top"]{top:0;padding-top:env(safe-area-inset-top,0px)}
.td-ad-floating[data-td-ad-float="bottom"]{bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}
.td-ad-floating[hidden]{display:none!important}
.td-ad-float-bar{display:flex;align-items:center;justify-content:space-between;min-height:36px;font-size:11px;color:var(--muted)}
.td-ad-floating .td-ad-close{min-height:36px;min-width:64px;padding:4px 10px;font-size:13px;border:0;border-radius:0}
.td-ad-float-content{position:relative;max-height:min(var(--td-ad-height,120px),25vh);overflow:auto;overscroll-behavior:contain}
.td-ad-float-content img{max-height:min(var(--td-ad-height,120px),25vh);object-fit:contain}
.td-ad-float-content iframe{height:min(var(--td-ad-height,120px),25vh)}
.td-ad[data-ad-pending="1"]{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
.td-ad[data-ad-pending="1"][data-ad-settled="1"]{height:0!important;max-height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
.td-ad[data-ad-pending="1"]>.td-ad-label,.td-ad[data-ad-pending="1"]>.td-ad-member-hint,.td-ad[data-ad-pending="1"] .td-ad-float-bar,.td-ad[data-ad-pending="1"] .td-ad-member-hint{display:none!important}
.td-ad[hidden]{display:none!important}
.td-ad[data-ad-pending="2"]{padding:0;border:0;box-shadow:none}
.td-ad[data-ad-pending="2"] .td-ad-label,.td-ad[data-ad-pending="2"] .td-ad-member-hint{display:none!important}

/* Keep category columns aligned when a category is empty or the count changes. */
.q-home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.q-home-categories:before,.q-home-categories:after{display:none}.q-home-categories .tp-box{width:auto;float:none}.q-home-categories .tp-box li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-ad:not(.td-ad-floating){max-width:1024px}.nav li a{padding:0 7px}
@media(max-width:1024px){.q-home-categories{grid-template-columns:1fr}.q-home-categories .tp-box{width:100%}.td-ad:not(.td-ad-floating){max-width:100%}}

/* Retain the original qula style1 reader paragraph proportions and spacing. */
.reader-main .content{width:95%;color:var(--q-ink,inherit)}.reader-main .content p{padding:8px 0;letter-spacing:.2em;text-indent:2em;line-height:200%;width:98%;margin:auto}
@media(max-width:1024px){.reader-main .title{padding:20px 10px 10px}.reader-main .content{width:100%;padding:10px}}

/* Mobile account links and inline word images, compatible with dynamic chapters. */
.header .m-user{white-space:nowrap;font-size:13px}.header .m-user a{display:inline-block;padding:4px 2px}.header .m-user span{color:#fff}
.reader-main .content img.q-word-image{display:inline-block!important;height:1em!important;width:auto!important;max-width:none;vertical-align:-.15em;margin:0 .08em;object-fit:contain}
.night .reader-main .content img.q-word-image{filter:invert(.85)}
@media(max-width:1024px){.header .logo a{max-width:calc(100vw - 110px)}}

/* qula layout fixes: contain floated book details before the action row. */
.detail-box{display:flow-root}.q-book-actions{clear:both;width:100%;box-sizing:border-box;justify-content:flex-start}.q-book-actions>*{flex:0 0 auto;white-space:nowrap}.q-book-actions button,.q-book-actions a{white-space:nowrap}
.reader-topbar{justify-content:space-between}.q-reader-selects{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.q-reader-selects label{display:flex;align-items:center;gap:5px;white-space:nowrap}.reader-topbar .reader-quick-actions{margin-left:auto;flex-shrink:0}
@media(max-width:1024px){
 .m-nav{clear:both;width:100%;box-sizing:border-box;display:flex;padding:0;float:none}.m-nav li{float:none;flex:1 1 0;min-width:0}.m-nav li a{display:block;width:100%;white-space:nowrap}
 .q-book-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.q-book-actions>*{min-width:0}.q-book-actions form{display:block}
 .reader-topbar{align-items:center;gap:8px}.q-reader-selects{gap:8px;flex:1 1 100%}.q-reader-selects label{flex:1 1 calc(50% - 8px)}.q-reader-selects select{flex:1;min-width:0}.reader-topbar .reader-quick-actions{justify-content:flex-end}
}

/* R4: six compact controls occupy one row, including at 320px. */
.reader-topbar [aria-pressed="true"]{background:#c9dfc3;border-color:#739869;box-shadow:inset 0 0 0 1px #739869}
.footer .q-language-toggle{border:0;background:none;box-shadow:none;padding:0;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer}
.footer .q-language-toggle:hover{text-decoration:underline}
@media(max-width:1024px){
 .reader-topbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 38px 38px;gap:4px;padding:8px 6px;box-sizing:border-box}
 .reader-topbar .q-reader-selects,.reader-topbar .reader-quick-actions{display:contents}
 .reader-topbar .q-reader-selects label{display:block;min-width:0}
 .reader-topbar select,.reader-topbar button{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:34px;margin:0;padding:2px;font-size:12px;line-height:normal;white-space:nowrap}
 .reader-topbar select{padding-right:0}
}

/* R7: mobile footer navigation stays on a single row; desktop keeps copyright only. */
.footer .q-footer-links{display:none}
.footer .q-footer-links>a,.footer .q-footer-links>button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;min-width:0;padding:6px 1px;border:1px solid #88c6e5;border-radius:2px;background:#e1eced;color:#085308;font-size:14px;line-height:1.5;white-space:nowrap;text-decoration:none}
.footer .q-footer-links>a:hover,.footer .q-footer-links>button:hover{background:#d2e9f1}
.night .footer .q-footer-links>a,.night .footer .q-footer-links>button{background:#293b45;border-color:#58717e;color:#d0dce4}
@media(max-width:1024px){
 .footer .q-footer-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0 auto 12px}
 .header .m-user{display:flex;align-items:center;height:54px;line-height:normal}
 .header .m-user a{padding:0 2px;line-height:1.5}
}