*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC','Microsoft YaHei',sans-serif}:root{--primary-color:#2c3e50;--secondary-color:#4a6491;--accent-color:#e74c3c;--light-bg:#f8fafc;--border-color:#e2e8f0;--text-color:#333;--text-light:#718096;--sidebar-width:120px}body{background:linear-gradient(135deg,#f8fafc 0%,#eef2f6 100%);color:var(--text-color);line-height:1.6;padding:20px;min-height:100vh}a{text-decoration:none}.container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding:10px}header{text-align:center;padding:10px 0;background:rgba(--light-bg);color:#2c3e50;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}h1{font-size:2.2rem;margin-bottom:8px;letter-spacing:.5px;font-weight:600}.subtitle{font-size:1rem;opacity:.9;max-width:700px;margin:0 auto}.main-content{display:flex;gap:20px}.sidebar{width:var(--sidebar-width);background:gba(255,255,255,.05);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding:20px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease}.content-area{flex:1;display:flex;flex-direction:column;gap:20px}.section{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden}.section-header{padding:18px 20px;background:var(--light-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.section-title{font-size:1.3rem;color:var(--primary-color);font-weight:400}.section-content{padding:0 20px}.search-container{max-width:800px;margin:20px auto 15px;position:relative}.search-box{width:100%;padding:10px 20px;font-size:1rem;border:1px solid #e5e6e9;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,.08);transition:all .3s ease}.search-box:focus{outline:none;box-shadow:0 5px 15px rgba(44,62,80,.15);transform:translateY(-2px)}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#4a6491;font-size:1.1rem}.counter{margin:20px 0 20px;font-size:.85rem;color:var(--text-light);text-align:center;display:flex;justify-content:center;align-items:center;gap:5px}.category-group{margin-bottom:15px}.category-title{font-size:1.1rem;font-weight:400;margin-bottom:12px;padding-left:10px;padding-right:10px;padding-bottom:8px;border-bottom:2px solid rgba(0,0,0,.08);color:var(--primary-color);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.category-title .toggle-icon{transition:transform .3s;font-size:.85rem}.category-group.collapsed .category-list{display:none}.category-group.collapsed .toggle-icon{transform:rotate(180deg)}.category-list{list-style:none}.category-item{padding:10px 15px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;font-weight:300;font-size:1rem;text-align:center;display:block;width:100%}.category-item:hover{background:var(--light-bg)}.category-item.active{background:var(--secondary-color);color:#fff}.category-item-row{padding:2px!important;border-radius:8px;margin-bottom:0!important;cursor:pointer;transition:all .2s;display:inline-flex!important;align-items:center;gap:10px;font-weight:300;font-size:1rem;-webkit-tap-highlight-color:transparent}.category-icon{width:24px;text-align:center}.personal-section{background:rgba(0,0,0,.02);border-radius:10px;padding:15px}.personal-item{padding:8px 5px 10px 15px;border-radius:100%;margin-bottom:10px;font-size:1.2rem;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);box-shadow:0 2px 6px rgba(0,0,0,.05)}.personal-item-pc{margin-bottom:0!important}.personal-item.active{background:var(--secondary-color);color:#fff}.personal-item-row{padding:2px;border-radius:100%;margin-bottom:10px;font-size:1.2rem;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;-webkit-tap-highlight-color:transparent}.personal-icon{width:30px;height:30px;border-radius:50%;background:var(--secondary-color);color:#fff;display:flex;align-items:center;justify-content:center}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px, 1fr));gap:15px}.history-item{background:#f8fafc;border-radius:10px;padding:10px 15px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color)}.history-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}.history-info{flex:1}.history-title{font-size:1.1rem;font-weight:400;margin-bottom:4px;color:var(--primary-color)}.history-time{font-size:.85rem;color:var(--text-light)}.history-action{color:var(--secondary-color);font-size:.9rem;text-decoration:none;padding:6px 0 6px 12px;border-radius:6px;transition:background .2s}.history-action:hover{background:var(--light-bg)}.clear-history{background:0 0;border:none;color:#c36;cursor:pointer;font-size:.85rem;font-weight:300;padding:5px 10px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:5px;margin-top:10px}.clear-history:hover{color:#e53e3e}.newspaper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px, 1fr));gap:15px}.newspaper-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid var(--border-color);padding:10px 15px;display:flex;height:100%;display:flex;position:relative}.newspaper-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.08)}.card-content{display:flex;flex:1;align-items:center;justify-content:space-between;gap:15px}.card-text{flex:1;cursor:pointer}.card-title{font-size:1.1rem;font-weight:400;margin-bottom:4px;color:var(--primary-color);display:flex;align-items:center;gap:8px}.website-tag{border:1px solid var(--light-bg);color:#fff;font-size:.6rem;padding:1px 4px;border-radius:5px;background:#39c}.card-description{color:var(--text-light);font-size:.85rem;line-height:1.5;margin-bottom:4px}.card-tags{display:flex;gap:8px;flex-wrap:wrap}.card-tag{border:1px solid var(--light-bg);color:var(--text-light);font-size:.8rem;padding:1px 4px;border-radius:5px}.favorite-btn{background:0 0;border:none;cursor:pointer;font-size:1.1rem;color:#cbd5e0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:1px}.favorite-btn:hover{color:#ecc94b}.favorite-btn.favorited{color:#ecc94b}.favorite-btn.favorited:hover{color:#d69e2e}.pagination{display:flex;justify-content:center;margin:15px 0 10px;gap:4px;flex-wrap:wrap}.page-btn{width:34px;height:34px;border:none;border-radius:8px;background:#fff;color:var(--secondary-color);font-weight:600;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:1px solid var(--border-color)}.page-btn:hover{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.page-btn.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.page-btn.arrow{font-size:1.1rem}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--text-light);font-size:1rem;pointer-events:none}@media (max-width:767px){.page-btn,.page-ellipsis{width:30px;height:30px;font-size:.8rem}.page-btn.arrow{font-size:1rem}.pagination{gap:2px}}footer{text-align:center;padding:25px 0;margin-top:20px;color:var(--text-light);font-size:.9rem;border-top:1px solid var(--border-color)}.footer_more{font-size:.85rem;font-weight:300;color:var(--text-light);margin-bottom:5px}.footer_more a{font-size:.85rem;font-weight:300;color:var(--text-light);text-decoration:none}.mobile-header{display:none;padding:15px;background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-header-content{display:flex;align-items:center;justify-content:space-between}.menu-toggle{background:0 0;border:none;font-size:1.5rem;cursor:pointer;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.menu-toggle:hover{background:rgba(0,0,0,.05)}.mobile-search-toggle{background:0 0;border:none;font-size:1.2rem;cursor:pointer;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.mobile-search-toggle:hover{background:rgba(0,0,0,.05)}.mobile-search-container{padding:10px 15px;background:#fff;display:none;position:absolute;top:100%;left:0;right:0;z-index:100;box-shadow:0 4px 8px rgba(0,0,0,.1)}.mobile-search-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer;z-index:101;padding:8px}.mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:0 0;z-index:998;display:none}.empty-guide{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;margin-top:20px}.empty-guide i{font-size:3rem;color:var(--text-light);margin-bottom:20px;display:block}.empty-guide p{margin-bottom:15px;font-size:1.1rem}.empty-guide button{padding:10px 20px;background:var(--secondary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.reader-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;display:none;flex-direction:column}.reader-header{padding:14px 18px;background:var(--primary-color);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.reader-title{font-size:1.1rem;font-weight:500}.close-reader{background:0 0;border:none;color:#fff;font-size:1rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.close-reader:hover{background:rgba(255,255,255,.2)}.reader-frame{flex-grow:1;border:none;width:100%;z-index:999}.reader-alert{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.alert-content{max-width:280px;background:rgba(0,0,0,.01);border-radius:12px;padding:15px;box-shadow:0 5px 25px rgba(0,0,0,.2)}.alert-content h3{color:#e74c3c;margin-bottom:15px;font-size:1rem;font-weight:400}.alert-content p{margin-bottom:25px;font-size:.85rem;font-weight:300;line-height:1.8;color:var(--text-color)}.alert-actions{display:flex;gap:15px;justify-content:center}.alert-btn{padding:2px 15px;border:none;margin-bottom:5px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:300;transition:all .3s}.alert-btn.primary{background:var(--secondary-color);color:#fff}.alert-btn.primary:hover{background:#3a578f}.alert-btn:hover{background:var(--light-bg)}.reader-hidden .reader-frame{display:none}.no-results{text-align:center;padding:0 15px;transition:all .2s ease;color:#a0aec0;font-size:.85rem;line-height:1.8;font-weight:300;border-radius:10px;grid-column:1/-1}.top-list{list-style:none;margin-top:10px}.top-item{padding:10px 15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;cursor:pointer}.top-item:hover{background:var(--light-bg)}.top-rank{width:24px;height:24px;background:var(--light-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.top-1 .top-rank{background:gold;color:var(--primary-color)}.top-2 .top-rank{background:silver;color:var(--primary-color)}.top-3 .top-rank{background:#cd7f32;color:#fff}.top-name{flex:1}.top-count{color:var(--text-light);font-size:.9rem}@media (max-width:992px){.main-content{flex-direction:row;overflow:hidden;position:relative}.sidebar{width:180px;position:fixed;top:0;left:0;height:100%;z-index:999;transform:translateX(-100%);border-radius:0;overflow-y:auto;padding-top:70px;transition:transform .3s ease}.sidebar.active{transform:translateX(0)}.content-area{width:100%;transition:transform .3s ease}.sidebar.active+.content-area{transform:translateX(120px)}.section-header{flex-direction:column;align-items:flex-start}.search-container{width:100%}.newspaper-grid{grid-template-columns:repeat(auto-fill,minmax(100%, 1fr))}.mobile-header{display:block}header{margin-top:20px}.section-header .search-container{display:none}.sidebar-close{position:fixed;top:15px;right:15px;background:0 0;border:none;font-size:1.5rem;color:var(--primary-color);cursor:pointer;display:block;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s;z-index:1001;background:rgba(255,255,255,.8);box-shadow:0 2px 5px rgba(0,0,0,.2)}.sidebar-close:hover{background:rgba(255,255,255,1)}}@media (min-width:768px) and (max-width:992px){.sidebar{width:110px;padding:15px;background:rgba(255,255,255,.06);border-radius:12px;max-height:90%;margin-top:30px}.category-group{margin-bottom:0}}@media (max-width:767px){body{padding:10px}h1{font-size:1.9rem}.section-title{font-size:1.2rem;font-weight:400}.section-title-nav{font-size:1rem;font-weight:300}.personal-section{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}.personal-item{margin-bottom:0}.sidebar{width:100px;padding:10px;background:rgba(255,255,255,.06);border-radius:12px;max-height:90%;margin-top:30px}.sidebar.active+.content-area{transform:translateX(120px)}}@media (max-width:576px){.personal-section{grid-template-columns:1fr}.section-header{padding:15px}.sidebar{width:100px;padding:10px;background:rgba(255,255,255,.06);border-radius:12px;max-height:70%;margin-top:104px}.sidebar.active+.content-area{transform:translateX(120px)}}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:100;display:none;max-height:300px;overflow-y:auto}.suggestion-item{padding:12px 15px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s}.suggestion-item:hover{background:var(--light-bg)}.suggestion-icon{color:var(--secondary-color)}.sidebar-close{display:none}.only-phone{display:none}@media (min-width:768px) and (max-width:992px){.only-phone{display:block !important}}@media (max-width:767px){.only-phone{display:block !important}}@media only screen and (max-width:768px){.pc-only{display:none !important}}.index .main-content{display:flex;justify-content:center;align-items:center;--mw:968px;flex-direction:column;width:100%;max-width:var(--mw);gap:40px;border-radius:5px;color:#545454}.index .main-content .main{width:100%;display:flex;justify-content:space-between;align-items:center;max-width:var(--mw)}.index .main-content .link-list{width:100%;max-width:var(--mw);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px, 1fr));grid-gap:16px}.index .main-content .link-list .link-card{background-color:#141419;box-shadow:0px 0px 8px 0px rgba(10,10,14,.4);--circle-size:400px}.index .main-content .link-list .link-card a{width:100%;display:flex;flex-direction:row;align-items:center;padding:16px;gap:12px}.index .main-content .link-list .link-card a img{width:40px;opacity:.6;transition:opacity .4s}.index .main-content .link-list .link-card a .info{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;opacity:.8;transition:opacity .4s}.index .main-content .link-list .link-card a .info .info-title{width:100%;font-size:14px;font-weight:500;line-height:24px;background:linear-gradient(180deg,#e8e8f6 0%,rgba(232,232,246,.72) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.index .main-content .link-list .link-card a .info .info-desc{width:100%;font-size:12px;font-weight:400;line-height:20px;color:#a8a8b6}.index .main-content .link-list .link-card a .icon-arrow{width:14px;height:14px;opacity:0;transition:opacity .4s}.index .main-content .link-list .link-card a:hover{color:#6461f1}.index .main-content .link-list .link-card a:hover .info,.index .main-content .link-list .link-card a:hover .icon-arrow,.index .main-content .link-list .link-card a:hover img{opacity:1;transition:opacity .4s}.index .main-content .power-list-container{position:relative;width:100%;max-width:var(--mw);padding:0 10px;overflow:visible}.index .main-content .power-list-container .power-list{position:relative;display:grid;--columns:8;grid-template-columns:repeat(var(--columns),fit-content(100%));column-gap:8px;row-gap:24px;padding:10px 0}.index .main-content .power-list-container .power-list .power-card{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:8px}.index .main-content .power-list-container .power-list .power-card .power-container{display:flex;flex-direction:column;align-items:flex-start;gap:0 5px;width:28px}.index .main-content .power-list-container .power-list .power-card .power-container .card-img{width:28px;height:28px;padding:1px;display:flex;align-items:center;justify-content:center;opacity:.8;filter:grayscale(1);transition:opacity .4s,filter .4s,transform .2s}.index .main-content .power-list-container .power-list .power-card .power-container .card-img:after{content:"";position:absolute;width:28px;height:28px;border-radius:5px;transform:scale(0);opacity:0;pointer-events:none;transition:none}.index .main-content .power-list-container .power-list .power-card .power-container .title{font-size:.85rem;font-weight:300;line-height:24px;color:#2d3748;opacity:.8;text-wrap:nowrap;white-space:nowrap;transition:opacity .4s}.index .main-content .power-list-container .power-list .power-card .power-separator{position:relative;width:27px;height:32px}.index .main-content .power-list-container .power-list .power-card:hover .title{opacity:1;transition:opacity .4s}.index .main-content .power-list-container .power-list .power-card:hover .card-img{opacity:1;transform:scale(1.1);filter:grayscale(0);transition:opacity .4s,filter .4s,transform .2s}.index .main-content .power-list-container .power-list .power-card:hover .card-img:after{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.6}50%{transform:scale(2);opacity:.3}100%{transform:scale(3);opacity:0}}.index .main-content .power-list-container .power-list .load-item{opacity:0;transform:translateY(16px);animation:fadeIn .2s ease-in-out forwards}.index .main-content .power-list-container .power-list .load-item:nth-child(1){animation-delay:0s}.index .main-content .power-list-container .power-list .load-item:nth-child(2){animation-delay:.1s}.index .main-content .power-list-container .power-list .load-item:nth-child(3){animation-delay:.2s}.index .main-content .power-list-container .power-list .load-item:nth-child(4){animation-delay:.3s}.index .main-content .power-list-container .power-list .load-item:nth-child(5){animation-delay:.4s}.index .main-content .power-list-container .power-list .load-item:nth-child(6){animation-delay:.5s}.index .main-content .power-list-container .power-list .load-item:nth-child(7){animation-delay:.6s}@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.index .main-content .power-list-container .power-list .sticky-item{width:64px;height:74px;position:sticky;background:linear-gradient(270deg,#0e0e13 0%,rgba(14,14,19,.4) 100%);right:0;opacity:0;pointer-events:none}.index .main-content .power-list-container .power-list .sticky-item .loader{width:8px;height:12px;display:flex;position:absolute;right:8%;top:50%;transform:translate(-50%,-50%)}.index .main-content .power-list-container .power-list .sticky-item .loader:before{content:"";flex:1;background:#62616f;clip-path:polygon(0 10px,calc(100% - 15px) 10px, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, calc(100% - 15px) calc(100% - 10px), 0 calc(100% - 10px));animation:arrow-loader .5s infinite alternate}@keyframes arrow-loader{0%{transform:scaleX(var(--s,1)) translate(-4px)}100%{transform:scaleX(var(--s,1)) translate(4px)}}.index .main-content .power-list-container .power-list::-webkit-scrollbar{display:none}.index .main-content .power-list-container .power-list{overflow-x:scroll;overflow-y:hidden}.welcometo-ql{background:#fff;padding:5px 0 5px;margin-bottom:0;text-align:center;border-radius:12px;font-size:14px;font-weight:400;text-align:center}.filters-container{margin:15px 0 -20px;overflow-x:auto;padding-bottom:5px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filters{display:flex;gap:8px;padding:5px 0;min-width:max-content}.filter-btn{padding:5px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:.85rem;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap;color:#4a5568;-webkit-tap-highlight-color:transparent}.filter-btn:hover,.filter-btn.active{background:#4a6491;color:#fff;border-color:#4a6491}.filter-btn-tuijian{color:#c36}.filter-btn-tuijian:hover,.filter-btn-tuijian.active{color:#fff}.filters-container::-webkit-scrollbar{display:none}.nav-icon-item{-webkit-tap-highlight-color:transparent}.turn-on:hover{color:green;-webkit-tap-highlight-color:transparent}.sticky-posts-container{background:#fff;border-radius:12px;padding:10px 20px;text-align:left;margin-bottom:0}.sticky_ctt{font-size:1rem;font-weight:300;color:#737373;margin-bottom:5px;margin-top:5px}.sticky_ctt a:hover{color:#2d3748}.sticky-tt{display:inline-block}#readerAlert{position:fixed;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;z-index:1002;backdrop-filter:blur(3px)}.alert-content{background:#fff;border-radius:12px;width:85%;max-width:400px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.2);animation:alert-pop .3s ease-out}@keyframes alert-pop{0%{transform:scale(.95);opacity:0}100%{transform:scale(1);opacity:1}}.alert-body{padding:0 20px 10px;text-align:left;line-height:1.6}.alert-body p{margin:5px 0 0;font-weight:300;color:#2c3e50;font-size:1.1rem}.source-url{display:block;font-size:.85rem;font-weight:300;color:#718096;margin-top:10px;padding:8px;background:#f8f9fa;border-radius:6px;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-actions{display:flex;padding:0 20px 10px}.alert-btn{flex:1;padding:2px 10px;border-radius:8px;border:none;margin:0;font-weight:300;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.alert-btn i{font-size:1.1rem}.alert-btn.secondary{background:0 0;color:#555}.alert-btn{position:relative;background:0 0;color:#333;padding-bottom:4px}.alert-btn:after{content:'';position:absolute;left:50%;bottom:0;width:2em;height:2px;background:var(--primary-color);transform:translateX(-50%)}.alert-btn.primary{background:0 0;color:#c36}.alert-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.alert-btn.primary:hover{background:#2c3e50}.loader{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001}.loader-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loader-text{font-size:1rem;color:#333}@media (max-width:768px){.alert-content{width:90%}.alert-actions{flex-direction:row}.alert-btn{padding:4px;font-size:.85rem;font-weight:300}}.reader-frame{z-index:999}.alert-header{position:relative;padding:10px}.close-btn{position:absolute;top:5px;right:10px;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#777;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background:#f0f0f0}.eq_tips{border:1px solid var(--light-bg);display:block;font-size:.7rem;font-weight:300;text-align:center;color:#718096;margin-top:10px;padding:8px;border-radius:6px;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.category-group.collapsed .category-list{display:none}.category-group.collapsed .toggle-icon{transform:rotate(180deg)}}.recommendation-header{display:flex;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.05)}.recommendation-icon{width:32px;height:32px;background:#4a6491;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.recommendation-icon i{color:#fff;font-size:1rem}.recommendation-title{font-size:1.1rem;font-weight:400;color:#2c3e50;text-align:center}.recommendation-subtitle{font-size:.85rem;font-weight:300;color:#718096;margin-top:10px;padding-bottom:10px;padding-top:10px;text-align:center;display:block;width:100%}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px, 1fr));gap:15px;margin-top:10px}.recommendation-card{background:#fff;border-radius:10px;padding:15px;box-shadow:0 3px 10px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #e2e8f0;position:relative}.recommendation-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.08)}.recommendation-badge{background:0 0;border:none;cursor:pointer;font-size:.8rem;font-weight:300;color:#c36;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:1px}.recommendation-card .card-title{font-size:1.1rem;font-weight:400;margin-bottom:4px;color:var(--primary-color);display:flex;align-items:center;gap:8px}.recommendation-card .card-description{color:var(--text-light);font-size:.85rem;line-height:1.5;margin-bottom:4px}.recommendation-card .card-tag{border:1px solid var(--light-bg);color:var(--text-light);font-size:.8rem;padding:1px 4px;border-radius:5px}.no-results .recommendation-container{animation:fadeIn .5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sorting-info{text-align:center;font-size:.9rem;color:#718096;margin:10px 0 15px;display:flex;align-items:center;justify-content:center;gap:8px}.sorting-info i{color:#4a6491}@media (max-width:768px){.recommendation-cards{grid-template-columns:1fr}.recommendation-header{flex-direction:column;align-items:flex-start}.recommendation-icon{margin-bottom:10px}}.recommendation-container{background:#f8fafc;padding:10px 15px 15px;border-radius:12px;grid-column:1/-1}.recommendation-container:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.08);padding:10px 13px 15px;border:1px solid var(--border-color)}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px, 1fr));gap:15px}.recommendation-card{background:#fff;border-radius:10px;padding:15px;box-shadow:0 3px 10px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid var(--border-color);height:100%;cursor:pointer;position:relative}.recommendation-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.08)}.recommendation-card .card-title{font-size:1.1rem;font-weight:400;margin-bottom:4px;color:var(--primary-color);display:flex;align-items:center;gap:8px}.recommendation-card .card-description{font-size:.85rem;color:var(--text-light);line-height:1.5}@media (max-width:768px){.recommendation-cards{grid-template-columns:1fr}.recommendation-header{flex-direction:column;align-items:flex-start}.recommendation-icon{margin-bottom:10px}}@media (max-width:576px){.recommendation-card{padding:12px}}.footer-container{width:100%;display:flex;justify-content:center;padding:5px 0}.footer-content{display:inline-flex;align-items:center;gap:1px}.footer-icon{width:12px;height:12px;object-fit:contain;vertical-align:middle}.footer-link{text-decoration:none;white-space:nowrap;font-size:.85rem;font-weight:300;color:var(--text-light);line-height:1}@media (max-width:768px){.footer-content{flex-wrap:wrap;justify-content:center}}