.library-page{background:#fbfbfd;min-height:100vh;padding-bottom:80px}.lib-header{background:var(--white);z-index:100;padding:15px 20px;position:sticky;top:0}.lib-header .header-home{box-shadow:none;z-index:2;background:0 0;margin-bottom:15px;padding:0;position:relative}.lib-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex;position:relative}.lib-title-group{z-index:2;flex:1;margin-left:10px;position:relative}.lib-title-group h1{color:#0b1e36;font-size:20px;font-family:var(--font_b);margin-bottom:2px}.lib-title-group p{color:#64748b;font-size:11px}.lib-leaf-deco{opacity:.8;pointer-events:none;width:50px;position:absolute;top:-10px;right:40px}.lib-search-btn{color:#0b1e36;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.lib-search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;align-items:center;gap:10px;margin-bottom:15px;padding:10px 15px;display:flex}.lib-search-bar i{color:#94a3b8;font-size:16px}.lib-search-bar input{color:#334155;font-size:13px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1}.lib-search-bar input::placeholder{color:#94a3b8}.lib-filters{scrollbar-width:none;gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.lib-filters::-webkit-scrollbar{display:none}.lib-pill{white-space:nowrap;font-size:13px;font-family:var(--font_m);color:#334155;background:var(--white);cursor:pointer;border:1px solid #e2e8f0;border-radius:99px;padding:8px 16px;transition:all .2s}.lib-pill.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.lib-section{padding:0 20px 20px}.lib-section-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.lib-section-title{font-size:16px;font-family:var(--font_b);color:#0f172a;align-items:center;gap:8px;display:flex}.lib-section-title i{font-size:18px}.lib-section-more{color:#64748b;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.lib-reading-card{background:#e6f4ea url(https://images.unsplash.com/photo-1501854140801-50d01698950b?auto=format&fit=crop&q=80&w=800) 50%/cover no-repeat;border-radius:16px;margin:10px 20px 25px;padding:15px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.lib-reading-card:before{content:"";z-index:0;background:linear-gradient(135deg,#e1f0e6e6 0%,#c4e4d5b3 100%);position:absolute;top:0;bottom:0;left:0;right:0}.lib-reading-card>*{z-index:1;position:relative}.lrc-top{justify-content:space-between;margin-bottom:12px;display:flex}.lrc-label{color:#276b4a;font-size:12px;font-family:var(--font_b);background:#fffc;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lrc-quote{text-align:right;color:#276b4a;font-family:serif;font-size:13px;font-style:italic;line-height:1.3}.lrc-body{align-items:center;gap:15px;display:flex}.lrc-cover{object-fit:cover;border-radius:6px;width:70px;height:100px;box-shadow:0 4px 10px #00000026}.lrc-info{flex:1}.lrc-info h3{color:#0f172a;font-size:15px;font-family:var(--font_b);margin-bottom:2px}.lrc-info p{color:#475569;margin-bottom:12px;font-size:11px}.lrc-progress{align-items:center;gap:10px;margin-bottom:12px;display:flex}.lrc-bar{background:#0000001a;border-radius:2px;flex:1;height:4px;overflow:hidden}.lrc-fill{background:#3e9a66;border-radius:2px;height:100%}.lrc-progress span{color:#276b4a;font-size:11px;font-family:var(--font_b)}.lrc-btn{color:#fff;font-size:12px;font-family:var(--font_m);cursor:pointer;background:#3e9a66;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 16px;display:inline-flex}.lib-h-scroll{scrollbar-width:none;gap:12px;margin:0 -20px;padding-bottom:10px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.lib-h-scroll::-webkit-scrollbar{display:none}.lib-book-card{flex-shrink:0;width:120px;text-decoration:none}.lib-book-card img{object-fit:cover;border-radius:12px;width:100%;height:160px;margin-bottom:10px;box-shadow:0 4px 10px #0000000f}.lib-book-card h4{font-size:13px;font-family:var(--font_b);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;line-height:1.3;display:-webkit-box;overflow:hidden}.lib-book-card p{color:#64748b;margin-bottom:6px;font-size:11px}.lib-badge{color:#0369a1;font-size:10px;font-family:var(--font_m);background:#e0f2fe;border-radius:4px;padding:2px 8px;display:inline-block}.lib-badge.green{color:#15803d;background:#dcfce7}.lib-topics-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.lib-topic{text-align:center;background:#f8fafc;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;text-decoration:none;transition:transform .2s;display:flex}.lib-topic:active{transform:scale(.95)}.lib-topic.blue{background:#eff6ff}.lib-topic.green{background:#f0fdf4}.lib-topic.red{background:#fef2f2}.lib-topic.purple{background:#faf5ff}.lib-topic.teal{background:#f0fdfa}.lib-topic.orange{background:#fff7ed}.lib-topic i{font-size:20px}.lib-topic.blue i{color:#3b82f6}.lib-topic.green i{color:#22c55e}.lib-topic.red i{color:#ef4444}.lib-topic.purple i{color:#a855f7}.lib-topic.teal i{color:#14b8a6}.lib-topic.orange i{color:#f97316}.lib-topic span{color:#475569;font-size:10px;font-family:var(--font_m);line-height:1.3}.lib-mylib-scroll{scrollbar-width:none;gap:12px;margin:0 -20px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.lib-mylib-scroll::-webkit-scrollbar{display:none}.lib-mylib-card{background:var(--white);border:1px solid #f1f5f9;border-radius:12px;flex:0 0 140px;justify-content:space-between;align-items:center;padding:12px;text-decoration:none;display:flex;box-shadow:0 2px 6px #00000005}.lib-mylib-card .ml-left{align-items:center;gap:10px;display:flex}.lib-mylib-card .ml-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.lib-mylib-card .ml-icon.blue{background:#3b82f6}.lib-mylib-card .ml-icon.orange{background:#f97316}.lib-mylib-card .ml-icon.green{background:#10b981}.lib-mylib-card h5{color:#1e293b;font-size:12px;font-family:var(--font_m);margin-bottom:2px}.lib-mylib-card p{color:#64748b;font-size:10px}.lib-mylib-card .bi-chevron-right{color:#94a3b8;font-size:12px}