@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=ZCOOL+XiaoWei&family=Ma+Shan+Zheng&family=Nunito:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,600&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap";.uqp-overlay[data-v-457e3c0b]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:140;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.uqp-card[data-v-457e3c0b]{width:380px;max-width:calc(100% - 32px);border-radius:var(--radius-xl, 30px);background:var(--bg-card, #FFFCFA);box-shadow:var(--shadow-hover, 0 20px 60px rgba(0,0,0,.15));padding:25px}.uqp-hint[data-v-457e3c0b]{font-size:13px;color:var(--text-secondary, #9E948F);text-align:center;padding:20px}.uqp-hint.error[data-v-457e3c0b]{color:#a85751}.uqp-header[data-v-457e3c0b]{display:flex;gap:15px;align-items:center}.uqp-avatar[data-v-457e3c0b]{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--morandi-clay, #D4A373),#C49A6C);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:700;overflow:hidden;box-shadow:0 4px 15px #d4a3734d}.uqp-avatar img[data-v-457e3c0b]{width:100%;height:100%;object-fit:cover}.uqp-main[data-v-457e3c0b]{flex:1;min-width:0}.uqp-name-row[data-v-457e3c0b]{display:flex;align-items:baseline;gap:8px}.uqp-name[data-v-457e3c0b]{font-size:18px;font-weight:600;font-family:"Noto Serif SC",serif;color:var(--text-primary, #5C5552)}.uqp-username[data-v-457e3c0b]{font-size:12px;color:var(--text-secondary, #9E948F)}.uqp-bio[data-v-457e3c0b]{margin:6px 0 0;font-size:13px;color:var(--text-secondary, #9E948F);line-height:1.5}.uqp-stats[data-v-457e3c0b]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metric[data-v-457e3c0b]{padding:12px 14px;border-radius:var(--radius-md, 12px);background:var(--bg-main, #F4F1EE)}.metric .label[data-v-457e3c0b]{font-size:11px;color:var(--text-secondary, #9E948F)}.metric .value[data-v-457e3c0b]{margin-top:6px;font-size:16px;font-weight:700;color:var(--text-primary, #5C5552)}.uqp-actions[data-v-457e3c0b]{display:flex;justify-content:flex-end;gap:10px}.pill[data-v-457e3c0b]{padding:10px 18px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pill.primary[data-v-457e3c0b]{background:linear-gradient(135deg,var(--morandi-clay, #D4A373),#C49A6C);color:#fff;box-shadow:0 4px 15px #d4a3734d}.pill.primary[data-v-457e3c0b]:hover{transform:translateY(-2px)}.pill.ghost[data-v-457e3c0b]{background:var(--bg-main, #F4F1EE);color:var(--text-secondary, #9E948F)}.pill.ghost[data-v-457e3c0b]:hover{background:var(--morandi-pink, #EEDAD1);color:var(--text-primary, #5C5552)}.pill.subtle.small[data-v-457e3c0b]{padding:8px 14px;font-size:12px}.search-overlay[data-v-c0ff4a09]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.search-modal[data-v-c0ff4a09]{width:100%;max-width:600px;background:var(--bg-card, #FFFCFA);border-radius:var(--radius-xl, 30px);box-shadow:var(--shadow-hover, 0 20px 60px rgba(0,0,0,.15));overflow:hidden}.search-header[data-v-c0ff4a09]{display:flex;align-items:center;gap:14px;padding:20px 25px;border-bottom:1px solid rgba(0,0,0,.06)}.search-icon[data-v-c0ff4a09]{font-size:20px;opacity:.7}.search-input[data-v-c0ff4a09]{flex:1;background:transparent;border:none;font-size:18px;color:var(--text-primary, #5C5552);outline:none}.search-input[data-v-c0ff4a09]::placeholder{color:var(--text-light, #B8ADA8)}.search-shortcut[data-v-c0ff4a09]{padding:5px 10px;background:var(--bg-main, #F4F1EE);border-radius:8px;font-size:12px;color:var(--text-secondary, #9E948F);font-family:monospace}.search-loading[data-v-c0ff4a09]{display:flex;align-items:center;justify-content:center;gap:12px;padding:50px;color:var(--text-secondary, #9E948F)}.spinner[data-v-c0ff4a09]{width:22px;height:22px;border:2px solid rgba(212,163,115,.3);border-top-color:var(--morandi-clay, #D4A373);border-radius:50%;animation:spin-c0ff4a09 .8s linear infinite}@keyframes spin-c0ff4a09{to{transform:rotate(360deg)}}.search-results[data-v-c0ff4a09]{max-height:400px;overflow-y:auto;padding:10px}.result-section[data-v-c0ff4a09]{margin-bottom:10px}.section-title[data-v-c0ff4a09]{font-size:11px;color:var(--text-secondary, #9E948F);padding:10px 14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.result-item[data-v-c0ff4a09]{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-md, 12px);cursor:pointer;transition:background .2s ease}.result-item[data-v-c0ff4a09]:hover,.result-item.focused[data-v-c0ff4a09]{background:var(--morandi-pink, #EEDAD1)}.result-icon[data-v-c0ff4a09]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-main, #F4F1EE);border-radius:var(--radius-md, 12px);font-size:20px}.result-avatar[data-v-c0ff4a09]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--morandi-clay, #D4A373),#C49A6C);border-radius:50%;font-size:16px;font-weight:700;color:#fff}.result-info[data-v-c0ff4a09]{flex:1;min-width:0}.result-title[data-v-c0ff4a09]{font-size:14px;font-weight:600;color:var(--text-primary, #5C5552);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta[data-v-c0ff4a09]{font-size:12px;color:var(--text-secondary, #9E948F);margin-top:4px}.search-empty[data-v-c0ff4a09]{text-align:center;padding:50px}.empty-icon[data-v-c0ff4a09]{font-size:48px;opacity:.4;margin-bottom:15px}.empty-text[data-v-c0ff4a09]{font-size:16px;font-family:"Noto Serif SC",serif;color:var(--text-primary, #5C5552)}.empty-hint[data-v-c0ff4a09]{font-size:13px;color:var(--text-secondary, #9E948F);margin-top:6px}.search-hints[data-v-c0ff4a09]{padding:20px}.hint-title[data-v-c0ff4a09]{font-size:11px;color:var(--text-secondary, #9E948F);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.hint-items[data-v-c0ff4a09]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.hint-item[data-v-c0ff4a09]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;background:var(--bg-main, #F4F1EE);border-radius:var(--radius-md, 12px);cursor:pointer;transition:all .2s ease}.hint-item[data-v-c0ff4a09]:hover{background:var(--morandi-pink, #EEDAD1);transform:translateY(-3px)}.hint-icon[data-v-c0ff4a09]{font-size:26px}.hint-item span[data-v-c0ff4a09]:last-child{font-size:12px;color:var(--text-secondary, #9E948F);font-weight:600}.search-footer[data-v-c0ff4a09]{display:flex;justify-content:center;gap:24px;padding:15px;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:var(--text-light, #B8ADA8)}.search-footer kbd[data-v-c0ff4a09]{display:inline-block;padding:3px 8px;background:var(--bg-main, #F4F1EE);border-radius:6px;font-family:monospace;margin-right:4px;color:var(--text-secondary, #9E948F)}.search-fade-enter-active[data-v-c0ff4a09],.search-fade-leave-active[data-v-c0ff4a09]{transition:opacity .25s ease}.search-fade-enter-active .search-modal[data-v-c0ff4a09],.search-fade-leave-active .search-modal[data-v-c0ff4a09]{transition:transform .25s ease,opacity .25s ease}.search-fade-enter-from[data-v-c0ff4a09],.search-fade-leave-to[data-v-c0ff4a09]{opacity:0}.search-fade-enter-from .search-modal[data-v-c0ff4a09],.search-fade-leave-to .search-modal[data-v-c0ff4a09]{transform:scale(.95) translateY(-20px);opacity:0}:root{--bg-main: #F4F1EE;--bg-sidebar: #FAF8F6;--bg-card: #FFFCFA;--bg-overlay: rgba(244, 241, 238, .95);--bg-paper: #FBF9F7;--text-primary: #4A4540;--text-secondary: #7A7168;--text-muted: #8B8178;--text-light: #A89F96;--morandi-pink: #EEDAD1;--morandi-blue: #C3CED1;--morandi-green: #CCD5AE;--morandi-clay: #D4A373;--morandi-purple: #D5C6E0;--morandi-yellow: #F2E8CF;--morandi-brown: #8B7355;--morandi-khaki: #C4B7A6;--morandi-tan: #D2B48C;--ink-dark: #3D3833;--ink-medium: #5C5552;--shadow-soft: 0 8px 24px rgba(139, 115, 85, .08);--shadow-hover: 0 12px 32px rgba(139, 115, 85, .12);--shadow-card: 0 4px 16px rgba(139, 115, 85, .06);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-elegant: "Cormorant Garamond", "Noto Serif SC", serif;--font-sans: "Nunito", "PingFang SC", sans-serif}[data-theme=dark]{--bg-main: #2C2926;--bg-sidebar: #252220;--bg-card: #343130;--bg-overlay: rgba(44, 41, 38, .95);--bg-paper: #3A3633;--text-primary: #F0ECE8;--text-secondary: #C8BDB8;--text-muted: #A8A098;--text-light: #8A8278;--morandi-pink: #5A4A44;--morandi-blue: #4A5558;--morandi-green: #4A5040;--morandi-clay: #C89A6A;--morandi-yellow: #4A4538;--morandi-khaki: #5A5248;--morandi-brown: #C8A890;--ink-dark: #F0ECE8;--ink-medium: #E0D8D0;--line-color: #4A4540;--shadow-soft: 0 8px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .4);--shadow-card: 0 4px 16px rgba(0, 0, 0, .2)}[data-theme=dark] .main-content{background-color:#2c2926!important;color:#f0ece8!important}[data-theme=dark] .sidebar,[data-theme=dark] .right-panel{background-color:#252220!important}[data-theme=dark] body{background-color:#2c2926!important;color:#f0ece8!important}[data-theme=dark] .app-container{background-color:#2c2926!important}[data-theme=dark] .main-content,[data-theme=dark] .page-content{--bg-main: #2C2926;--bg-card: #343130;--bg-paper: #3A3633;--text-primary: #F0ECE8;--text-secondary: #C8BDB8;--text-muted: #A8A098}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--ink-dark)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] .hero,[data-theme=dark] .hero-card{background:var(--bg-card)!important}[data-theme=dark] .card,[data-theme=dark] .widget-box,[data-theme=dark] .profile-card{background:var(--bg-card)}[data-theme=dark] .stat{background:#ffffff14!important}[data-theme=dark] .hero-stats .value{color:var(--text-primary)}[data-theme=dark] .cat-chip,[data-theme=dark] .tab-btn,[data-theme=dark] .filter-btn{background:var(--bg-card);color:var(--text-secondary)}[data-theme=dark] .cat-chip.active,[data-theme=dark] .tab-btn.active{background:var(--morandi-clay);color:#fff}[data-theme=dark] .book-card{background:var(--bg-card)}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-secondary{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-paper);color:var(--text-primary);border-color:var(--line-color)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .metric{background:var(--bg-paper)!important}[data-theme=dark] .metric .label{color:var(--text-secondary)!important}[data-theme=dark] .metric .value{color:var(--text-primary)!important}[data-theme=dark] .grid{color:var(--text-primary)}[data-theme=dark] .hint{background:var(--bg-card);color:var(--text-secondary)}[data-theme=dark] .history-row{background:var(--bg-paper)}[data-theme=dark] .history-row .title,[data-theme=dark] .history-row .meta,[data-theme=dark] .cat-row .name,[data-theme=dark] .cat-row .value{color:var(--text-primary)}[data-theme=dark] .achievement{background:var(--bg-card)}[data-theme=dark] .badge-name,[data-theme=dark] .badge-desc{color:var(--text-primary)}[data-theme=dark] .form-row label{color:var(--text-secondary)}[data-theme=dark] .tip-note{background:var(--bg-paper);color:var(--text-primary)}[data-theme=dark] .reading-detail-hint{background:var(--bg-paper);color:var(--text-secondary)}[data-theme=eye-care]{--bg-main: #E8EDDF;--bg-sidebar: #E0E5D6;--bg-card: #F0F4E8;--bg-overlay: rgba(232, 237, 223, .95);--bg-paper: #E5EAD8;--text-primary: #4A4A40;--text-secondary: #6A6A5A;--text-muted: #7A7A6A;--text-light: #8A8A7A;--morandi-pink: #D8D0C8;--morandi-blue: #C8D0D0;--morandi-green: #B8C8A8;--morandi-clay: #C4A080;--morandi-yellow: #E8E0C8;--morandi-khaki: #C8C0B0;--morandi-brown: #8A7A60;--ink-dark: #4A4A40;--ink-medium: #5A5A50;--line-color: #D0D8C8}[data-theme=eye-care] .main-content{background:var(--bg-main)!important}[data-theme=eye-care] .sidebar,[data-theme=eye-care] .right-panel{background:var(--bg-sidebar)!important}[data-theme=eye-care] body,[data-theme=eye-care] .app-container{background:var(--bg-main)!important}[data-theme=dark] .sidebar,[data-theme=dark] .main-content,[data-theme=dark] .right-panel{color:var(--text-primary)}[data-theme=dark] .sidebar-card,[data-theme=dark] .composer,[data-theme=dark] .composer-toggle,[data-theme=dark] .post-card,[data-theme=dark] .topic-list li{background:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .topic-list li:hover{background:var(--bg-paper)}[data-theme=dark] .topic-list li.active{background:var(--morandi-clay);color:#fff}[data-theme=dark] .hero,[data-theme=dark] .hero-card,[data-theme=dark] .announcement-bar{background:var(--bg-card)!important}[data-theme=dark] .stat{background:var(--bg-paper)!important}[data-theme=dark] .eyebrow,[data-theme=dark] .label,[data-theme=dark] .meta{color:var(--text-secondary)}[data-theme=dark] .value,[data-theme=dark] .sidebar-card h4,[data-theme=dark] .card-header h3{color:var(--text-primary)}[data-theme=dark] .sidebar-card p,[data-theme=dark] .card-header p,[data-theme=dark] .topic-list li{color:var(--text-secondary)}[data-theme=dark] .post-card .author,[data-theme=dark] .post-card .time,[data-theme=dark] .post-card .content{color:var(--text-primary)}[data-theme=dark] .post-card .tag{background:var(--bg-paper);color:var(--text-secondary)}[data-theme=dark] .ranking-item .rank-num,[data-theme=dark] .ranking-item .rank-title{color:var(--text-primary)}[data-theme=dark] .ranking-item .rank-link{color:var(--morandi-clay)}[data-theme=dark] .list-pane,[data-theme=dark] .detail-card,[data-theme=dark] .create-dialog{background:var(--bg-card)!important}[data-theme=dark] .list-item{background:var(--bg-paper)!important}[data-theme=dark] .list-item:hover,[data-theme=dark] .list-item.active{background:var(--morandi-clay)!important}[data-theme=dark] .tab-bar,[data-theme=dark] .list-owner,[data-theme=dark] .item-row,[data-theme=dark] .comment-item{background:var(--bg-paper)!important}[data-theme=dark] .empty-hint{background:var(--bg-card)!important;color:var(--text-secondary)!important}[data-theme=dark] .form-input,[data-theme=dark] .dialog-input{background:var(--bg-paper)!important;color:var(--text-primary)!important;border-color:var(--line-color)!important}[data-theme=dark] .cancel-btn{background:var(--bg-paper)!important;color:var(--text-secondary)!important}[data-theme=dark] .pill,[data-theme=dark] .mini,[data-theme=dark] .ghost-pill,[data-theme=dark] .action-btn,[data-theme=dark] .share-btn,[data-theme=dark] .reply-btn{background:#4a4540!important;color:#f0ece8!important;border-color:#5a5550!important}[data-theme=dark] .detail-meta-row .mini,[data-theme=dark] .item .mini,[data-theme=dark] .fav-count{background:#4a4540!important;color:#f0ece8!important}[data-theme=dark] .detail-meta-row span{color:#c8bdb8!important}[data-theme=dark] .poll-tabs .tab,[data-theme=dark] .remove-opt,[data-theme=dark] .add-opt,[data-theme=dark] .checkbox-row label,[data-theme=dark] .poll-create-form .form-row label{color:#f0ece8!important}[data-theme=dark] .pill.subtle,[data-theme=dark] .pill.ghost{background:var(--bg-paper)!important;color:#f0ece8!important}[data-theme=dark] .detail-meta-row .pill,[data-theme=dark] .item-row .mini,[data-theme=dark] .comment-reply-btn{background:#5a4a44!important;color:#f0ece8!important}[data-theme=dark] .detail-card .pill,[data-theme=dark] .share-group-item,[data-theme=dark] .booklist-card{background:var(--bg-paper)!important;color:#f0ece8!important}[data-theme=dark] .item-title,[data-theme=dark] .item-meta,[data-theme=dark] .item-note,[data-theme=dark] .book-title,[data-theme=dark] .booklist-title,[data-theme=dark] .list-title,[data-theme=dark] .list-meta,[data-theme=dark] .owner-name,[data-theme=dark] .detail-card h2,[data-theme=dark] .detail-card .desc,[data-theme=dark] .detail-card .sub,[data-theme=dark] .list-item .list-title{color:#f0ece8!important}[data-theme=dark] .list-item .list-meta{color:#c8bdb8!important}[data-theme=dark] .item-row,[data-theme=dark] .items .item{background:#3a3633!important;border-color:#4a4540!important}[data-theme=dark] .remove-btn,[data-theme=dark] .submit-btn,[data-theme=dark] .comment-submit{background:var(--morandi-clay)!important;color:#fff!important}[data-theme=dark] .chat-actions .pill,[data-theme=dark] .group-actions .pill,[data-theme=dark] .header-actions .pill,[data-theme=dark] .chat-header-actions .pill,[data-theme=dark] .pill.ghost.subtle.small,[data-theme=dark] .pill.ghost.subtle{background:#4a4540!important;color:#f0ece8!important;border-color:#5a5550!important}[data-theme=dark] .morandi-pink,[data-theme=dark] .morandi-yellow,[data-theme=dark] [style*="background: var(--morandi-pink)"],[data-theme=dark] [style*="background: var(--morandi-yellow)"]{color:#3d3833!important}[data-theme=dark] .tabs button,[data-theme=dark] .tab-bar button{color:#c8bdb8!important}[data-theme=dark] .tabs button.active,[data-theme=dark] .tab-bar button.active{background:var(--morandi-clay)!important;color:#fff!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#8a8278!important}[data-theme=dark] .comment-input,[data-theme=dark] .reply-input{background:var(--bg-paper)!important;color:#f0ece8!important;border-color:var(--line-color)!important}[data-theme=dark] .comment-author,[data-theme=dark] .comment-content,[data-theme=dark] .comment-time{color:#c8bdb8!important}[data-theme=dark] .chat-announcement{background:var(--bg-paper)!important;color:#f0ece8!important}[data-theme=dark] .msg-bubble.mine{background:var(--morandi-clay)!important;color:#fff!important}[data-theme=dark] .msg-bubble:not(.mine){background:var(--bg-paper)!important;color:#f0ece8!important}[data-theme=dark] .comments-section,[data-theme=dark] .comment-item{background:#3a3633!important}[data-theme=dark] .comment-item .comment-author{color:#f0ece8!important}[data-theme=dark] .comment-item .comment-content{color:#c8bdb8!important}[data-theme=dark] .comment-item .comment-time{color:#8a8278!important}[data-theme=dark] .comments-section button,[data-theme=dark] .comment-form button{background:#c89a6a!important;color:#fff!important}[data-theme=dark] .comments-section textarea,[data-theme=dark] .comment-form textarea,[data-theme=dark] .comment-input-area textarea,[data-theme=dark] .announcement-textarea{background:#343130!important;color:#f0ece8!important;border-color:#4a4540!important}[data-theme=dark] .members-panel,[data-theme=dark] .settings-panel{background:#2c2926!important}[data-theme=dark] .member-item,[data-theme=dark] .setting-item{background:#3a3633!important;color:#f0ece8!important}[data-theme=dark] .member-name,[data-theme=dark] .member-role{color:#f0ece8!important}[data-theme=dark] .poll-dialog .poll-body{background:#2c2926!important}[data-theme=dark] .poll-item{background:#3a3633!important}[data-theme=dark] .poll-question,[data-theme=dark] .poll-creator,[data-theme=dark] .poll-result-label{color:#f0ece8!important}[data-theme=dark] .poll-time,[data-theme=dark] .poll-meta-info{color:#8a8278!important}[data-theme=dark] .poll-vote-option{background:#3a3633!important;color:#f0ece8!important;border-color:#4a4540!important}[data-theme=dark] .poll-vote-option:hover{background:#4a4540!important}[data-theme=eye-care] .sidebar,[data-theme=eye-care] .main-content,[data-theme=eye-care] .right-panel{color:var(--text-primary)}[data-theme=eye-care] .sidebar-card,[data-theme=eye-care] .composer,[data-theme=eye-care] .post-card{background:var(--bg-card)}[data-theme=eye-care] .hero,[data-theme=eye-care] .hero-card{background:var(--morandi-pink)!important}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);height:100vh;overflow:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;color:var(--ink-dark)}h1{font-size:28px;line-height:1.3}h2{font-size:22px;line-height:1.35}h3{font-size:18px;line-height:1.4}p{line-height:1.75;color:var(--text-secondary)}.app-container{width:100%;height:100vh;display:grid;grid-template-columns:260px 1fr auto}.sidebar{padding:30px 20px;background:var(--bg-sidebar);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.brand{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--ink-dark);margin-bottom:35px;display:flex;align-items:center;gap:14px;padding:0 10px;cursor:pointer;letter-spacing:.03em}.brand-icon{width:42px;height:42px;background:var(--morandi-clay);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 3px 10px #d4a3734d}.nav-group{margin-bottom:25px}.nav-title{font-size:11px;color:var(--morandi-clay);margin-bottom:12px;letter-spacing:2px;font-weight:700;padding-left:15px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition);margin-bottom:4px;font-weight:600;font-size:14px;position:relative;cursor:pointer}.nav-item i{width:20px;text-align:center}.nav-item.active{background-color:var(--morandi-pink);color:var(--text-primary)}.nav-item:hover:not(.active){background-color:#eedad14d;color:var(--text-primary)}.nav-badge{position:absolute;right:12px;background:var(--morandi-clay);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:700}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(0,0,0,.05)}.theme-switcher{display:flex;gap:8px;padding:10px 15px;margin-bottom:10px}.theme-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:var(--transition)}.theme-btn:hover{transform:scale(1.1)}.theme-btn.active{border-color:var(--morandi-clay)}.theme-btn.light{background:#f4f1ee}.theme-btn.dark{background:#2c2926}.theme-btn.eye-care{background:#e8eddf}.main-content{padding:25px 40px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--morandi-pink) transparent;background:var(--bg-main)}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:var(--morandi-pink);border-radius:3px}.main-content.no-shell{padding:0;grid-column:1 / -1}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.search-box{background:var(--bg-card);border-radius:50px;padding:12px 20px;flex:1;max-width:400px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-soft);cursor:pointer;transition:var(--transition)}.search-box:hover{box-shadow:var(--shadow-hover)}.header-spacer{flex:1}.search-box input{border:none;outline:none;background:transparent;width:100%;color:var(--text-secondary);font-family:inherit;cursor:pointer}.header-actions{display:flex;align-items:center;gap:15px}.header-btn{width:42px;height:42px;border-radius:50%;background:var(--bg-card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition);position:relative;box-shadow:var(--shadow-soft)}.header-btn:hover{background:var(--morandi-pink);color:var(--text-primary)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--morandi-clay);border-radius:50%}.mobile-menu-btn{display:none;width:42px;height:42px;border-radius:50%;background:var(--bg-card);border:none;cursor:pointer;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:var(--shadow-soft)}.page-content{min-height:calc(100vh - 120px)}.right-panel{padding:25px 20px;background:var(--bg-sidebar);display:flex;flex-direction:column;gap:20px;overflow-y:auto;scrollbar-width:none;width:320px;transition:width .35s ease,padding .35s ease,opacity .35s ease}.right-panel.collapsed{width:0;padding:25px 0;opacity:0;overflow:hidden;pointer-events:none}.right-panel::-webkit-scrollbar{display:none}.profile-card{background:var(--bg-card);padding:20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);cursor:pointer;transition:var(--transition)}.profile-card:hover{box-shadow:var(--shadow-hover)}.avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid var(--morandi-pink);margin:0 auto 15px}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--morandi-clay),var(--morandi-pink));color:#fff;font-size:24px;font-weight:700}.user-info{text-align:center}.user-name{font-weight:700;font-size:16px;margin-bottom:4px}.user-level{font-size:12px;color:var(--text-secondary);margin-bottom:15px}.user-stats{display:flex;justify-content:center;gap:25px}.stat-item{text-align:center}.stat-num{font-weight:700;font-size:18px;color:var(--morandi-clay)}.stat-label{font-size:11px;color:var(--text-secondary)}.widget-box{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-soft)}.widget-box.green-theme{background:linear-gradient(135deg,var(--morandi-green),#D8E2B8);color:#4a4a40}.widget-box.blue-theme{background:linear-gradient(135deg,var(--morandi-blue),#D4DFE2);color:#4a5055}.widget-box.pink-theme{background:linear-gradient(135deg,var(--morandi-pink),#F5E6DF);color:#5c4a44}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.widget-title{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.9}.widget-action{font-size:11px;color:inherit;opacity:.7;cursor:pointer;text-decoration:none}.widget-action:hover{opacity:1}.quote-content{font-family:"Noto Serif SC",serif;font-size:16px;line-height:1.7;margin-bottom:12px}.quote-author{font-size:12px;text-align:right;opacity:.7}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:#ffffff80;padding:15px;border-radius:var(--radius-md);text-align:center}.stat-card i{font-size:20px;margin-bottom:8px;opacity:.7}.stat-card .value{font-size:20px;font-weight:700;margin-bottom:2px}.stat-card .label{font-size:11px;opacity:.7}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 10px;background:var(--bg-card);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--text-secondary);font-family:inherit}.quick-action-btn:hover{background:var(--morandi-pink);color:var(--text-primary)}.quick-action-btn i{font-size:18px}.quick-action-btn span{font-size:11px;font-weight:600}.route-wrapper{min-height:100%}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .25s ease}.route-fade-enter-from,.route-fade-leave-to{opacity:0}.btn-primary{background:#fff;color:#4a403a;padding:12px 28px;border-radius:25px;border:none;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #00000014;transition:var(--transition);font-family:inherit;font-size:14px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:#ffffff80;color:#4a403a;padding:12px 28px;border-radius:25px;border:none;font-weight:600;cursor:pointer;transition:var(--transition);font-family:inherit;font-size:14px}.btn-secondary:hover{background:#fffc}.cat-chip{padding:8px 20px;border-radius:20px;background:var(--bg-card);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition);border:none;font-family:inherit;font-weight:600}.cat-chip:hover{background:#eedad180}.cat-chip.active{background:var(--morandi-pink);color:var(--text-primary)}@media (max-width: 1200px){.app-container{grid-template-columns:220px 1fr 280px}}@media (max-width: 1024px){.app-container{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;top:0;height:100vh;z-index:1000;transition:left .3s ease;width:260px}.sidebar.active{left:0}.right-panel{display:none}.mobile-menu-btn{display:flex}}@media (max-width: 768px){.main-content{padding:20px}.header-bar{flex-wrap:wrap}.search-box{order:3;max-width:100%;flex:1 1 100%}}:root{--morandi-pink: #EEDAD1;--morandi-clay: #D4A373;--morandi-blue: #C3CED1;--morandi-green: #CCD5AE;--morandi-yellow: #F2E8CF;--bg-main: #F4F1EE;--bg-card: #FFFCFA;--bg-paper: #FAF8F5;--page-bg: #F4F1EE;--card-bg: #FFFCFA;--text-primary: #5C5552;--text-secondary: #9E948F;--text-light: #B8ADA8;--text-main: #5C5552;--text-muted: #9E948F;--primary: #D4A373;--primary-soft: rgba(212, 163, 115, .15);--border-soft: rgba(0, 0, 0, .06);--line-color: #E5DFD8;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-card: 20px;--radius-pill: 999px;--shadow-soft: 0 4px 20px rgba(0, 0, 0, .04);--shadow-hover: 0 8px 30px rgba(0, 0, 0, .08);--transition: all .25s ease;--reader-bg: #FAF8F5;--reader-card: #FFFCFA;--reader-text: #5C5552}html.theme-dark{--page-bg: #1e2a38;--card-bg: rgba(18, 28, 40, .96);--border-soft: rgba(200, 208, 216, .35);--text-main: #c8d0d8;--text-muted: rgba(200, 208, 216, .75);--reader-bg: #111827;--reader-card: rgba(15, 23, 42, .98);--reader-text: #e5e7eb}html.theme-eye{--page-bg: #fff8e7;--card-bg: #fffdf5;--border-soft: #e5d8bf;--text-main: #593c1f;--text-muted: #9c7f5a;--reader-bg: #fff8e7;--reader-card: #fffdf5;--reader-text: #593c1f}html.theme-dark body{background-color:var(--page-bg);color:var(--text-main)}body{margin:0;font-family:Source Han Sans SC,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft YaHei,sans-serif;background-color:var(--page-bg);color:var(--text-main)}button,input,select,textarea{font-family:inherit}button{transition:background-color .16s ease,box-shadow .16s ease,transform .08s ease}button:hover{transform:translateY(-1px)}html.theme-light body,html.theme-dark body,html.theme-eye body{background-color:var(--page-bg);color:var(--text-main)}.bookstore,.reader,.downloads,.library{background-color:var(--page-bg)}.book-detail{background-color:transparent}.top-nav,.top-bar,.bottom-bar{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 3px #0f172a0f}.book-card,.section,.panel,.row,.hint,.table,.comment-item{background-color:var(--card-bg);border-radius:var(--radius-card);box-shadow:0 10px 30px #0f172a0f;transition:transform .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out}.book-card:hover,.section:hover,.panel:hover,.row:hover,.comment-item:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0f172a24}.book-card .cover{transition:transform .18s ease-out}.book-card:hover .cover{transform:translateY(-2px) scale(1.02)}.category-list li{transition:background-color .16s ease,color .16s ease,transform .12s ease}.category-list li:hover{background-color:var(--primary-soft);color:var(--primary);transform:translate(2px)}.user .link,.circle-link,.chapter-item,.title{transition:color .16s ease,transform .12s ease}.user .link:hover,.circle-link:hover,.chapter-item:hover,.title:hover{color:var(--primary);transform:translateY(-1px)}.load-more button,.actions button,.bottom-bar button,.table button,.mini,.primary,.secondary{border-radius:var(--radius-pill);padding-inline:16px}.primary{background:linear-gradient(135deg,var(--morandi-clay),#C49A6C);color:#fff}.primary:hover{background:linear-gradient(135deg,#C49A6C,var(--morandi-clay))}.secondary,.bottom-bar button,.actions button,.table button,.mini{background-color:#f9fafb;border:1px solid var(--border-soft)}.secondary:hover,.bottom-bar button:hover,.actions button:hover,.table button:hover,.mini:hover{background-color:var(--primary-soft);color:var(--primary)}.table tbody tr{transition:background-color .16s ease}.table tbody tr:hover{background-color:var(--primary-soft)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-0{padding:0}.p-2{padding:8px}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.transition{transition:all .2s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-slide-down{animation:slideDown .3s ease}.stagger-enter>*{animation:slideUp .3s ease backwards}.stagger-enter>*:nth-child(1){animation-delay:.05s}.stagger-enter>*:nth-child(2){animation-delay:.1s}.stagger-enter>*:nth-child(3){animation-delay:.15s}.stagger-enter>*:nth-child(4){animation-delay:.2s}.stagger-enter>*:nth-child(5){animation-delay:.25s}.stagger-enter>*:nth-child(6){animation-delay:.3s}.stagger-enter>*:nth-child(7){animation-delay:.35s}.stagger-enter>*:nth-child(8){animation-delay:.4s}html.theme-dark .bg-glass{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2)}html.theme-dark .bg-card{background:#1e293bcc;border:1px solid rgba(148,163,184,.15)}html.theme-dark .shadow-glow{box-shadow:0 0 20px #d4a3734d}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}