*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8b4513;--primary-light: #a0522d;--primary-dark: #6b3410;--accent: #2d5f4a;--accent-light: #3d7a5f;--bg: #faf7f2;--bg-card: #ffffff;--bg-soft: #f0ebe3;--text: #2c1810;--text-light: #6b5b4f;--text-muted: #9c8b7d;--border: #e8ddd0;--shadow: 0 2px 12px rgba(139, 69, 19, .08);--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,"Noto Serif SC",serif;background:var(--bg);color:var(--text);line-height:1.7}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:24px 16px}.navbar{background:linear-gradient(180deg,#6b3410,#8b4513);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #6b341040}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:64px}.navbar-logo{font-size:22px;font-weight:700;color:wheat;display:flex;align-items:center;gap:8px;text-shadow:0 1px 4px rgba(0,0,0,.2);letter-spacing:1px}.navbar-logo a{color:wheat}.navbar-links{display:flex!important;gap:8px;align-items:center}.navbar-links a{color:#ffffffe0;font-size:15px;transition:all .2s;margin:0 4px;padding:6px 12px;display:inline-block;border-radius:6px}.navbar-links a:hover,.navbar-links a.active{color:wheat;background:#ffffff1a}.navbar-user{display:flex;align-items:center;gap:12px}.navbar-user .username{color:#fff;font-size:14px}.navbar-user .btn-outline{color:#ffffffe6;border-color:#fff6}.navbar-user .btn-outline:hover{color:wheat;border-color:wheat;background:#ffffff1a}.btn{padding:8px 20px;border-radius:var(--radius);border:none;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-light);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-soft)}.btn-danger{background:#c0392b;color:#fff}.btn-danger:hover{background:#e74c3c;color:#fff}.btn-sm{padding:4px 12px;font-size:13px}.btn-lg{padding:12px 32px;font-size:16px}.footer{background:linear-gradient(180deg,#8b4513,#6b3410);color:#ffffffbf;padding:36px 16px;text-align:center;font-size:14px}.footer a{color:wheat}.hero{background:linear-gradient(135deg,#6b3410,#8b4513 40%,sienna,peru);color:#fff;padding:56px 40px;border-radius:var(--radius);margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b451340}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(245,222,179,.15) 0%,transparent 70%);border-radius:50%}.hero:after{content:"📖";position:absolute;bottom:16px;right:32px;font-size:64px;opacity:.12}.hero h1{font-size:36px;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:1;letter-spacing:2px}.hero p{font-size:16px;opacity:.92;margin-bottom:24px;max-width:600px;line-height:1.9;position:relative;z-index:1}.hero-actions{display:flex;gap:12px;position:relative;z-index:1}.section{margin-bottom:36px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:20px;font-weight:700;color:var(--primary-dark);border-left:4px solid var(--accent);padding-left:12px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.book-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;cursor:pointer}.book-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.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:16px;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='60' height='60' 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.08'%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:20px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1;line-height:1.4}.book-cover-placeholder .cover-author{font-size:13px;opacity:.9;z-index:1}.book-cover-placeholder .cover-decoration{position:absolute;bottom:12px;left:0;right:0;font-size:24px;z-index:1;opacity:.6}.cover-jiangjiang{background:linear-gradient(160deg,#5d4e37,#8b7355,#a0826d)}.cover-nianli{background:linear-gradient(160deg,#8b2500,#b33c00 40%,#cd6839)}.cover-dinglong{background:linear-gradient(160deg,#3d3025,#5c4a3a,#7a6652)}.cover-meilu{background:linear-gradient(160deg,#8b6914,#b8860b 40%,#daa520)}.cover-piaose{background:linear-gradient(160deg,#6b3a4f,#8b4c6a,#b8860b)}.cover-yugang{background:linear-gradient(160deg,#2f4f4f,#4a6b6b,#6b8b8b)}.cover-shangyuan{background:linear-gradient(160deg,#3d2817,#5c3a1e,#8b5a2b 60%,#d4a017)}.cover-default{background:linear-gradient(160deg,var(--primary-dark),var(--primary),var(--primary-light))}.book-info{padding:12px}.book-title{font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-author{font-size:13px;color:var(--text-light);margin-bottom:4px}.book-meta{font-size:12px;color:var(--text-muted);display:flex;gap:8px}.book-tag{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;margin-right:4px}.filter-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filter-bar select,.filter-bar input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;background:#fff}.filter-bar input{flex:1;min-width:200px}.book-detail{display:flex;gap:32px;margin-bottom:32px}.book-detail-cover{width:240px;flex-shrink:0}.book-detail-cover img,.book-detail-cover .book-cover-placeholder{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.book-detail-info{flex:1}.book-detail-title{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--primary-dark)}.book-detail-author{font-size:16px;color:var(--text-light);margin-bottom:12px}.book-detail-desc{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:20px}.book-detail-stats{display:flex;gap:24px;margin-bottom:20px;font-size:14px;color:var(--text-light)}.book-detail-actions{display:flex;gap:12px;flex-wrap:wrap}.chapter-list{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.chapter-list h3{margin-bottom:16px;color:var(--primary-dark)}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.chapter-item{padding:10px 12px;border-radius:6px;transition:background .2s;cursor:pointer;font-size:14px}.chapter-item:hover{background:var(--bg)}.reader{max-width:800px;margin:0 auto;background:linear-gradient(180deg,#fdfaf5,#faf5ec);padding:48px 56px;border-radius:var(--radius);box-shadow:0 4px 24px #8b451314;min-height:60vh;border:1px solid #f0e8da}.reader-title{font-size:26px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--primary-dark)}.reader-book-title{text-align:center;color:var(--text-light);font-size:14px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border)}.reader-content{font-size:17px;line-height:2.1;color:#3d2b1f;text-indent:2em}.reader-content p{margin-bottom:18px}.reader-nav{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.reader-comments{max-width:800px;margin:24px auto 0}.comment-section{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.comment-input{display:flex;gap:12px;margin-bottom:20px}.comment-input textarea{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;min-height:60px;font-family:inherit;font-size:14px}.comment-item{padding:12px 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-user{font-weight:700;font-size:14px;color:var(--primary-dark)}.comment-time{font-size:12px;color:var(--text-muted)}.comment-content{font-size:14px;color:var(--text);line-height:1.6}.comment-reply{margin-left:24px;margin-top:8px;padding-left:12px;border-left:2px solid var(--border)}.auth-container{max-width:420px;margin:40px auto;background:var(--bg-card);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow)}.auth-container h2{text-align:center;margin-bottom:24px;color:var(--primary-dark)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-error{color:#c0392b;font-size:13px;margin-top:4px}.form-submit{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:16px;cursor:pointer}.form-submit:hover{background:var(--primary-light)}.form-link{text-align:center;margin-top:16px;font-size:14px;color:var(--text-light)}.admin-layout{display:flex;min-height:60vh;gap:24px}.admin-sidebar{width:200px;flex-shrink:0;background:var(--bg-card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);height:fit-content}.admin-sidebar a{display:block;padding:10px 14px;border-radius:6px;color:var(--text);margin-bottom:4px;font-size:14px}.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--primary);color:#fff}.admin-content{flex:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);padding:20px;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-value{font-size:28px;font-weight:700;color:var(--primary)}.stat-label{font-size:13px;color:var(--text-light);margin-top:4px}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.data-table th{background:var(--bg);font-weight:600;color:var(--text-light)}.data-table tr:hover{background:var(--bg)}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.pagination button{padding:6px 14px;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:14px}.pagination button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:12px}.culture-banner{background:linear-gradient(135deg,#2d5f4a,#3d7a5f,#4a8c6e);color:#fff;padding:28px 32px;border-radius:var(--radius);margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 4px 16px #2d5f4a33;position:relative;overflow:hidden}.culture-banner:before{content:"🎭";position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:80px;opacity:.1}.culture-banner h3{font-size:20px;margin-bottom:4px;position:relative;z-index:1}.culture-banner p{font-size:14px;opacity:.92;position:relative;z-index:1}.culture-tags{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.culture-tag{background:#ffffff38;padding:6px 14px;border-radius:20px;font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s}.culture-tag:hover{background:#ffffff59}.ad-banner{background:#f0ebe0;border:2px dashed var(--border);border-radius:var(--radius);padding:20px;text-align:center;color:var(--text-muted);font-size:13px;margin:16px 0}.ad-banner.leaderboard{height:90px;display:flex;align-items:center;justify-content:center}.ad-banner.medium-rectangle{width:300px;height:250px;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border-radius:12px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:18px;color:var(--text)}.modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:24px}.tip-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tip-amount-btn{padding:12px;border:2px solid var(--border);border-radius:8px;background:#fff;font-size:16px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s}.tip-amount-btn:hover{border-color:var(--primary);color:var(--primary)}.tip-amount-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.wechat-qrcode{display:flex;justify-content:center;margin:16px 0}.qrcode-placeholder{width:200px;height:200px;border:2px solid #e8e8e8;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa}.tip-section{background:var(--bg-card);border-radius:var(--radius);padding:20px;margin-top:24px;box-shadow:var(--shadow)}.tip-section h3{margin-bottom:16px;color:var(--primary-dark);font-size:18px}.tip-stats{display:flex;gap:24px;margin-bottom:16px}.tip-stat{text-align:center}.tip-stat-value{font-size:24px;font-weight:700;color:var(--primary)}.tip-stat-label{font-size:13px;color:var(--text-light)}.tip-list{max-height:300px;overflow-y:auto}.tip-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.tip-item:last-child{border-bottom:none}.tip-user{display:flex;align-items:center;gap:8px}.tip-username{font-weight:500;font-size:14px}.tip-message{font-size:13px;color:var(--text-light);margin-top:2px}.tip-amount{font-weight:700;color:var(--primary);font-size:15px}.tip-time{font-size:12px;color:var(--text-muted)}.btn-tip{background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;border:none}.btn-tip:hover{background:linear-gradient(135deg,#06ad56,#05984c)}.featured-section{margin:32px 0;position:relative}.featured-badge{display:inline-block;background:linear-gradient(135deg,#d4a017,#f5c842);color:#5c3d0e;padding:6px 20px;border-radius:20px 20px 20px 0;font-weight:700;font-size:14px;margin-bottom:-1px;position:relative;z-index:2;box-shadow:0 2px 8px #d4a01766}.featured-card{display:flex;gap:40px;background:linear-gradient(135deg,#fff9f0,#fff5e6,#ffefd5);border:2px solid #d4a017;border-radius:12px;padding:32px;box-shadow:0 8px 32px #8b451326;position:relative;overflow:hidden;align-items:flex-start}.featured-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,160,23,.1) 0%,transparent 70%);pointer-events:none}.featured-cover{width:180px;min-width:180px;height:252px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #0000004d;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,.4) 100%)}.featured-cover-icon{font-size:48px;margin-bottom:12px;position:relative;z-index:1}.featured-cover-title{font-size:24px;font-weight:700;margin-bottom:4px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.5)}.featured-cover-subtitle{font-size:16px;opacity:.9;position:relative;z-index:1}.featured-info{flex:1;position:relative;z-index:1}.featured-tags{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.featured-tag{background:#8b45131a;color:var(--primary-dark);padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid rgba(139,69,19,.2)}.featured-title{font-size:26px;color:var(--text);margin-bottom:10px;font-weight:700}.featured-meta{display:flex;gap:16px;margin-bottom:14px;font-size:13px;color:var(--text-light);flex-wrap:wrap}.featured-desc{font-size:14px;color:var(--text);line-height:1.8;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-latest{margin-bottom:18px;font-size:14px}.featured-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.book-detail{flex-direction:column}.book-detail-cover{width:100%;max-width:200px;margin:0 auto}.reader{padding:24px 20px}.admin-layout{flex-direction:column}.admin-sidebar{width:100%}.navbar-links{gap:12px}.navbar-links a{font-size:13px}.featured-card{flex-direction:column;padding:24px;gap:24px}.featured-cover{width:160px;min-width:160px;height:224px;margin:0 auto}.featured-title{font-size:20px}.featured-actions .btn{flex:1;text-align:center;justify-content:center}}