@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#22314a;background:#f8f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{outline:3px solid #c96645;outline-offset:3px}.preview-banner{background:#244b55;color:#fff;text-align:center;padding:8px 16px;font-size:12px;font-weight:700}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:74px;background:#fff;border-bottom:1px solid #e9ebe8;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #1a2b3b08}.header-inner{height:100%;width:min(1240px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:32px}.brand{font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px;white-space:nowrap;letter-spacing:.03em}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#274e58;color:#fff;border-radius:11px;font-family:"Noto Serif SC",serif;font-size:20px}.brand-dot{color:#ce7557}.admin-tag{font-size:11px;padding:4px 7px;background:#edf4f4;color:#43737b;border-radius:6px;letter-spacing:0}.site-nav{display:flex;align-items:center;gap:30px;margin:auto;font-weight:600;color:#576474}.site-nav a{padding:25px 0}.site-nav a.router-link-active{color:#bb6047}.site-nav a:hover,.text-link:hover{color:#bc6249}.header-actions{display:flex;align-items:center;gap:22px;white-space:nowrap}.text-link{font-size:14px;font-weight:600}.pill-button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:#c76b4d;color:#fff;padding:12px 20px;font-weight:700;min-height:42px;transition:transform .2s,background .2s}.pill-button:hover,.button:hover{background:#ad5438;transform:translateY(-1px)}.pill-button.small{padding:9px 16px;font-size:13px;min-height:35px}.button.secondary{background:#eff4f3;color:#27535b}.button.secondary:hover{background:#dceae8}.button.ghost{background:#fff;color:#ad5438;border:1px solid #e5c3b8}.button.danger{background:#a94343}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.menu-toggle{display:none;background:transparent;border:0;font-size:25px;color:#253e50}.public-main{min-height:calc(100vh - 270px)}.section{padding:62px 0}.section.compact{padding:42px 0}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#b46c54;font-weight:700}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:25px}.section-heading h2,.page-title{font-family:"Noto Serif SC",serif;font-size:31px;line-height:1.25;margin:7px 0;color:#1c3041}.section-heading p,.muted{color:#7a8490}.arrow-link{color:#b45c42;font-size:14px;font-weight:700}.hero{background:linear-gradient(125deg,#e8f0ee,#f8f3e9 60%,#f1e0d6);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;min-height:420px}.hero h1{font-family:"Noto Serif SC",serif;font-size:clamp(38px,5vw,61px);line-height:1.3;margin:14px 0;color:#1b3542}.hero p{color:#61717a;font-size:16px;line-height:1.9;max-width:540px}.hero-art{height:330px;position:relative;display:grid;place-items:center}.hero-book{width:210px;height:290px;border-radius:9px 20px 20px 9px;background:linear-gradient(145deg,#244f59,#588f84);box-shadow:20px 25px 45px #24434b45;transform:rotate(-10deg);padding:30px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.hero-book span{font-family:"Noto Serif SC",serif;font-size:35px;line-height:1.4}.hero-book small{letter-spacing:.3em}.hero-disc{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid #bbcdc8;z-index:0}.hero-book{z-index:1}.stats-line{display:flex;gap:35px;margin-top:28px;color:#536269;font-size:13px}.stats-line strong{display:block;font-size:20px;color:#234854}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.book-card{display:block;background:#fff;border:1px solid #ebeeeb;border-radius:17px;padding:13px;box-shadow:0 8px 25px #23344908;transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2334491a}.book-cover{width:100%;aspect-ratio:3/4;border-radius:11px;background:linear-gradient(140deg,var(--cover-a,#2c5f64),var(--cover-b,#84a89e));display:flex;align-items:end;overflow:hidden;color:#fff;position:relative}.book-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.book-cover span{font-family:"Noto Serif SC",serif;font-size:24px;padding:18px;line-height:1.35;z-index:1;text-shadow:0 2px 7px #0006}.book-card h3{font-size:16px;margin:12px 0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.book-card p{font-size:12px;color:#8d959b;margin:0 0 3px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.topic-card{background:#fff;border:1px solid #e8ecea;padding:25px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;font-weight:700}.topic-card:hover{border-color:#c96f52;color:#b65a3f}.topic-card span:last-child{font-size:21px;color:#c87555}.page-intro{padding:55px 0 25px}.page-intro p{color:#78848b;margin:0}.filter-bar{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.field,.select,.textarea{border:1px solid #dfe5e5;background:#fff;border-radius:10px;padding:11px 13px;color:#253749;min-height:43px}.field:focus,.select:focus,.textarea:focus{border-color:#a3644d;outline:none}.field{min-width:220px}.textarea{width:100%;resize:vertical;min-height:100px}.empty,.notice{background:#fff;border:1px solid #e5e9e7;padding:35px;border-radius:16px;text-align:center;color:#7a8790}.notice.error{color:#a54343;background:#fff8f6;border-color:#eac9c2}.notice.success{color:#397164;background:#eef8f5}.chip{display:inline-flex;padding:5px 10px;border-radius:40px;background:#e9f2ef;color:#3b726c;font-size:12px;font-weight:700}.chip.pending{background:#fff3dc;color:#996d1c}.chip.rejected{background:#fae7e5;color:#b0524d}.detail-hero{display:grid;grid-template-columns:250px 1fr;gap:38px;background:#fff;border-radius:20px;padding:30px;border:1px solid #e8edeb}.detail-cover{width:100%;aspect-ratio:3/4;border-radius:13px;object-fit:cover;background:linear-gradient(135deg,#244c56,#92a89b)}.detail-summary{color:#66737d;line-height:1.9;max-width:760px}.chapter-list{background:#fff;border:1px solid #e6eae8;border-radius:17px;overflow:hidden}.chapter-row{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-top:1px solid #eff1ef}.chapter-row:first-child{border-top:0}.chapter-row:hover{background:#f9faf8}.reader-wrap{max-width:830px;margin:0 auto;padding:45px 20px 90px}.reader-sheet{background:#fffdf8;border:1px solid #ede7db;box-shadow:0 12px 42px #24343e0d;border-radius:16px;padding:clamp(25px,5vw,70px)}.reader-body{font-family:"Noto Serif SC",serif;line-height:2.15;white-space:pre-wrap;color:#303c43}.reader-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 20px}.reader-tools button{border:1px solid #d8deda;border-radius:8px;background:#fff;padding:7px 12px}.reader-nav{display:flex;justify-content:space-between;margin-top:28px;gap:15px}.form-card{background:#fff;border:1px solid #e9edeb;border-radius:17px;padding:28px;max-width:640px}.form-card label,.admin-form label{display:block;font-size:13px;color:#61717b;margin:14px 0 7px;font-weight:700}.form-card .field,.admin-form .field,.admin-form .select{width:100%}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.application-card{background:#fff;border:1px solid #e7ebea;border-radius:15px;padding:22px;margin-bottom:13px}.application-card header{display:flex;justify-content:space-between;gap:15px}.application-card p{line-height:1.7;color:#697782}.site-footer{background:#203744;color:#d4dfdf;margin-top:60px}.footer-inner{padding:42px 0;display:flex;justify-content:space-between;gap:30px}.footer-inner strong{font-family:"Noto Serif SC",serif;font-size:25px;color:#fff}.footer-inner p{font-size:13px}.footer-links{display:flex;gap:25px;font-size:13px}.mobile-tabs{display:none}.admin-shell{background:#f4f6f6;min-height:100vh}.admin-frame{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1450px;margin:auto;min-height:calc(100vh - 74px)}.admin-sidebar{background:#fff;border-right:1px solid #e7ecec;padding:30px 15px}.sidebar-caption{padding:0 16px 15px;color:#9aa6ac;font-size:12px;letter-spacing:.15em}.admin-sidebar a{display:block;padding:12px 16px;margin-bottom:4px;border-radius:10px;font-size:14px;color:#536572;font-weight:600}.admin-sidebar a:hover,.admin-sidebar a.active{background:#e8f1ef;color:#2f6060}.admin-main{padding:38px;min-width:0}.admin-title{font-size:28px;margin:0 0 7px;font-family:"Noto Serif SC",serif}.admin-subtitle{color:#7b8a91;margin:0 0 25px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:#fff;border:1px solid #e5eaea;border-radius:15px;padding:25px}.metric strong{display:block;font-size:31px;color:#274e57;margin-top:9px}.panel{background:#fff;border:1px solid #e6ebeb;border-radius:15px;padding:25px;margin-top:20px;overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:#839098;font-size:12px;border-bottom:1px solid #e9eeee;padding:12px}.table td{border-bottom:1px solid #f0f2f2;padding:15px 12px;vertical-align:top}.table tr:last-child td{border-bottom:0}.table a{color:#ac5b42;font-weight:700}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions button{padding:7px 10px;border-radius:8px;background:#edf3f2;border:0;color:#315f61}.admin-form{max-width:780px}.admin-form .textarea{min-height:130px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-list-card,.admin-mobile-links{display:none}.story-editor{max-width:920px;padding:clamp(20px,3vw,38px)}.story-editor label{display:block;font-size:13px;color:#435c66;margin:18px 0 7px;font-weight:700}.story-editor .field,.story-editor .select,.story-editor .textarea{width:100%;min-width:0}.story-editor .eyebrow{margin:4px 0 18px}.story-editor .file-field{padding:8px 11px}.story-editor .fulltext-field{min-height:390px;line-height:1.8;font-family:"Noto Serif SC",serif}.story-editor .cover-preview{display:block;max-height:165px;max-width:125px;border-radius:9px;margin-top:9px;object-fit:cover}.topic-create{padding:17px;margin:18px 0;border-radius:12px;background:#f5f8f7}.topic-create .button{margin-top:12px}.editor-divider{border-top:1px solid #e9eeee;margin:30px 0}.topic-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}.topic-filters button{border:1px solid #dfe8e5;border-radius:999px;background:#fff;color:#60747a;padding:8px 15px;font-size:13px}.topic-filters button.active,.topic-filters button:hover{background:#2d5b60;color:#fff;border-color:#2d5b60}@media(max-width:1050px){.book-grid{grid-template-columns:repeat(4,1fr)}.site-nav{gap:16px}.header-inner{gap:20px}.hero-inner{grid-template-columns:1fr 300px;gap:20px}.admin-main{padding:26px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.site-header{height:64px}.header-inner{width:calc(100% - 30px)}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:12px 20px 20px;box-shadow:0 15px 20px #233c4815;flex-direction:column;align-items:start;gap:0}.site-nav.open{display:flex}.site-nav a{padding:10px 0}.menu-toggle{display:block;margin-left:auto}.header-actions{gap:12px}.header-actions .text-link{display:none}.hero-inner{grid-template-columns:1fr;min-height:0;padding:58px 0}.hero-art{display:none}.book-grid{grid-template-columns:repeat(3,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:170px 1fr;gap:20px}.admin-frame{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow:auto;gap:4px;padding:10px;border-right:0;border-bottom:1px solid #e7ecec;white-space:nowrap}.admin-sidebar a{margin:0}.sidebar-caption{display:none}.admin-main{padding:20px}.footer-inner{flex-direction:column}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e9e9;justify-content:space-around;padding:11px 0 env(safe-area-inset-bottom);z-index:15;font-size:13px;font-weight:700}.mobile-tabs a.router-link-active{color:#c36b4c}.site-footer{margin-bottom:50px}}@media(max-width:520px){.container{width:calc(100% - 30px)}.brand{font-size:21px}.header-actions .pill-button{font-size:12px;padding:7px 10px}.hero h1{font-size:40px}.section{padding:40px 0}.section-heading h2,.page-title{font-size:26px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{padding:9px}.book-card h3{font-size:14px}.book-cover span{font-size:20px}.topic-grid{gap:10px}.topic-card{padding:18px}.detail-hero{grid-template-columns:1fr;padding:20px}.detail-cover{max-width:170px}.filter-bar .field,.filter-bar .select{width:100%}.admin-main{padding:17px}.metric-grid{gap:9px}.metric{padding:17px}.metric strong{font-size:25px}.panel{padding:17px}.admin-grid{grid-template-columns:1fr}.table{display:none}.admin-list-card{display:block;background:#fff;border-bottom:1px solid #e7eeee;padding:15px 0}.admin-list-card:last-child{border:0}.reader-tools{flex-wrap:wrap}.reader-sheet{padding:25px 20px}.reader-body{font-size:16px}}:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#263550;background:#f5f7fb;font-size:15px}.site-header{height:70px;border-color:#e9edf5;box-shadow:0 5px 24px #243b6410}.header-inner{gap:21px}.brand{font-size:21px;color:#24395e}.brand-mark,.brand-logo{width:38px;height:38px;border-radius:11px}.brand-mark{background:linear-gradient(135deg,#4779cc,#6ca4db);font-family:inherit;font-size:21px}.brand-logo{object-fit:contain;background:#fff}.site-nav{gap:18px;font-size:14px;color:#51627c}.site-nav a{padding:23px 0}.site-nav a:hover,.site-nav a.router-link-active,.text-link:hover{color:#4074c3}.header-actions{gap:12px}.header-search{display:flex;align-items:center;width:min(245px,22vw);border:1px solid #e2e9f3;border-radius:12px;background:#f6f8fc;padding:0 4px 0 11px;transition:box-shadow .2s,border-color .2s}.header-search:focus-within{border-color:#83a9dc;box-shadow:0 0 0 4px #6597d222}.header-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px;color:#263550}.header-search button{border:0;background:transparent;color:#4679c7;font-size:25px;line-height:1;padding:5px 7px}.mobile-search{display:none}.pill-button,.button{background:#477bcb;border-radius:12px;box-shadow:0 8px 16px #477bcb24;transition:transform .23s,box-shadow .23s,background .23s}.pill-button:hover,.button:hover{background:#356cbf;transform:translateY(-3px);box-shadow:0 13px 23px #477bcb35}.button.secondary{background:#edf3fd;color:#3569b5;box-shadow:none}.button.secondary:hover{background:#dfeafa;box-shadow:0 8px 18px #4478b128}.button.ghost{color:#477bcb;border-color:#c9d9ef;box-shadow:none}.arrow-link{color:#4377bf}.arrow-link:hover{color:#275ba6}.hero{background:radial-gradient(circle at 90% 20%,#e1edfc 0%,transparent 40%),linear-gradient(130deg,#f6f9ff,#fff 52%,#f0f6fc)}.hero h1,.section-heading h2,.page-title,.admin-title{font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:-.025em}.hero h1{font-weight:800;color:#22375a}.hero-book{background:linear-gradient(145deg,#315a92,#75a0c6);box-shadow:20px 25px 45px #294d8240}.hero-disc{border-color:#b8cdea}.eyebrow{color:#618cc7}.stats-line strong{color:#345d95}.book-card{border:1px solid #e9eef6;box-shadow:0 10px 25px #2448770c}.book-card:hover{border-color:#c9ddf6;transform:translateY(-7px);box-shadow:0 18px 38px #2a568026}.book-cover img,.ranking-cover img{transition:transform .4s ease}.book-card:hover .book-cover img,.ranking-item:hover .ranking-cover img{transform:scale(1.06)}.book-cover{background:linear-gradient(145deg,var(--cover-a,#456e9b),var(--cover-b,#8cb5d4))}.book-cover span{font-family:inherit;font-weight:700}.topic-card{border-color:#e7edf7;box-shadow:0 7px 20px #25477a0a;transition:transform .23s,box-shadow .23s,border-color .23s}.topic-card:hover{color:#346fbd;border-color:#bcd4f3;transform:translateY(-5px);box-shadow:0 15px 30px #2b58941d}.topic-card span:last-child{color:#588acb}.site-footer{background:#263955}.page-intro{padding:47px 0 24px}.page-intro p,.section-heading p,.muted{color:#687891}.field,.select,.textarea{border-color:#dce5f2}.field:focus,.select:focus,.textarea:focus{border-color:#77a2d8;box-shadow:0 0 0 4px #6598d020}.chip{background:#edf4fd;color:#4a78b6}.filter-bar .field{flex:1;min-width:250px}.library-filters{background:#fff;border:1px solid #e8eef6;border-radius:19px;padding:19px 22px;margin:5px 0 24px;box-shadow:0 10px 28px #2448770a}.filter-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0}.filter-row+.filter-row{border-top:1px solid #f0f3f8}.filter-row strong{color:#5a6d89;padding-top:8px;font-size:13px}.filter-row>div{display:flex;flex-wrap:wrap;gap:7px}.filter-row button,.segmented button{border:1px solid #e2e9f2;background:#fff;color:#526681;border-radius:999px;padding:7px 14px;font-size:13px;transition:all .2s}.filter-row button:hover,.segmented button:hover{border-color:#95b7e3;color:#356bb5;transform:translateY(-2px)}.filter-row button.active,.segmented button.active{background:#477bcb;border-color:#477bcb;color:#fff;box-shadow:0 6px 13px #477bcb29}.result-count{color:#72829b;margin:0 0 17px;font-size:13px}.result-count strong{color:#477bcb}.pager{display:flex;align-items:center;justify-content:center;gap:15px;margin:33px 0 65px;color:#74849b;font-size:13px}.ranking-controls{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.segmented{display:flex;gap:8px}.ranking-list{display:grid;gap:11px}.ranking-item{display:grid;grid-template-columns:48px 76px minmax(0,1fr) 110px;align-items:center;gap:18px;background:#fff;border:1px solid #e8eef6;border-radius:17px;padding:12px 22px;box-shadow:0 7px 20px #25477a0a;transition:transform .22s,box-shadow .22s}.ranking-item:hover{transform:translateY(-3px);box-shadow:0 14px 28px #25477a1a}.ranking-number{font-size:24px;font-weight:800;color:#7da1d1}.ranking-cover{height:95px;aspect-ratio:3/4;border-radius:8px}.ranking-cover span{font-size:14px;padding:8px}.ranking-info{min-width:0}.ranking-info strong{font-size:17px}.ranking-info small{display:block;color:#8693a6;margin-top:3px}.ranking-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7d8a9e;margin:9px 0 0}.ranking-stats{text-align:right}.ranking-stats strong{display:block;font-size:23px;color:#477bcb}.ranking-stats span{font-size:12px;color:#8795a7}.topic-stat-grid{margin-bottom:70px}.topic-stat-card strong{display:block;font-size:18px}.topic-stat-card small{display:block;font-size:12px;color:#8997aa;margin-top:12px}.admin-shell{background:#f5f7fb}.admin-sidebar,.panel,.metric,.detail-hero,.chapter-list,.application-card{border-color:#e6edf6}.admin-sidebar a:hover,.admin-sidebar a.active{background:#ebf3ff;color:#386fbb}.admin-title{color:#263b61}.admin-subtitle{color:#77879c}.required{color:#de6156;font-weight:800}.logo-preview{display:block;width:70px;height:70px;margin:12px 0}.admin-form h2{font-size:19px;color:#2c466f;margin:0 0 16px}.story-editor .fulltext-field{font-family:Noto Sans SC,Microsoft YaHei,sans-serif}@media(max-width:1120px){.header-search{display:none}.header-inner{gap:14px}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:12px 20px 20px;box-shadow:0 18px 28px #223e6630;flex-direction:column;align-items:start;gap:0}.site-nav.open{display:flex}.site-nav a{padding:10px 0}.menu-toggle{display:block;margin-left:auto}.mobile-search{display:flex;width:100%;gap:8px;padding:6px 0 12px}.mobile-search input{flex:1;min-width:0;border:1px solid #dce5f2;border-radius:9px;padding:9px}.mobile-search button{border:0;background:#477bcb;color:#fff;border-radius:9px;padding:8px 12px}}@media(max-width:768px){.site-header{height:64px}.site-nav{top:64px;box-shadow:0 18px 28px #223e6630}.mobile-search{display:flex;width:100%;gap:8px;padding:6px 0 12px}.mobile-search input{flex:1;min-width:0;border:1px solid #dce5f2;border-radius:9px;padding:9px}.mobile-search button{border:0;background:#477bcb;color:#fff;border-radius:9px;padding:8px 12px}.filter-row{grid-template-columns:1fr;gap:5px}.filter-row strong{padding:0}.ranking-item{grid-template-columns:35px 60px minmax(0,1fr) 70px;gap:10px;padding:10px}.ranking-cover{height:78px}.ranking-info p{display:none}.ranking-info strong{font-size:14px}.ranking-stats strong{font-size:18px}.ranking-stats span{font-size:10px}}@media(max-width:520px){.ranking-controls{flex-wrap:wrap}.filter-row button{padding:6px 11px}.library-filters{padding:12px}.pager{gap:8px}.pager .button{padding:9px 12px}.ranking-number{font-size:17px}}.book-cover:has(.cover-empty){align-items:center;justify-content:center}.book-cover .cover-empty{font-size:44px;font-weight:400;padding:0;color:#ffffffb8;text-shadow:none;line-height:1}.ranking-cover .cover-empty{font-size:24px}.detail-cover .cover-empty{font-size:70px}.theme-toggle{flex:0 0 auto;width:37px;height:37px;border:1px solid #dce6f5;border-radius:11px;background:#f4f8fe;color:#477bcb;font-size:20px;display:grid;place-items:center;line-height:1;transition:transform .2s,background .2s,box-shadow .2s}.theme-toggle:hover{transform:translateY(-2px);background:#e8f1fd;box-shadow:0 7px 14px #477bcb21}.user-badge{display:inline-flex;align-items:center;gap:7px;max-width:155px;font-size:13px;font-weight:700;color:#314c77;white-space:nowrap}.user-avatar{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#e8f1fd;color:#4176bf}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-actions{margin-left:auto}.reader-book-bar{position:sticky;top:70px;z-index:18;background:#ffffffed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid #e4ebf5;box-shadow:0 8px 20px #233c640e}.reader-book-inner{width:min(830px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;gap:13px}.reader-book-inner img,.reader-book-placeholder{width:40px;height:54px;flex:0 0 40px;object-fit:cover;border-radius:6px}.reader-book-placeholder{display:grid;place-items:center;background:linear-gradient(140deg,#466d9e,#8fb5d2);color:#fff;font-size:23px}.reader-book-info{min-width:0;flex:1}.reader-book-info strong,.reader-book-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-book-info strong{font-size:15px;color:#263d65}.reader-book-info span{font-size:12px;color:#7a8ba3;margin-top:4px}.reader-book-back{font-size:12px;color:#477bcb;font-weight:700;white-space:nowrap}.reader-wrap{padding-top:25px}html[data-theme=dark]{color-scheme:dark;background:#111a2a;color:#dce7f6}html[data-theme=dark] body,html[data-theme=dark] .admin-shell{background:#111a2a;color:#dce7f6}html[data-theme=dark] .site-header,html[data-theme=dark] .site-nav,html[data-theme=dark] .mobile-tabs,html[data-theme=dark] .admin-sidebar,html[data-theme=dark] .book-card,html[data-theme=dark] .topic-card,html[data-theme=dark] .library-filters,html[data-theme=dark] .ranking-item,html[data-theme=dark] .panel,html[data-theme=dark] .metric,html[data-theme=dark] .form-card,html[data-theme=dark] .detail-hero,html[data-theme=dark] .chapter-list,html[data-theme=dark] .application-card,html[data-theme=dark] .reader-book-bar{background:#1c2940;color:#dce7f6;border-color:#30405a}html[data-theme=dark] .hero{background:linear-gradient(135deg,#1b2941,#172236 65%,#1f314d)}html[data-theme=dark] .reader-sheet{background:#1b273b;border-color:#37465b;box-shadow:0 14px 32px #0003}html[data-theme=dark] .hero h1,html[data-theme=dark] .section-heading h2,html[data-theme=dark] .page-title,html[data-theme=dark] .admin-title,html[data-theme=dark] .reader-book-info strong,html[data-theme=dark] .brand,html[data-theme=dark] .ranking-info strong,html[data-theme=dark] .book-card h3,html[data-theme=dark] .admin-form h2{color:#e8f0fc}html[data-theme=dark] .hero p,html[data-theme=dark] .page-intro p,html[data-theme=dark] .muted,html[data-theme=dark] .reader-book-info span,html[data-theme=dark] .ranking-info p,html[data-theme=dark] .detail-summary,html[data-theme=dark] .section-heading p,html[data-theme=dark] .application-card p{color:#a7b8d0}html[data-theme=dark] .site-nav,html[data-theme=dark] .text-link,html[data-theme=dark] .user-badge{color:#cad8ee}html[data-theme=dark] .field,html[data-theme=dark] .select,html[data-theme=dark] .textarea,html[data-theme=dark] .header-search,html[data-theme=dark] .mobile-search input,html[data-theme=dark] .filter-row button,html[data-theme=dark] .segmented button,html[data-theme=dark] .reader-tools button{background:#152238;color:#e1ecfa;border-color:#3b506d}html[data-theme=dark] .field::placeholder,html[data-theme=dark] .textarea::placeholder,html[data-theme=dark] .header-search input::placeholder{color:#8ca0bd}html[data-theme=dark] .header-search input{color:#e1ecfa}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .user-avatar{background:#304461;color:#b7d2fa;border-color:#405779}html[data-theme=dark] .filter-row button.active,html[data-theme=dark] .segmented button.active{background:#477bcb;color:#fff;border-color:#477bcb}html[data-theme=dark] .button.secondary{background:#29405f;color:#c8dcfa}html[data-theme=dark] .chapter-row{border-color:#30405a}html[data-theme=dark] .chapter-row:hover{background:#263955}html[data-theme=dark] .admin-sidebar a{color:#b5c5dc}html[data-theme=dark] .admin-sidebar a.active,html[data-theme=dark] .admin-sidebar a:hover{background:#2c4568;color:#dceaff}html[data-theme=dark] .filter-row+.filter-row,html[data-theme=dark] .table td,html[data-theme=dark] .table th{border-color:#30405a}html[data-theme=dark] .reader-body{color:#d8e3f3}html[data-theme=dark] .notice,html[data-theme=dark] .empty{background:#1c2940;border-color:#30405a;color:#b4c5da}html[data-theme=dark] .notice.error{background:#382634;color:#ffb7b7}html[data-theme=dark] .notice.success{background:#203b39;color:#a9e8d2}html[data-theme=dark] .site-footer{background:#101b2d}html[data-theme=dark] .brand-logo{background:#1c2940}@media(max-width:768px){.reader-book-bar{top:64px}.reader-book-inner{width:calc(100% - 30px)}.reader-book-back{font-size:0}.reader-book-back:after{content:"目录";font-size:12px}.user-badge{max-width:112px}.user-name{max-width:66px}}@media(max-width:520px){.header-inner{gap:10px}.admin-return{display:none}.theme-toggle{width:33px;height:33px}.user-badge{max-width:92px}.user-name{max-width:52px}.reader-book-inner{min-height:68px}.reader-book-inner img,.reader-book-placeholder{width:34px;height:46px;flex-basis:34px}}html[data-theme=dark] .menu-toggle{color:#dce7f6}.home-hero-title,.home-book-title{white-space:pre-line}.header-search button{width:34px;height:36px;display:grid;place-items:center;padding:0;flex:0 0 34px}.header-search button svg{display:block}.file-field{height:auto;padding:7px 9px;background:#f8fbff;color:#506481;border:1px dashed #b9cde9;cursor:pointer;max-width:100%;font-size:13px}.file-field::file-selector-button{border:0;border-radius:9px;background:#e8f1ff;color:#356cbd;padding:9px 14px;margin-right:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.file-field:hover{border-color:#79a8e5;background:#f0f7ff}.file-field:hover::file-selector-button{background:#d9eaff;transform:translateY(-1px)}html[data-theme=dark] .file-field{background:#152238;color:#bfd0e7;border-color:#4a668a}html[data-theme=dark] .file-field::file-selector-button{background:#29466e;color:#d9e9ff}html[data-theme=dark] .file-field:hover{background:#1c304d}.side-rail{position:fixed;left:14px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:30}.side-rail>button,.floating-contact>button{width:39px;height:39px;border:1px solid #dce6f3;border-radius:11px;background:#fff;color:#4476ba;font-size:22px;font-weight:700;box-shadow:0 8px 22px #29456b22;transition:transform .2s,box-shadow .2s}.side-rail button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #29456b35}.floating-contact{position:relative}.floating-contact>button{font-size:16px;background:#e9f2ff}.floating-gallery{position:absolute;left:calc(100% + 10px);bottom:0;width:230px;max-height:min(60vh,450px);overflow:auto;padding:14px;background:#fff;border:1px solid #dfe8f4;border-radius:15px;box-shadow:0 18px 45px #1a32523b}.floating-gallery strong{display:block;margin-bottom:10px;color:#2d4269}.floating-gallery p{font-size:12px;color:#7c899a}.floating-gallery button{display:flex;align-items:center;gap:10px;width:100%;padding:7px;border:0;border-radius:9px;background:transparent;text-align:left;color:#3d5272;font-size:13px}.floating-gallery button:hover{background:#eef4ff}.floating-gallery img{width:54px;height:54px;object-fit:cover;border-radius:7px}.footer-copy{max-width:580px}.footer-copy p{white-space:pre-line;line-height:1.7}.footer-copy .company-info{color:#b5c5dc}.footer-image-list{display:flex;flex-wrap:wrap;gap:15px}.footer-image-button{display:grid;justify-items:center;gap:7px;border:0;background:transparent;color:#dce7f6;font-size:12px;cursor:zoom-in}.footer-image-button img{width:86px;height:86px;object-fit:cover;border-radius:10px;background:#fff;padding:4px;transition:transform .2s,box-shadow .2s}.footer-image-button:hover img{transform:scale(1.05);box-shadow:0 10px 24px #0006}.image-preview-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0a1529b8;padding:20px}.image-preview-card{position:relative;max-width:min(90vw,560px);max-height:90vh;overflow:auto;background:#fff;padding:18px;border-radius:18px;text-align:center;box-shadow:0 25px 60px #0005}.image-preview-card img{display:block;max-width:100%;max-height:70vh;object-fit:contain}.image-preview-card p{margin:12px 0 0;color:#344d70}.image-preview-close{position:absolute;right:7px;top:5px;width:32px;height:32px;border:0;border-radius:50%;background:#eaf1fa;color:#365879;font-size:24px}.settings-subheading{margin:30px 0 5px!important;padding-top:22px;border-top:1px solid #e8eef6}.settings-image-list{display:grid;gap:9px;margin-top:10px}.settings-image-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e7edf6;border-radius:11px}.settings-image-item img{width:62px;height:62px;object-fit:cover;border-radius:7px}.settings-image-item .field{flex:1;min-width:0}.settings-image-item .button{flex:0 0 auto}.side-rail .floating-gallery button:hover{transform:none;box-shadow:none}html[data-theme=dark] .side-rail>button,html[data-theme=dark] .floating-contact>button,html[data-theme=dark] .floating-gallery,html[data-theme=dark] .image-preview-card{background:#1c2940;color:#dce7f6;border-color:#3a506e}html[data-theme=dark] .floating-gallery strong,html[data-theme=dark] .floating-gallery button,html[data-theme=dark] .image-preview-card p{color:#dce7f6}html[data-theme=dark] .floating-gallery button:hover{background:#2a4262}html[data-theme=dark] .settings-image-item,html[data-theme=dark] .settings-subheading{border-color:#3a506e}@media(max-width:768px){.side-rail{top:auto;bottom:76px;left:7px;transform:none;gap:5px}.side-rail>button,.floating-contact>button{width:34px;height:34px;font-size:18px}.floating-contact>button{font-size:13px}.floating-gallery{left:calc(100% + 7px);width:min(230px,calc(100vw - 58px))}.footer-image-button img{width:72px;height:72px}.settings-image-item{flex-wrap:wrap}.settings-image-item .field{min-width:150px}}.floating-gallery .floating-gallery-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:25px;height:25px;padding:0;font-size:20px}.admin-shell .side-rail{top:auto;bottom:22px;transform:none}@media(max-width:768px){.admin-shell .side-rail{bottom:14px}}.side-rail{left:auto;right:14px;justify-items:end;max-height:70vh;overflow:visible}.floating-contact>button{width:auto;min-width:39px;max-width:86px;padding:0 8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.floating-window{position:absolute;right:calc(100% + 10px);top:0;display:grid;justify-items:center;gap:8px;width:180px;padding:15px;background:#fff;border:1px solid #dfe8f4;border-radius:15px;box-shadow:0 18px 45px #1a32523b;color:#3d5272;font-size:13px}.floating-window-image{border:0;padding:0;background:transparent;cursor:zoom-in}.floating-window-image img{display:block;width:138px;height:138px;object-fit:contain}.floating-window-close{position:absolute;right:5px;top:3px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}html[data-theme=dark] .floating-window{background:#1c2940;color:#dce7f6;border-color:#3a506e}@media(max-width:768px){.side-rail{left:auto;right:7px;max-height:65vh;overflow-y:auto;overflow-x:visible}.floating-contact>button{min-width:34px;font-size:12px}.floating-window{position:fixed;right:calc(100% - 100vw + 51px);top:auto;bottom:76px;width:min(180px,calc(100vw - 65px))}}