.knowledge-page{min-height:100vh}.page-header{text-align:center;background:radial-gradient(at 20% 30%,#e523180a 0%,#0000 40%),radial-gradient(at 80% 70%,#e5231808 0%,#0000 40%),linear-gradient(#faf5ec 0%,#f5ede0 60%,#fff 100%);padding:120px 0 80px;position:relative}.page-header .container{z-index:1;position:relative}.page-header h1{color:#1a1a1a;letter-spacing:4px;z-index:2;margin-bottom:15px;font-size:3rem;font-weight:700;line-height:1.2;position:relative}.page-header p{color:#555;letter-spacing:2px;z-index:2;font-size:1.1rem;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}.knowledge-content{padding:80px 0}.knowledge-categories{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:60px;padding-bottom:0;display:flex}.category-btn{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:18px 30px;font-size:1rem;font-weight:500;transition:all .3s}.category-btn:hover,.category-btn.active{color:#e52318;border-bottom-color:#e52318}.knowledge-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:50px;display:grid}.article-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:0;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.article-card:hover{border-color:#e52318;transform:translateY(-5px);box-shadow:0 10px 30px #e523181a}.article-image{aspect-ratio:3/2;background:#f5f5f5;width:100%;position:relative;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-image img{transform:scale(1.05)}.article-category{color:#fff;background:#e52318;padding:5px 12px;font-size:.8rem;position:absolute;top:15px;left:15px}.article-content{flex-direction:column;flex:1;min-height:220px;padding:20px;display:flex}.article-content h3{color:#333;min-height:5.46rem;margin-bottom:12px;font-size:1.3rem;font-weight:600;line-height:1.4}.article-content p{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:0;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.article-meta{color:#999;justify-content:space-between;font-size:.8rem;display:flex}.pagination{justify-content:center;align-items:center;gap:10px;display:flex}.page-btn,.page-num{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:0;padding:10px 20px;font-size:.95rem;transition:all .3s}.page-btn:hover:not(:disabled),.page-num:hover{color:#e52318;border-color:#e52318}.page-num.active{color:#fff;background:#e52318;border-color:#e52318}.page-btn:disabled{opacity:.5;cursor:not-allowed}.health-tips{background:#f9f9f9;padding:80px 0}.health-tips h2{color:#333;text-align:center;margin-bottom:40px;font-size:1.8rem;font-weight:600}.tips-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.tip-card{background:#fff;border:1px solid #eee;border-radius:0;align-items:flex-start;gap:20px;padding:30px;transition:all .3s;display:flex}.tip-card:hover{border-color:#e52318;box-shadow:0 10px 30px #e523181a}.tip-icon{flex-shrink:0;font-size:2.5rem}.tip-card h4{color:#333;margin-bottom:8px;font-size:1.1rem;font-weight:600}.tip-card p{color:#666;font-size:.9rem}.article-modal{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:0;width:100%;max-width:800px;max-height:90vh;position:relative;overflow-y:auto}.close-btn{cursor:pointer;color:#666;z-index:1;background:#f5f5f5;border:none;width:40px;height:40px;font-size:1.5rem;position:absolute;top:20px;right:20px}.close-btn:hover{color:#fff;background:#e52318}.modal-header{border-bottom:1px solid #eee;padding:40px 40px 25px}.modal-header .article-category{width:fit-content;margin-bottom:15px;display:block}.modal-header h1{color:#333;clear:both;margin-bottom:15px;font-size:1.8rem;font-weight:600;line-height:1.4;display:block}.modal-header .article-meta{justify-content:flex-start;gap:20px}.modal-body{padding:40px}.article-detail-image{object-fit:contain;border-radius:0;width:100%;height:300px;margin-bottom:30px}.article-content-text h3{color:#333;margin:20px 0 15px;font-size:18px;font-weight:700;line-height:1.5}.article-content-text h4{color:#333;margin:22px 0 10px;font-size:16px;font-weight:700;line-height:1.5}.article-content-text h5{color:#444;margin:16px 0 8px;font-size:15px;font-weight:600;line-height:1.5}.article-content-text ol,.article-content-text ul{color:#555;margin-bottom:12px;padding-left:24px;font-size:16px;line-height:1.8}.article-content-text ol li,.article-content-text ul li{margin-bottom:6px}.article-content-text h4.center,.article-content-text.center-content p{text-align:center}.article-content-text p{color:#555;margin-bottom:12px;font-size:16px;font-weight:400;line-height:1.8}.article-content-text .article-center,.article-content-text .article-center h3,.article-content-text .article-center h4,.article-content-text .article-center p{text-align:center}.article-content-text img{border-radius:8px;max-width:100%;height:auto;margin:20px auto;display:block}@media (width<=992px){.knowledge-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-header h1{font-size:2.2rem}.knowledge-grid,.tips-grid{grid-template-columns:1fr}.knowledge-categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:none;justify-content:flex-start;gap:0;margin-bottom:40px;padding-bottom:0;display:flex;overflow-x:auto}.knowledge-categories::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap;color:#666;background:#f5f5f5;border-bottom:2px solid #0000;border-radius:20px;flex-shrink:0;padding:10px 18px;font-size:.85rem;transition:all .2s}.category-btn.active,.category-btn:hover{background:#e52318;border-bottom-color:#0000;box-shadow:0 2px 8px #e5231840;color:#fff!important}.article-image{aspect-ratio:16/9;width:100%;max-height:160px}.article-content{min-height:auto;padding:14px 16px}.article-content h3{min-height:auto;margin-bottom:6px;font-size:1.5rem}.article-content p{-webkit-line-clamp:2;flex:none}.article-modal{padding:10px}.knowledge-page .modal-content{max-height:65dvh;max-height:calc(var(--vh,1vh) * 65);border-radius:8px}.modal-header{border-bottom:1px solid #eee;min-height:auto;padding:36px 50px 20px 22px;display:block;position:relative}.close-btn{width:32px;height:32px;font-size:1.2rem;top:12px;right:12px}.modal-header h1{min-height:auto;margin-bottom:14px;padding-right:0;font-size:1.8rem;font-weight:600;line-height:1.6}.modal-header .article-category{margin-bottom:16px;display:block}.modal-body{padding:20px}.article-detail-image{height:auto;max-height:200px;margin-bottom:16px}.article-content-text p,.article-content-text h3,.article-content-text h4{font-size:1.3rem}}@media (width<=480px){.modal-header{border-bottom:1px solid #eee;min-height:auto;padding:46px 18px 0;position:relative}.close-btn{width:28px;height:28px;font-size:1.1rem;top:10px;right:10px}.modal-header h1{font-size:1.8rem;line-height:1.6}.modal-header .article-category{margin-bottom:14px}.modal-body{padding:20px}.article-detail-image{max-height:160px;margin-bottom:12px}.article-content-text p{font-size:.85rem}}