*{box-sizing:border-box;font-size:16px;transition:all .3s ease}a{color:inherit}.xh-cont{width:80vw;margin:0 auto}.xh-header{width:100%}.xh-header .xh-cont{height:64px;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;width:1540px}.xh-header .xh-cont .logo{width:11.5rem}.xh-header .xh-cont .logo img{width:100%}.xh-header .xh-cont .xh-menu{display:flex;gap:2rem;font-size:1rem;font-weight:500}.xh-header .xh-cont .xh-menu a:hover{color:#6b46c1}footer{background-color:#202027;color:white;text-align:center}footer .footer-links{padding:2rem 0}footer .footer-links h3{font-size:1.125rem;line-height:1.75rem;padding-bottom:1rem}footer .footer-links a{margin:0 1rem;color:#b4c6dc}footer .footer-links a:hover{color:white}footer .footer-last{border-top:1px solid #444;padding:1rem 0;font-size:.875rem;color:#888}.container{width:80vw;margin:0 auto;display:flex;gap:30px}.container .sidebar{width:320px;flex-shrink:0}.container .article{background:white;border-radius:12px;padding:35px;box-shadow:0 5px 20px rgba(0,0,0,0.06);margin-bottom:30px}.container .article h1{font-size:32px;color:#1e293b;margin-bottom:15px;line-height:1.3;font-weight:700}.container .article .text-center{text-align:center;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.container .article .text-gray{color:#64748b;font-size:14px}.container .article h2{font-size:24px;color:#3b82f6;margin:30px 0 15px;padding-bottom:10px;border-bottom:2px solid #e0f2fe;font-weight:600}.container .article h3{font-size:20px;color:#1e293b;margin:25px 0 12px;font-weight:600}.container .article p{margin-bottom:18px;font-size:16px;text-align:justify}.container .article img{width:40%;border-radius:8px;margin:20px 0;box-shadow:0 5px 15px rgba(0,0,0,0.08)}.container .help-link-section{background:#f1f5f9;border-radius:8px;padding:20px;margin:25px 0;border-left:4px solid #3b82f6}.container .help-link-section div{font-weight:600;margin-bottom:12px;color:#1e293b}.container .help-link-section ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.container .help-link-section li{background:white;border-radius:6px;padding:8px 15px;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.container .help-link-section li:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,0.1)}.container .help-link-section a{text-decoration:none;color:#3b82f6;font-weight:500;display:flex;align-items:center}.container .help-link-section a:before{content:"🔗";margin-right:8px}.container .pagination{display:flex;justify-content:space-between;margin-bottom:30px}.container .pagination a{display:inline-block;padding:12px 25px;background:#3b82f6;color:white;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px rgba(59,130,246,0.3)}.container .pagination a:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 12px rgba(59,130,246,0.4)}.container .new_info{margin:20px 0;background:white;border-radius:12px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.06)}.container .new_info h3{font-size:22px;color:#1e293b;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.container .new_info ul{list-style:none}.container .new_info li{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #f1f5f9}.container .new_info li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.container .new_info a{display:flex;text-decoration:none;color:inherit;transition:all .3s ease}.container .new_info a:hover{transform:translateX(5px)}.container .new_info .new_img{width:180px;flex-shrink:0;margin-right:20px}.container .new_info .new_img img{width:100%;height:120px;object-fit:cover;border-radius:8px}.container .new_info .new_cont{flex:1}.container .new_info .new_cont h3{font-size:18px;margin-bottom:10px;color:#1e293b;font-weight:600}.container .new_info .new_cont .new_p{font-size:14px;color:#64748b;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.container .new_info .new_author{font-size:13px;color:#94a3b8}.container .hot-topics,.container .message-info{background:white;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 5px 20px rgba(0,0,0,0.06)}.container .hot-topics h3,.container .message-info h3{font-size:18px;color:#1e293b;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #3b82f6;position:relative}.container .hot-topics h3:after,.container .message-info h3:after{content:'';position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:#ef4444}.container .hot-topics ul,.container .message-info ul{list-style:none}.container .hot-topics li,.container .message-info li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f1f5f9;transition:all .3s ease}.container .hot-topics li:last-child,.container .message-info li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.container .hot-topics li:hover,.container .message-info li:hover{padding-left:8px}.container .hot-topics a,.container .message-info a{text-decoration:none;color:#475569;display:flex;align-items:center;transition:color .3s ease;font-size:14px}.container .hot-topics a:hover,.container .message-info a:hover{color:#3b82f6}.container .serial{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;margin-right:12px;font-size:13px;font-weight:bold;flex-shrink:0}.container .serial_ht{background:#ffedd5;color:#ea580c}.container .serial_zx{background:#dbeafe;color:#1d4ed8}@media (max-width:1200px){.container{width:90vw}}@media (max-width:992px){.container{flex-direction:column}.container .sidebar{width:100%;display:flex;gap:20px;flex-wrap:wrap}.container .hot-topics,.container .message-info{flex:1;min-width:300px}.container .new_info a{flex-direction:column}.container .new_img{width:100%;margin-right:0;margin-bottom:15px}}@media (max-width:768px){.container{width:95vw}.container .article{padding:25px 20px}.container .article h1{font-size:26px}.container .help-link-section ul{flex-direction:column;gap:12px}.container .pagination{flex-direction:column;gap:15px}.container .pagination a{text-align:center}.container .sidebar{flex-direction:column}.container .hot-topics,.container .message-info{min-width:100%}}