@charset "UTF-8";
:root{--paper:#fffaf5;--paper2:#fff4e9;--surface:#fff;--text:#29231f;--muted:#8e847c;--line:#ede4da;--accent:#ed5940;--accent2:#ff9160;--accentsoft:#fff0e8;--shadow:0 16px 44px rgba(94,54,23,.07);--radius:18px;--max:1140px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.is-dark{--paper:#211d1b;--paper2:#2b2521;--surface:#302a27;--text:#f5ece3;--muted:#aba096;--line:#484039;--accentsoft:#483028;--shadow:0 20px 50px rgba(0,0,0,.16)}body.has-overlay{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e98f69;outline-offset:3px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{min-height:100vh}.topbar{height:78px;max-width:var(--max);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#f77f53,#dd4935);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px #e9543826}.brand-icon svg{width:22px;height:22px}.brand strong{display:block;font-size:19px;letter-spacing:1px;font-weight:850}.brand small{display:block;font-size:9px;letter-spacing:1.9px;margin-top:1px;color:var(--muted);font-weight:650}.top-actions{display:flex;align-items:center;gap:11px}.small-round{height:39px;width:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}.small-round svg{width:17px}.shelf-link{display:flex;align-items:center;gap:8px;border:1px solid var(--line);height:40px;background:var(--surface);border-radius:12px;padding:0 12px;color:var(--text);font-size:12px;font-weight:700}.shelf-link svg{width:16px;height:16px}.shelf-link b{font-size:10px;min-width:18px;height:18px;border-radius:6px;color:#fff;background:var(--accent);display:grid;place-items:center}.page-grid{max-width:var(--max);padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:26px;align-items:start;margin:auto}.main-content{min-width:0}.hero{min-height:348px;display:grid;grid-template-columns:1.25fr .9fr;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff1de,#ffe8dd 67%,#ffdfcd);border-radius:25px;padding:39px 0 0 34px}.hero-left{position:relative;z-index:2;padding-bottom:37px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;color:#a36b4f;font-weight:800}.dot{height:7px;width:7px;border-radius:50%;background:#f36b44}.hero h1{margin:19px 0 13px;font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:39px;letter-spacing:1.3px;line-height:1.43;color:#3b2b23;font-weight:800}.hero h1 em{font-style:normal;color:#df6241}.hero p{font-size:12px;max-width:340px;color:#886b5a;line-height:2;margin:0}.hero-buttons{display:flex;align-items:center;gap:18px;margin-top:27px}.primary-btn{height:42px;display:inline-flex;align-items:center;gap:11px;padding:0 17px;border-radius:11px;background:#e95138;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 9px 18px #e64c3330}.primary-btn svg,.text-link svg,.secondary-btn svg{width:15px;height:15px}.text-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#aa765e;white-space:nowrap;font-weight:750}.hero-art{position:relative;min-height:100%}.decor-circle{width:330px;height:330px;position:absolute;border-radius:50%;background:#ffd5be;left:10px;top:45px}.decor-asterisk{position:absolute;right:14px;top:12px;color:#f2a46b;font-size:42px;opacity:.9}.mock-book{position:absolute;width:144px;height:215px;box-shadow:5px 14px 26px #9d503c28;border-radius:6px 14px 14px 6px}.mock-book.back{background:#f6a775;transform:rotate(15deg);right:9px;top:59px;display:flex;align-items:center;justify-content:center;color:#fff5e9;font-size:14px;line-height:1.5;letter-spacing:3px;font-family:Georgia,serif}.mock-book.front{background:linear-gradient(145deg,#b94734,#e86444 67%,#f68a57);transform:rotate(-9deg);left:10px;top:31px;display:flex;flex-direction:column;justify-content:space-between;padding:18px 13px;color:#fff7ef}.mock-book.front:before{position:absolute;content:"";width:65px;height:65px;border:1px solid #ffffff44;border-radius:50%;top:60px;right:1px}.cover-top{font-size:9px;letter-spacing:1.2px}.cover-name{font-family:"Songti SC","SimSun",serif;font-size:25px;line-height:1.5;letter-spacing:2px;font-weight:850}.cover-bottom{font-size:7px;letter-spacing:1px}.reading-sticker{position:absolute;right:6px;bottom:29px;transform:rotate(7deg);border-radius:999px;padding:9px 11px;background:#fffbec;color:#a15c39;font-size:9px;font-weight:850;box-shadow:0 8px 20px #d77b4440;white-space:nowrap}.search-panel{padding-top:27px}.search-box{height:49px;display:flex;align-items:center;padding:0 16px;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 15px #37221c05}.search-box>svg{width:18px;height:18px;color:#a2968b}.search-box input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:var(--text);font-size:13px}.search-box input::placeholder{color:#ada39a}.search-box>span{color:var(--muted);font-size:10px;border-left:1px solid var(--line);padding-left:13px}.filter-row{display:flex;overflow:auto;gap:9px;margin-top:15px;padding:1px 0 8px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter{flex:none;border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--muted);border-radius:999px;height:33px;padding:0 14px}.filter.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:750}.library-section{padding:22px 0 2px;scroll-margin-top:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:19px}.section-eyebrow{font-size:9px;font-weight:850;color:var(--accent);letter-spacing:1.7px}.section-head h2{font-size:23px;line-height:1.35;margin:5px 0 7px;font-weight:870}.title-accent{color:var(--accent)}.section-head p{font-size:11px;color:var(--muted);margin:0}.book-count{font-size:10px;color:var(--muted);white-space:nowrap;padding-bottom:4px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.book-card{border:0;background:none;padding:0;text-align:left;min-width:0;color:var(--text);transition:transform .2s}.book-card:hover{transform:translateY(-3px)}.book-card[hidden]{display:none}.book-cover{height:232px;position:relative;border-radius:9px 13px 13px 9px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:14px 11px 11px;box-shadow:2px 10px 20px #51352716;border-left:5px solid #00000016}.book-cover:after{content:"";position:absolute;inset:0;border-left:1px solid #ffffff63;pointer-events:none}.cover-coffee{background:linear-gradient(160deg,#ba8062,#e0aa7a 60%,#f2c9a2)}.cover-food{background:linear-gradient(145deg,#c95141,#e58a5d 62%,#edb18c)}.cover-space{background:linear-gradient(160deg,#5a836e,#8eb59c 58%,#bbd5b8)}.cover-weekend{background:linear-gradient(160deg,#7371a2,#a8a6c2 60%,#d1c9e2)}.cover-meta,.book-cover-foot{position:relative;z-index:2;color:#fff9eb;font-size:8px;font-weight:750;letter-spacing:.8px;display:flex;justify-content:space-between;gap:4px}.book-cover img{position:absolute;left:8%;right:8%;width:88%;height:47%;object-fit:cover;top:23%;border-radius:10px;filter:saturate(.85);opacity:.86;box-shadow:0 10px 25px #43291c22}.book-cover-title{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-weight:850;font-size:18px;letter-spacing:1px;line-height:1.55;align-self:start;color:#fff;z-index:2;text-shadow:0 2px 8px #59301e44;margin-top:auto;margin-bottom:12px}.book-info{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:11px 1px 0}.book-info b{display:block;font-size:11px;line-height:1.6;font-weight:850}.book-info span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.book-info svg{width:16px;height:16px;flex:none;color:#b3a8a0}.empty{padding:24px;text-align:center;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:14px;margin-top:16px}.continue-card{background:var(--surface);border:1px solid var(--line);padding:17px 20px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:21px}.continue-card[hidden]{display:none}.micro-label{font-size:9px;letter-spacing:1px;color:var(--accent);font-weight:750}.continue-card h3{margin:5px 0;font-size:15px}.continue-card p{margin:0;font-size:11px;color:var(--muted)}.secondary-btn{display:flex;align-items:center;gap:5px;white-space:nowrap;border:0;border-radius:10px;background:var(--accentsoft);color:var(--accent);font-weight:750;padding:10px 12px;font-size:11px}.chapter-section{padding-top:32px;scroll-margin-top:15px}.section-head.compact{margin-bottom:13px}.guide-card{display:flex;align-items:start;gap:14px;border-bottom:1px solid var(--line);padding:14px 4px}.guide-number{flex:none;font-size:19px;font-family:Georgia,serif;color:#e68c61;font-weight:750}.guide-card b{font-size:13px}.guide-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0 0}.legal{font-size:10px;line-height:1.8;color:var(--muted);padding:26px 0 14px}.footer{border-top:1px solid var(--line);display:flex;gap:9px;flex-direction:column;color:var(--muted);padding:18px 0 50px;font-size:10px}.footer strong{color:var(--text);font-size:12px}.desktop-aside{position:sticky;top:22px}.aside-card{padding:22px;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.aside-line{color:var(--accent);font-size:9px;letter-spacing:1.8px;font-weight:850}.aside-title{font-family:"Songti SC","SimSun",serif;font-size:25px;line-height:1.5;margin:14px 0 8px;font-weight:850}.aside-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.9}.aside-divider{height:1px;background:var(--line);margin:17px 0 8px}.aside-card button{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:13px 0;display:flex;align-items:center;gap:10px;text-align:left;width:100%;font-size:11px;font-weight:700}.aside-card button span{font-size:10px;color:var(--accent)}.aside-card button svg{margin-left:auto;width:13px;height:13px;color:var(--muted)}.aside-note{font-size:10px;line-height:1.8;color:var(--muted);padding:15px 8px}.mobile-nav{display:none}.overlay{position:fixed;inset:0;z-index:90;background:#211b1888;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.reader{display:flex;flex-direction:column;background:var(--paper);color:var(--text);border-radius:20px;width:min(100%,680px);height:min(820px,calc(100dvh - 40px));overflow:hidden;box-shadow:0 23px 70px #1b130f55}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:0 19px;border-bottom:1px solid var(--line);font-size:13px;font-weight:850}.reader-top>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--text)}.reader-icon:hover{background:var(--accentsoft)}.reader-icon svg{width:19px;height:19px}.reader-icon.saved{color:var(--accent);background:var(--accentsoft)}.reader-progress{height:3px;background:var(--line)}.reader-progress div{background:linear-gradient(90deg,var(--accent),var(--accent2));height:100%;width:0;transition:width .2s}.reader-scroll{flex:1;overflow:auto;overscroll-behavior:contain}.reader-page{max-width:540px;margin:auto;padding:34px 25px 85px}.reader-eyebrow{font-size:11px;color:var(--accent);letter-spacing:1px}.reader-page h2{font-family:"Songti SC","SimSun",serif;font-size:29px;line-height:1.6;font-weight:800;margin:18px 0 22px}.reader-paragraphs{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:19px;line-height:2.05;color:var(--text);letter-spacing:.6px}.reader-paragraphs p{text-indent:2em;margin:0 0 23px}.end-mark{margin-top:45px;text-align:center;color:var(--muted);font-family:Georgia,serif;font-size:11px;letter-spacing:2px}.reader-bottom{padding:10px;display:flex;align-items:center;gap:5px;justify-content:space-between;border-top:1px solid var(--line);background:var(--surface)}.reader-bottom button{border:0;background:transparent;color:var(--text);padding:9px 8px;border-radius:8px;font-size:11px;display:flex;align-items:center;gap:3px;font-weight:750}.reader-bottom button:hover{background:var(--accentsoft)}.reader-bottom button:disabled{opacity:.3;cursor:not-allowed}.reader-bottom svg{width:15px;height:15px}.reader-bottom #nextChapter{color:var(--accent)}.drawer-shell{width:min(100%,440px);max-height:min(740px,calc(100dvh - 40px));overflow:auto;background:var(--surface);color:var(--text);border-radius:20px;padding:24px;box-shadow:0 22px 65px #1b130f55}.drawer-top{display:flex;align-items:center;justify-content:space-between}.drawer-top small{font-size:9px;letter-spacing:1.5px;color:var(--accent)}.drawer-top h2{font-size:22px;margin:6px 0 0}.drawer-hint{color:var(--muted);font-size:11px;line-height:1.7}.drawer-row{display:flex;gap:11px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.drawer-row .drawer-num{font-size:12px;color:var(--accent);font-family:Georgia,serif;flex:none}.drawer-row .drawer-copy{flex:1;min-width:0}.drawer-row b{display:block;font-size:13px}.drawer-row small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.drawer-row button{flex:none;border:0;border-radius:9px;padding:8px 10px;background:var(--accentsoft);color:var(--accent);font-size:11px}.drawer-row .remove{background:transparent;color:var(--muted);padding:7px}.drawer-empty{padding:35px 8px;color:var(--muted);font-size:12px;line-height:1.9;text-align:center}.toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(10px);opacity:0;pointer-events:none;z-index:130;border-radius:99px;background:#383029;color:#fff;font-size:12px;padding:10px 15px;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:950px){.page-grid{grid-template-columns:minmax(0,1fr);padding:21px;max-width:800px}.desktop-aside{display:none}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media(max-width:570px){.topbar{height:65px;padding:0 17px}.brand-icon{width:35px;height:35px}.brand strong{font-size:16px}.brand small{font-size:8px;letter-spacing:1px}.shelf-link{padding:0 9px;height:36px}.shelf-link>span{display:none}.small-round{width:36px;height:36px}.page-grid{padding:12px 14px 0}.hero{grid-template-columns:1fr;min-height:0;padding:27px 18px 0;border-radius:20px}.hero-left{padding-bottom:0}.hero h1{font-size:33px;line-height:1.42;margin:14px 0 9px}.hero p{font-size:11px;line-height:1.85;max-width:340px}.hero-buttons{margin-top:18px;gap:15px}.hero-art{min-height:145px;transform:scale(.75);transform-origin:70% top;height:145px;margin-top:4px}.decor-circle{width:250px;height:250px;left:35%;top:-10px}.mock-book.front{left:43%;top:6px;width:100px;height:147px;padding:11px}.mock-book.back{right:9%;top:23px;width:98px;height:148px}.mock-book.back span{font-size:8px}.mock-book.front .cover-name{font-size:16px}.mock-book.front .cover-top{font-size:7px}.mock-book.front .cover-bottom{font-size:5px}.reading-sticker{right:-17%;bottom:0;font-size:8px}.search-panel{padding-top:18px}.filter{font-size:11px}.library-section{padding-top:14px}.section-head h2{font-size:21px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.book-cover{height:auto;aspect-ratio:.77;padding:16px 13px 13px}.book-cover img{height:43%;top:23%}.book-cover-title{font-size:20px}.book-info b{font-size:12px}.book-info span{font-size:10px}.continue-card{padding:13px;align-items:start}.secondary-btn{padding:8px}.chapter-section{padding-top:32px}.footer{padding-bottom:88px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-top:1px solid var(--line);padding:7px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -7px 22px #4933260b}.mobile-nav>*{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;color:var(--muted);font-size:10px}.mobile-nav svg{width:20px;height:20px}.mobile-nav .nav-active{color:var(--accent)}.overlay{padding:0}.reader{height:100dvh;max-height:none;border-radius:0}.reader-page{padding:28px 25px 95px}.reader-bottom{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.drawer-shell{max-height:90dvh;width:100%;border-radius:22px 22px 0 0;position:absolute;bottom:0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}
@media(max-width:355px){.hero h1{font-size:29px}.hero .text-link{font-size:10px}.book-cover-title{font-size:17px}.book-cover{padding:12px 9px}.reader-bottom button{font-size:10px;padding:8px 5px}.reader-bottom svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}