@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.header{height:70px;box-shadow:0 2px 10px #00000014;background-color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000}.header .container{max-width:1920px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px}@media(max-width:768px){.header .container{padding:0 16px}}.header .header-left{display:flex;align-items:center;flex:1}.header .logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.header .logo .logo-img{cursor:pointer;width:100px}@media(max-width:768px){.header .logo .logo-img{width:80px}}.header .nav-menu{display:flex;align-items:center;margin-left:40px}@media(max-width:768px){.header .nav-menu{margin-left:15px}}.header .nav-menu .nav-item{margin:0 20px;font-size:16px;color:#333;text-decoration:none;position:relative;padding:23px 0;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.header .nav-menu .nav-item{margin:0 10px;font-size:14px}}.header .nav-menu .nav-item:hover{color:#3e7bfa}.header .nav-menu .nav-item.active{color:#3e7bfa;font-weight:500}.header .nav-menu .nav-item.active:after{content:"";position:absolute;bottom:15px;left:0;width:100%;height:3px;background-color:#3e7bfa;border-radius:2px}.header .nav-menu .nav-item-group{position:relative;margin:0 20px;padding:23px 0;cursor:pointer;height:100%;display:flex;align-items:center}@media(max-width:768px){.header .nav-menu .nav-item-group{margin:0 10px}}.header .nav-menu .nav-item-group .nav-item-trigger{font-size:16px;color:#333;transition:color .3s;white-space:nowrap;display:flex;align-items:center}@media(max-width:768px){.header .nav-menu .nav-item-group .nav-item-trigger{font-size:14px}}.header .nav-menu .nav-item-group:hover .nav-item-trigger,.header .nav-menu .nav-item-group.show .nav-item-trigger{color:#3e7bfa}.header .nav-menu .nav-item-group:hover .bookshelf-dropdown,.header .nav-menu .nav-item-group.show .bookshelf-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header .nav-menu .nav-item-group .bookshelf-dropdown{position:absolute;top:70px;left:-150px;width:600px;background:#fff;box-shadow:0 10px 30px #0000001a;border-radius:0 0 8px 8px;padding:20px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);border-top:2px solid #3e7bfa;cursor:default;z-index:1100}.header .nav-menu .nav-item-group .bookshelf-dropdown:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:transparent}@media(max-width:1024px){.header .nav-menu .nav-item-group .bookshelf-dropdown{position:fixed;top:70px;left:0;right:0;width:100%;max-width:100vw;margin-left:0;border-radius:0;box-sizing:border-box}}.header .nav-menu .nav-item-group .bookshelf-dropdown .bookshelf-grid{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.header .nav-menu .nav-item-group .bookshelf-dropdown .bookshelf-grid::-webkit-scrollbar{height:4px}.header .nav-menu .nav-item-group .bookshelf-dropdown .bookshelf-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card{width:120px;flex-shrink:0;cursor:pointer;transition:transform .2s}@media(max-width:768px){.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card{width:100px}}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card:hover{transform:translateY(-5px)}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card:hover .book-title{color:#3e7bfa}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card:hover .book-hover-overlay{opacity:1}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-cover-wrapper{width:100%;height:160px;border-radius:6px;overflow:hidden;box-shadow:0 4px 10px #0000001a;position:relative;margin-bottom:10px}@media(max-width:768px){.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-cover-wrapper{height:135px}}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-cover-wrapper img{width:100%;height:100%;object-fit:cover}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-cover-wrapper .book-hover-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}@media(max-width:768px){.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-cover-wrapper .book-hover-overlay{display:none}}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-cover-wrapper .book-hover-overlay span{color:#fff;font-size:12px;background:#3e7bfa;padding:4px 10px;border-radius:12px}.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-title{font-size:14px;color:#333;text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.header .nav-menu .nav-item-group .bookshelf-dropdown .book-card .book-title{font-size:12px}}.header .header-right{display:flex;align-items:center;gap:15px;flex-shrink:0}@media(max-width:768px){.header .header-right{gap:10px}}.header .login-btn,.header .register-btn{padding:8px 20px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap}@media(max-width:768px){.header .login-btn,.header .register-btn{padding:6px 12px;font-size:12px}}.header .login-btn{color:#3e7bfa;border:1px solid #3e7bfa}.header .login-btn:hover{background-color:#3e7bfa14}.header .register-btn{background-color:#3e7bfa;color:#fff}.header .register-btn:hover{background-color:#2a6df5}.header .vip-badge{display:flex;align-items:center;background:linear-gradient(45deg,gold,orange);color:#fff;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;cursor:default;white-space:nowrap}@media(max-width:768px){.header .vip-badge{padding:3px 6px}.header .vip-badge span{display:none}}.header .user-info{display:flex;align-items:center;cursor:pointer;padding:2px 5px}.header .user-info .username{margin-left:8px;font-size:14px;color:#333;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.header .user-info .username{display:none}}.pricing-modal-content{--primary-color: #1976d2;--primary-light: #e3f2fd;--text-dark: #333;--text-light: #666;--border-color: #e0e0e0;font-family:Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-dark);border-radius:8px;overflow:hidden}.pricing-modal-content .header-section{text-align:center;padding:30px 20px 20px;background:#fff;border-bottom:1px solid #f0f0f0}.pricing-modal-content .header-section h2{color:var(--primary-color);margin-bottom:8px;font-weight:700;font-size:24px;margin-top:0}.pricing-modal-content .header-section p{color:var(--text-light);font-size:14px;margin:0}.pricing-modal-content .scroll-container{padding:20px;max-height:60vh;overflow-y:auto}.pricing-modal-content .scroll-container::-webkit-scrollbar{width:6px}.pricing-modal-content .scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.pricing-modal-content .table-wrapper{border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.pricing-modal-content .table-wrapper table{width:100%;border-collapse:collapse}.pricing-modal-content .table-wrapper table th,.pricing-modal-content .table-wrapper table td{padding:12px 16px;text-align:center;border-bottom:1px solid var(--border-color);font-size:14px}.pricing-modal-content .table-wrapper table td:first-child{text-align:left;font-weight:500;width:30%;background-color:#fafafa}.pricing-modal-content .table-wrapper table thead th{padding:16px;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:10;background:#fff}.pricing-modal-content .table-wrapper table .vip-header{background-color:var(--primary-color)!important;color:#fff!important}.pricing-modal-content .table-wrapper table .col-free{background-color:#fff}.pricing-modal-content .table-wrapper table .col-free{width:35%;color:var(--text-light)}.pricing-modal-content .table-wrapper table .vip-header{width:35%;background-color:var(--primary-color);color:#fff!important;position:relative}.pricing-modal-content .table-wrapper table .price{display:block;font-size:18px;font-weight:700;margin-top:4px}.pricing-modal-content .table-wrapper table .price span{font-size:12px;font-weight:400;opacity:.8}.pricing-modal-content .table-wrapper table .group-header{background-color:#eceff1;color:#546e7a;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;text-align:left;font-weight:700}.pricing-modal-content .table-wrapper table .status-dot{height:8px;width:8px;background-color:#bbb;border-radius:50%;display:inline-block;margin-right:6px}.pricing-modal-content .table-wrapper table .status-dot.active{background-color:#4caf50}.pricing-modal-content .table-wrapper table .status-dot.warn{background-color:#ff9800}.pricing-modal-content .table-wrapper table .vip-cell{background-color:var(--primary-light)}.pricing-modal-content .table-wrapper table .vip-cell.highlight{font-weight:700}.pricing-modal-content .table-wrapper table .warn-text{color:#d32f2f;font-size:12px;line-height:1.4}.footer{background:#2c3e50;color:#fff;padding:40px 20px 20px;margin-top:auto}.footer .footer-content{max-width:1200px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer .footer-section h4{margin-bottom:20px;color:#ecf0f1;font-size:16px;font-weight:600}.footer .footer-section ul{list-style:none;padding:0;margin:0}.footer .footer-section ul li{padding:5px 0}.footer .footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s;font-size:14px}.footer .footer-section ul li a:hover{color:#fff}.footer .footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #34495e;color:#95a5a6;font-size:14px}.footer .footer-bottom p{margin-bottom:10px}.footer .compliance-badges{margin-top:10px;display:flex;justify-content:center;gap:20px}.footer .compliance-badges img{height:30px;opacity:.7;transition:opacity .3s}.footer .compliance-badges img:hover{opacity:1}html,body{margin:0;padding:0;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}body.reading-mode{overflow:hidden!important;height:100vh!important}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f7fa}.app-loading .loading-spinner{width:50px;height:50px;border:3px solid rgba(64,158,255,.3);border-radius:50%;border-top-color:#409eff;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.app-loading p{color:#606266;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}