:root{--primary-50: #fdf6ee;--primary-100: #f9e8d4;--primary-200: #f2d0a9;--primary-300: #e8b47a;--primary-400: #d4956a;--primary-500: #b87333;--primary-600: #9a5a28;--primary-700: #7c4520;--primary-800: #5e3318;--primary-900: #402210;--accent-50: #f0f7f4;--accent-100: #d9ebe2;--accent-500: #2d6a4f;--accent-600: #1b4332;--accent-700: #081c15;--gold-300: #e6c35c;--gold-400: #d4af37;--gold-500: #c9a227;--gold-600: #a8871f;--gold-100: #fdf4dc;--bg: #fdf8f0;--bg-card: #ffffff;--bg-soft: #faf3e8;--bg-hover: #f5ede0;--text-900: #3d2b1f;--text-700: #5c4a3a;--text-500: #7a6a5a;--text-400: #998a7a;--text-300: #b8aa9a;--border: #e8ddd0;--border-light: #f0e8dc;--success: #2d6a4f;--success-bg: #e8f5ee;--error: #c0392b;--error-bg: #fdecea;--warning: #d4af37;--warning-bg: #fdf4dc;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(61, 43, 31, .04);--shadow-sm: 0 1px 3px rgba(61, 43, 31, .05), 0 1px 2px rgba(61, 43, 31, .03);--shadow: 0 2px 8px rgba(61, 43, 31, .06), 0 1px 3px rgba(61, 43, 31, .04);--shadow-md: 0 4px 12px rgba(61, 43, 31, .07), 0 2px 4px rgba(61, 43, 31, .04);--shadow-lg: 0 8px 24px rgba(61, 43, 31, .08), 0 4px 8px rgba(61, 43, 31, .05);--shadow-xl: 0 12px 32px rgba(61, 43, 31, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 26px;--text-4xl: 32px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--container-max: 1100px;--navbar-height: 52px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-900);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-500)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:var(--container-max);margin:0 auto;width:100%;padding:var(--space-5) var(--space-4)}.navbar{background:linear-gradient(180deg,#fff,#fdf8f0);color:var(--text-900);position:sticky;top:0;z-index:100;box-shadow:0 1px 4px #3d2b1f0f;border-bottom:1px solid var(--border-light)}.navbar-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);height:var(--navbar-height)}.navbar-logo{font-size:var(--text-lg);font-weight:700;color:var(--primary-700);display:flex;align-items:center;gap:var(--space-2);letter-spacing:.5px}.navbar-logo a{color:var(--primary-700)}.navbar-links{display:flex;gap:var(--space-1);align-items:center}.navbar-links a{color:var(--text-500);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);padding:var(--space-1) var(--space-3);border-radius:var(--radius)}.navbar-links a:hover,.navbar-links a.active{color:var(--primary-600);background:var(--primary-50)}.navbar-user{display:flex;align-items:center;gap:var(--space-2)}.navbar-user .username{color:var(--text-700);font-size:var(--text-sm);font-weight:500}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1);cursor:pointer;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover{background:var(--primary-600);color:#fff;box-shadow:0 2px 8px #b873334d}.btn-accent{background:var(--accent-500);color:#fff}.btn-accent:hover{background:var(--accent-600);color:#fff}.btn-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#5c3d0e;font-weight:600}.btn-gold:hover{filter:brightness(1.05);color:#5c3d0e;box-shadow:0 2px 8px #d4af374d}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-700)}.btn-outline:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#a93226;color:#fff}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-block{width:100%;justify-content:center}.hero{background:linear-gradient(135deg,#fdf6ee,#f9e8d4,#f2d0a9);color:var(--text-900);padding:var(--space-8) var(--space-8);border-radius:var(--radius-xl);margin-bottom:var(--space-6);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--primary-100)}.hero:before{content:"";position:absolute;top:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(ellipse at 30% 70%,rgba(184,115,51,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(45,106,79,.06) 0%,transparent 50%);border-radius:50%}.hero:after{content:"🏮";position:absolute;top:var(--space-4);right:var(--space-6);font-size:36px;opacity:.6;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-content{position:relative;z-index:1;max-width:560px}.hero-tag{display:inline-block;background:var(--primary-500);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-3);letter-spacing:1px}.hero h1{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--primary-800);font-weight:700;letter-spacing:1px;line-height:1.3}.hero p{font-size:var(--text-md);color:var(--text-700);margin-bottom:var(--space-5);line-height:1.8}.hero-actions{display:flex;gap:var(--space-3);position:relative;z-index:1;flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-6);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(184,115,51,.15);position:relative;z-index:1}.hero-stat-item{text-align:center}.hero-stat-num{font-size:var(--text-xl);font-weight:700;color:var(--primary-600)}.hero-stat-label{font-size:var(--text-xs);color:var(--text-400);margin-top:2px}.section{margin-bottom:var(--space-8)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--text-900);display:flex;align-items:center;gap:var(--space-2)}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--primary-400),var(--gold-400));border-radius:2px}.section-more{font-size:var(--text-sm);color:var(--text-400)}.section-more:hover{color:var(--primary-500)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-4)}.book-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition);cursor:pointer;border:1px solid var(--border-light)}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}.book-cover{width:100%;aspect-ratio:3/4;object-fit:cover;background:#eee}.book-cover-placeholder{width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:var(--space-3);position:relative;overflow:hidden}.book-cover-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.book-cover-placeholder .cover-title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-1);text-shadow:0 1px 3px rgba(0,0,0,.3);z-index:1;line-height:1.4}.book-cover-placeholder .cover-author{font-size:var(--text-xs);opacity:.85;z-index:1}.book-cover-placeholder .cover-decoration{position:absolute;bottom:var(--space-2);left:0;right:0;font-size:20px;z-index:1;opacity:.5}.cover-jiangjiang{background:linear-gradient(160deg,#4a6741,#6b8e5a,#8fbc8f)}.cover-nianli{background:linear-gradient(160deg,#8b3a3a,#b85c5c 40%,#d48787)}.cover-dinglong{background:linear-gradient(160deg,#2c3e50,#34495e,#5d6d7e)}.cover-meilu{background:linear-gradient(160deg,#8b6914,#b8860b 40%,#daa520)}.cover-piaose{background:linear-gradient(160deg,#6b3a5f,#8b4c7a,#b06a9a)}.cover-yugang{background:linear-gradient(160deg,#1a4a5e,#2c6b7e,#4a8b9e)}.cover-shangyuan{background:linear-gradient(160deg,#3d2817,#5c3a1e,#8b5a2b 60%,#c9a227)}.cover-default{background:linear-gradient(160deg,var(--primary-600),var(--primary-500),var(--primary-400))}.book-info{padding:var(--space-2) var(--space-3)}.book-title{font-size:var(--text-sm);font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-900)}.book-author{font-size:var(--text-xs);color:var(--text-400);margin-bottom:2px}.book-meta{font-size:var(--text-xs);color:var(--text-300);display:flex;gap:var(--space-2)}.book-tag{display:inline-block;background:linear-gradient(135deg,var(--primary-500),var(--primary-400));color:#fff;font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);margin-right:2px;font-weight:500}.featured-section{margin:var(--space-6) 0;position:relative}.featured-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--gold-400),var(--gold-500));color:#5c3d0e;padding:5px 16px;border-radius:var(--radius-full) var(--radius-full) var(--radius-full) 0;font-weight:700;font-size:var(--text-xs);margin-bottom:-1px;position:relative;z-index:2;box-shadow:0 2px 8px #c9a22740;letter-spacing:.5px}.featured-card{display:flex;gap:var(--space-5);background:linear-gradient(135deg,#fffdf8,#fef9ef,#fdf4e3);border:1px solid rgba(201,162,39,.25);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:0 4px 16px #b8733314;position:relative;overflow:hidden;align-items:flex-start;transition:box-shadow var(--transition)}.featured-card:hover{box-shadow:0 6px 24px #b873331f}.featured-card:before{content:"";position:absolute;top:-30%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(201,162,39,.06) 0%,transparent 70%);pointer-events:none}.featured-cover{width:130px;min-width:130px;height:182px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 16px #00000026;position:relative;overflow:hidden;flex-shrink:0}.featured-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.3) 100%)}.featured-cover-icon{font-size:36px;margin-bottom:var(--space-2);position:relative;z-index:1}.featured-cover-title{font-size:var(--text-lg);font-weight:700;margin-bottom:2px;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.featured-cover-subtitle{font-size:var(--text-xs);opacity:.85;position:relative;z-index:1}.featured-info{flex:1;position:relative;z-index:1;min-width:0}.featured-tags{display:flex;gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap}.featured-tag{background:#b8733314;color:var(--primary-700);padding:2px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:500;border:1px solid rgba(184,115,51,.15)}.featured-title{font-size:var(--text-2xl);color:var(--text-900);margin-bottom:var(--space-2);font-weight:700;line-height:1.3}.featured-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--text-400);flex-wrap:wrap}.featured-desc{font-size:var(--text-sm);color:var(--text-700);line-height:1.7;margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-latest{margin-bottom:var(--space-4);font-size:var(--text-sm)}.featured-latest span{color:var(--text-400)}.featured-latest a{color:var(--primary-600);font-weight:500}.featured-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center}.filter-bar select,.filter-bar input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);background:#fff;color:var(--text-700);transition:border-color var(--transition-fast)}.filter-bar select:focus,.filter-bar input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #b8733314}.filter-bar input{flex:1;min-width:180px}.book-detail{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.book-detail-cover{width:180px;flex-shrink:0}.book-detail-cover img,.book-detail-cover .book-cover-placeholder{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.book-detail-info{flex:1;min-width:0}.book-detail-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-900);line-height:1.3}.book-detail-author{font-size:var(--text-md);color:var(--text-500);margin-bottom:var(--space-3)}.book-detail-desc{font-size:var(--text-sm);color:var(--text-700);line-height:1.8;margin-bottom:var(--space-5)}.book-detail-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--text-500);flex-wrap:wrap}.book-detail-stats strong{color:var(--primary-600);font-weight:600}.book-detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.chapter-list{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.chapter-list h3{margin-bottom:var(--space-4);color:var(--text-900);font-size:var(--text-lg)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px}.chapter-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:pointer;font-size:var(--text-sm);color:var(--text-700);display:flex;align-items:center;gap:var(--space-2)}.chapter-item:hover{background:var(--bg-soft);color:var(--primary-600)}.reader{max-width:750px;margin:0 auto;background:linear-gradient(180deg,#fefcf7,#fdf8f0);padding:var(--space-8) var(--space-8);border-radius:var(--radius-xl);box-shadow:0 2px 16px #b873330d;min-height:50vh;border:1px solid var(--border-light)}.reader-title{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-2);color:var(--text-900)}.reader-book-title{text-align:center;color:var(--text-400);font-size:var(--text-sm);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.reader-content{font-size:var(--text-md);line-height:2;color:#3d2b1f;text-indent:2em;font-family:var(--font-serif)}.reader-content p{margin-bottom:var(--space-3)}.reader-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.comments-section{margin-top:var(--space-6)}.comment-input{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);align-items:flex-start}.comment-input textarea{flex:1;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;min-height:70px;font-family:inherit;font-size:var(--text-sm);transition:border-color var(--transition-fast)}.comment-input textarea:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #b8733314}.comment-list{display:flex;flex-direction:column;gap:var(--space-3)}.comment-item{padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.comment-user{font-weight:600;font-size:var(--text-sm);color:var(--primary-700)}.comment-time{font-size:var(--text-xs);color:var(--text-300)}.comment-content{font-size:var(--text-sm);color:var(--text-700);line-height:1.6}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-700);margin-bottom:var(--space-1)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);background:#fff;color:var(--text-700);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #b8733314}.form-group textarea{resize:vertical;min-height:100px}.form-hint{font-size:var(--text-xs);color:var(--text-300);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1)}.badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--error-bg);color:var(--error)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:#e8f0f5;color:#2c5f7a}.avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;flex-shrink:0}.avatar-lg{width:56px;height:56px;font-size:var(--text-xl)}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.card h3{font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--text-900)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;padding:var(--space-2) var(--space-3);background:var(--bg-soft);color:var(--text-500);font-weight:600;border-bottom:2px solid var(--border);white-space:nowrap}td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-light);color:var(--text-700)}tr:hover td{background:var(--bg-soft)}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:2px solid var(--border-light)}.tabs button{padding:var(--space-2) var(--space-4);background:transparent;border:none;font-size:var(--text-sm);color:var(--text-400);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);font-weight:500}.tabs button:hover{color:var(--primary-500)}.tabs button.active{color:var(--primary-600);border-bottom-color:var(--primary-500);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center;transition:all var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{font-size:24px;margin-bottom:var(--space-1)}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--primary-600);margin-bottom:2px}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-400)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-300)}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.empty-state .empty-text{font-size:var(--text-sm)}.loading{text-align:center;padding:var(--space-8);color:var(--text-300)}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:calc(var(--navbar-height) + var(--space-3));left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);z-index:1000;box-shadow:var(--shadow-lg);animation:slideDown .3s ease}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--error);color:#fff}.toast-warning{background:var(--warning);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3d2b1f80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);max-width:480px;width:100%;box-shadow:var(--shadow-xl);animation:scaleIn .2s ease;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--text-900)}.modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pagination{display:flex;gap:var(--space-1);justify-content:center;margin-top:var(--space-5);flex-wrap:wrap}.pagination button{padding:var(--space-1) var(--space-3);min-width:32px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-700);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600)}.pagination button.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.ad-banner{margin-bottom:var(--space-5);text-align:center;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--primary-50),var(--gold-100));border:1px solid var(--primary-100);padding:var(--space-3)}.ad-banner img{max-height:70px;object-fit:contain;border-radius:var(--radius-sm);margin:0 auto}.ad-sidebar{margin-bottom:var(--space-3);border-radius:var(--radius-md);overflow:hidden}.ad-sidebar img{max-height:200px;border-radius:var(--radius-md)}.footer{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-800) 100%);color:#ffffffb3;padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--text-xs);margin-top:var(--space-10)}.footer a{color:wheat}.footer a:hover{color:#fff}.footer-links{margin-bottom:var(--space-2);display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.admin-layout{display:flex;min-height:calc(100vh - var(--navbar-height))}.admin-sidebar{width:200px;background:var(--primary-800);color:#fff;padding:var(--space-4) 0;flex-shrink:0}.admin-logo{padding:0 var(--space-4) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-3)}.admin-logo h2{font-size:var(--text-lg);color:wheat}.admin-logo p{font-size:var(--text-xs);color:#ffffff80;margin-top:2px}.admin-nav{display:flex;flex-direction:column}.admin-nav a{color:#ffffffbf;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);transition:all var(--transition-fast);border-left:3px solid transparent}.admin-nav a:hover{color:#fff;background:#ffffff14}.admin-nav a.active{color:wheat;background:#ffffff1a;border-left-color:var(--gold-400)}.admin-content{flex:1;padding:var(--space-5);background:var(--bg);overflow-x:auto}@media (max-width: 1024px){:root{--container-max: 100%}.main-content{padding:var(--space-4) var(--space-3)}}@media (max-width: 768px){:root{--navbar-height: 48px}.main-content{padding:var(--space-3) var(--space-2)}.navbar-inner{padding:0 var(--space-2)}.navbar-logo{font-size:var(--text-md)}.navbar-links a{font-size:var(--text-xs);padding:var(--space-1) var(--space-1)}.hero{padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4)}.hero h1{font-size:var(--text-xl)}.hero p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.hero:after{font-size:28px}.hero-stats{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3)}.hero-stat-num{font-size:var(--text-lg)}.section{margin-bottom:var(--space-5)}.section-title{font-size:var(--text-md)}.featured-section{margin:var(--space-4) 0}.featured-card{flex-direction:row!important;gap:var(--space-3);padding:var(--space-3);align-items:flex-start}.featured-cover{width:95px!important;min-width:95px!important;height:133px!important;margin:0!important}.featured-cover-icon{font-size:24px;margin-bottom:var(--space-1)}.featured-cover-title{font-size:var(--text-sm)}.featured-cover-subtitle{font-size:9px}.featured-info{flex:1;min-width:0}.featured-tags{gap:2px;margin-bottom:var(--space-1)}.featured-tag{padding:1px 5px;font-size:9px}.featured-title{font-size:var(--text-md);margin-bottom:var(--space-1)}.featured-meta{gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--text-xs)}.featured-desc{font-size:var(--text-xs);line-height:1.5;margin-bottom:var(--space-2);-webkit-line-clamp:2}.featured-latest{margin-bottom:var(--space-2);font-size:var(--text-xs)}.featured-actions{gap:var(--space-1)}.featured-actions .btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);flex:none!important}.book-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-2)}.book-info{padding:var(--space-1) var(--space-2)}.book-title{font-size:var(--text-xs)}.book-author,.book-meta{font-size:10px}.book-detail{flex-direction:column;gap:var(--space-3)}.book-detail-cover{width:120px;margin:0 auto}.book-detail-title{font-size:var(--text-xl)}.reader{padding:var(--space-4) var(--space-3)}.reader-title{font-size:var(--text-lg)}.reader-content{font-size:var(--text-sm);line-height:1.85}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-2)!important}.stat-card{padding:var(--space-3)!important}.stat-card .stat-value{font-size:var(--text-lg)!important}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:var(--space-2) 0}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-nav a{padding:var(--space-1) var(--space-3);border-left:none;border-bottom:2px solid transparent;font-size:var(--text-xs)}.admin-nav a.active{border-left:none;border-bottom-color:var(--gold-400)}.admin-content{padding:var(--space-3)}table{font-size:var(--text-xs)}th,td{padding:var(--space-1) var(--space-2)}.btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.footer{padding:var(--space-4) var(--space-2);font-size:10px}.ad-banner img{max-height:50px}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.chapter-item{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}@media (max-width: 480px){.book-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.featured-card{padding:var(--space-2);gap:var(--space-2)}.featured-cover{width:80px!important;min-width:80px!important;height:112px!important}.featured-title{font-size:var(--text-sm)}.featured-desc{-webkit-line-clamp:2;font-size:10px}.hero h1{font-size:var(--text-lg)}.hero p{font-size:10px}.navbar-links a{font-size:10px;padding:2px 4px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-400)}.text-primary{color:var(--primary-600)}.text-success{color:var(--success)}.text-error{color:var(--error)}.font-bold{font-weight:700}.font-medium{font-weight:500}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.w-full{width:100%}.hidden{display:none!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.culture-banner{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.culture-banner:before{content:"";position:absolute;top:-30%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.culture-banner-content{position:relative;z-index:1;max-width:700px}.culture-banner h3{color:#fff;font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:700}.culture-banner p{color:#ffffffd9;font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.7}.culture-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.culture-tag{background:#ffffff26;color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast)}.culture-tag:hover{background:#ffffff40;transform:translateY(-1px)}.culture-more-btn{color:#fff!important;border-color:#fff6!important;background:transparent!important}.culture-more-btn:hover{background:#ffffff26!important;border-color:#fff!important}.latest-list{display:flex;flex-direction:column;gap:var(--space-1)}.latest-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.latest-item:hover{background:var(--bg-soft)}.latest-book-title{font-weight:600;color:var(--text-900);font-size:var(--text-sm)}.latest-item:hover .latest-book-title{color:var(--primary-600)}.latest-chapter-info{font-size:var(--text-xs);color:var(--text-400);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.culture-banner{padding:var(--space-4);margin-bottom:var(--space-5)}.culture-banner h3{font-size:var(--text-lg)}.culture-banner p{font-size:var(--text-xs);margin-bottom:var(--space-3)}.culture-tags{gap:var(--space-1);margin-bottom:var(--space-3)}.culture-tag{padding:2px 8px;font-size:10px}.latest-chapter-info{max-width:40%;font-size:10px}}.home-layout{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.home-main-sidebar{display:flex;gap:var(--space-5);margin-top:var(--space-6);align-items:flex-start}.home-main{flex:1;min-width:0}.home-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.sidebar-title{font-size:var(--text-md);font-weight:700;color:var(--text-900);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-100)}.sidebar-categories{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.sidebar-category-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-700);transition:all var(--transition-fast);background:var(--bg-soft)}.sidebar-category-item:hover{background:var(--primary-50);color:var(--primary-600);transform:translateY(-1px)}.cat-icon{font-size:14px}.cat-name{font-weight:500}.sidebar-ranking{display:flex;flex-direction:column;gap:var(--space-1)}.ranking-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ranking-item:hover{background:var(--bg-soft)}.ranking-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;background:var(--bg-soft);color:var(--text-500);flex-shrink:0}.ranking-num.rank-1{background:linear-gradient(135deg,gold,#ffb700);color:#5c3d0e}.ranking-num.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#333}.ranking-num.rank-3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.ranking-info{flex:1;min-width:0}.ranking-title{font-size:var(--text-sm);font-weight:600;color:var(--text-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-author{font-size:var(--text-xs);color:var(--text-400)}.sidebar-latest{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-latest-item{padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast);border-bottom:1px solid var(--border-light)}.sidebar-latest-item:last-child{border-bottom:none}.sidebar-latest-item:hover{background:var(--bg-soft)}.latest-title{font-size:var(--text-sm);font-weight:600;color:var(--text-900);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latest-chapter{font-size:var(--text-xs);color:var(--primary-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-ad{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px dashed var(--border)}.sidebar-ad-placeholder{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-soft)}.ad-label{font-size:var(--text-md);font-weight:600;color:var(--text-400)}.ad-size{font-size:var(--text-xs);color:var(--text-300)}.featured-chapters{width:220px;flex-shrink:0;background:#fff9;border-radius:var(--radius-md);padding:var(--space-4);border:1px solid rgba(184,115,51,.15)}.featured-chapters h4{font-size:var(--text-md);font-weight:700;color:var(--text-900);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--gold-100)}.featured-chapter-list{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.featured-chapter-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast);font-size:var(--text-xs)}.featured-chapter-item:hover{background:var(--primary-50)}.chapter-num{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-sm);font-size:10px;font-weight:700;flex-shrink:0}.chapter-title{color:var(--text-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.featured-chapter-item:hover .chapter-title{color:var(--primary-600)}.featured-chapter-more{display:block;text-align:center;font-size:var(--text-xs);color:var(--primary-500);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.featured-chapter-more:hover{color:var(--primary-600)}.home-main .book-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}@media (max-width: 1024px){.home-layout{max-width:100%}.home-main-sidebar{flex-direction:column}.home-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.home-sidebar .sidebar-card,.home-sidebar .sidebar-ad{flex:1;min-width:250px}.featured-chapters{display:none}}@media (max-width: 768px){.home-layout{padding:0 var(--space-2)}.home-main-sidebar{gap:var(--space-4);margin-top:var(--space-4)}.home-sidebar{gap:var(--space-3)}.home-sidebar .sidebar-card,.home-sidebar .sidebar-ad{min-width:100%}.sidebar-categories{grid-template-columns:repeat(3,1fr)}.home-main .book-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2)}}@media (max-width: 480px){.sidebar-categories{grid-template-columns:repeat(2,1fr)}.home-main .book-grid{grid-template-columns:repeat(3,1fr)}}.sidebar-culture-tip{background:linear-gradient(135deg,var(--primary-50) 0%,var(--gold-100) 100%);border:1px solid var(--primary-100)}.sidebar-culture-tip .sidebar-title{border-bottom-color:var(--gold-300);color:var(--primary-700)}.culture-tip-content p{font-size:var(--text-xs);color:var(--text-700);line-height:1.7;margin-bottom:var(--space-2)}.culture-tip-content p strong{color:var(--primary-600)}.culture-tip-more{font-size:var(--text-xs);color:var(--primary-500);font-weight:500}.culture-tip-more:hover{color:var(--primary-600)}.hero{padding:24px 28px!important;margin-bottom:16px!important;border-radius:12px!important}.hero-tag{font-size:11px!important;padding:3px 10px!important;margin-bottom:8px!important}.hero h1{font-size:24px!important;margin-bottom:6px!important}.hero p{font-size:13px!important;margin-bottom:12px!important;line-height:1.6!important;max-width:600px}.hero-actions{margin-bottom:12px!important}.hero-actions .btn{padding:6px 16px!important;font-size:13px!important}.hero-stats{margin-top:12px!important;padding-top:10px!important;gap:24px!important}.hero-stat-num{font-size:18px!important}.hero-stat-label{font-size:11px!important}.hero:after{font-size:28px!important;top:12px!important;right:20px!important}.featured-section{margin:16px 0!important}.featured-badge{font-size:11px!important;padding:4px 12px!important}.featured-card{padding:16px 20px!important;gap:16px!important;border-radius:12px!important}.featured-cover{width:110px!important;min-width:110px!important;height:154px!important}.featured-cover-icon{font-size:28px!important;margin-bottom:6px!important}.featured-cover-title{font-size:14px!important}.featured-cover-subtitle{font-size:10px!important}.featured-tags{margin-bottom:6px!important;gap:4px!important}.featured-tag{font-size:10px!important;padding:1px 7px!important}.featured-title{font-size:18px!important;margin-bottom:6px!important}.featured-meta{gap:12px!important;margin-bottom:8px!important;font-size:11px!important;flex-wrap:wrap}.featured-desc{font-size:12px!important;line-height:1.6!important;margin-bottom:10px!important;-webkit-line-clamp:2!important}.featured-latest{margin-bottom:10px!important;font-size:12px!important}.featured-actions{gap:8px!important}.featured-actions .btn{padding:6px 14px!important;font-size:12px!important}.featured-chapters{width:180px!important;padding:12px!important}.featured-chapters h4{font-size:13px!important;margin-bottom:8px!important;padding-bottom:6px!important}.featured-chapter-list{gap:1px!important;margin-bottom:8px!important}.featured-chapter-item{padding:3px 6px!important;font-size:11px!important}.chapter-num{width:18px!important;height:18px!important;font-size:9px!important}.featured-chapter-more{font-size:10px!important;padding-top:6px!important}.ad-banner{margin-bottom:16px!important;padding:8px!important}.ad-banner img{max-height:60px!important}.section{margin-bottom:20px!important}.section-header{margin-bottom:12px!important}.section-title{font-size:16px!important}.home-main-sidebar{gap:16px!important;margin-top:16px!important}.sidebar-card{padding:12px!important;margin-bottom:0!important}.sidebar-title{font-size:13px!important;margin-bottom:8px!important;padding-bottom:6px!important}.home-sidebar{gap:12px!important}.culture-banner{padding:16px 20px!important;margin-bottom:0!important;border-radius:12px!important}.culture-banner h3{font-size:15px!important;margin-bottom:4px!important}.culture-banner p{font-size:12px!important;margin-bottom:8px!important}.culture-tags{gap:6px!important;margin-bottom:8px!important}.culture-tag{font-size:10px!important;padding:2px 8px!important}.home-main .book-grid{gap:12px!important}@media (max-width: 768px){.hero{padding:16px!important}.hero h1{font-size:20px!important}.hero p{font-size:12px!important}.hero-stats{gap:16px!important}.hero-stat-num{font-size:16px!important}.featured-card{padding:12px!important;gap:10px!important}.featured-cover{width:85px!important;min-width:85px!important;height:119px!important}.featured-title{font-size:15px!important}.featured-chapters{display:none!important}}.hero-mini{padding:14px 20px!important;margin-bottom:10px!important}.hero-mini .hero-tag{font-size:10px!important;padding:2px 8px!important;margin-bottom:4px!important}.hero-mini .hero h1{font-size:18px!important;margin-bottom:4px!important}.hero-mini .hero p{font-size:11px!important;margin-bottom:8px!important;line-height:1.5!important}.hero-mini .hero-actions{margin-bottom:8px!important}.hero-mini .hero-actions .btn{padding:4px 12px!important;font-size:11px!important}.hero-mini .hero-stats{margin-top:8px!important;padding-top:6px!important;gap:16px!important}.hero-mini .hero-stat-num{font-size:14px!important}.hero-mini .hero-stat-label{font-size:9px!important}.hero-mini:after{font-size:20px!important;top:8px!important;right:12px!important}.hero-compact{padding:20px 24px!important;margin-bottom:14px!important}.hero-compact .hero-tag{font-size:11px!important;padding:3px 10px!important;margin-bottom:6px!important}.hero-compact .hero h1{font-size:22px!important;margin-bottom:6px!important}.hero-compact .hero p{font-size:12px!important;margin-bottom:10px!important;line-height:1.6!important}.hero-compact .hero-actions{margin-bottom:10px!important}.hero-compact .hero-actions .btn{padding:6px 14px!important;font-size:12px!important}.hero-compact .hero-stats{margin-top:10px!important;padding-top:8px!important;gap:20px!important}.hero-compact .hero-stat-num{font-size:16px!important}.hero-compact .hero-stat-label{font-size:10px!important}.hero-compact:after{font-size:24px!important;top:10px!important;right:16px!important}.hero-normal{padding:28px 32px!important;margin-bottom:18px!important}.hero-normal .hero-tag{font-size:12px!important;padding:4px 12px!important;margin-bottom:8px!important}.hero-normal .hero h1{font-size:28px!important;margin-bottom:8px!important}.hero-normal .hero p{font-size:14px!important;margin-bottom:14px!important;line-height:1.7!important}.hero-normal .hero-actions{margin-bottom:14px!important}.hero-normal .hero-actions .btn{padding:8px 18px!important;font-size:14px!important}.hero-normal .hero-stats{margin-top:14px!important;padding-top:10px!important;gap:28px!important}.hero-normal .hero-stat-num{font-size:20px!important}.hero-normal .hero-stat-label{font-size:11px!important}.hero-large{padding:40px 48px!important;margin-bottom:24px!important}.hero-large .hero-tag{font-size:14px!important;padding:6px 16px!important;margin-bottom:12px!important}.hero-large .hero h1{font-size:36px!important;margin-bottom:12px!important}.hero-large .hero p{font-size:16px!important;margin-bottom:20px!important;line-height:1.8!important}.hero-large .hero-actions{margin-bottom:20px!important}.hero-large .hero-actions .btn{padding:10px 24px!important;font-size:16px!important}.hero-large .hero-stats{margin-top:20px!important;padding-top:16px!important;gap:36px!important}.hero-large .hero-stat-num{font-size:26px!important}.hero-large .hero-stat-label{font-size:13px!important}.hero-large:after{font-size:40px!important;top:20px!important;right:30px!important}