:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:12px;z-index:1000}.navbar-left{display:flex;align-items:center;gap:10px}.logo{height:36px;width:auto}.brand{font-size:18px;font-weight:700;color:#333}.navbar-right .search-btn{padding:8px 16px;margin-right:30px;border:none;background:#2563eb;color:#fff;border-radius:6px;cursor:pointer;transition:background .2s ease}.navbar-right .search-btn:hover{background:#bbdce5}.search-form{display:flex;align-items:center}.search-input{padding:8px 12px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:14px;transition:border .2s ease,box-shadow .2s ease;margin-right:30px}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.carousel{position:relative;width:100%;max-width:900px;margin:0 auto 40px;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px #0003}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:clamp(20px,3vw,32px);color:#fff;background:#0006;border:none;padding:.5em .75em;cursor:pointer;display:none;z-index:10;transition:background .2s}.carousel-btn:hover{background:#000000b3}.carousel-btn.left{left:12px}.carousel-btn.right{right:12px}.carousel:hover .carousel-btn{display:block}.carousel-item{display:none;width:100%;transition:opacity .5s ease-in-out}.carousel-item.active{display:block}.carousel img{width:100%;height:auto;max-height:60vh;object-fit:cover}.carousel-caption{position:absolute;bottom:16px;left:16px;right:16px;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.7);width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.carousel-caption h3{margin:0 0 4px;font-size:clamp(16px,2.5vw,22px)}.carousel-caption p{margin:0;font-size:clamp(12px,2vw,16px)}@media (max-width: 600px){.carousel-caption{-webkit-line-clamp:1;font-size:14px}.carousel-btn{font-size:22px;padding:.4em .6em}}body,html,#root{margin:0;padding:0;font-family:Arial,sans-serif;background:#eceedf;min-height:100vh;justify-content:center}#root .loading{display:flex;justify-content:center;align-items:center;height:100vh}.content{padding:100px 24px 40px}.title{text-align:center;font-size:24px;margin-bottom:24px;color:#2c2c2c}.news-grid{display:flex;flex-direction:column;align-items:center;gap:20px}.news-card{width:60vw;background:#bbdce5;border-radius:12px;padding:12px;box-shadow:0 2px 6px #0000001a;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026;background:#d9c4b0}.news-card h2{font-size:18px;margin:0 0 8px;color:#2c2c2c;white-space:nowrap;width:40vw;overflow:hidden;text-overflow:ellipsis}.news-card p{font-size:14px;color:#4f4f4f;margin:0}.news-thumb{width:120px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.news-info{flex:1}.news-detail{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 6px #0000001a;max-width:800px;width:90%;margin:20px auto}.news-detail h1{margin:0 0 12px;font-size:clamp(20px,2.5vw,28px);color:#2c2c2c}.news-detail .date{font-size:clamp(12px,1.5vw,14px);color:#7a7a7a;text-align:left}.news-detail .content-text{font-size:clamp(14px,2vw,16px);line-height:1.6;margin-bottom:20px;color:#2c2c2c;text-align:justify}.news-detail img{max-height:300px;width:auto;max-width:100%;object-fit:contain;border-radius:12px;margin:0 auto 20px;display:block}.back-btn,.toUrl-btn{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.back-btn{background:#cfab8d;color:#fff}.back-btn:hover{background:#b07f63}.toUrl-btn{background:#2c2c2c;color:#fff;margin-right:10px}.toUrl-btn:hover{background:#000}.news-detail-img{width:100%;max-height:300px;object-fit:cover;border-radius:12px;margin-bottom:20px}.pagination{padding-top:10px;display:flex;justify-content:center;align-items:center}.pagination .page{margin-left:10px;margin-right:10px;color:#2c2c2c;font-weight:700}@media (max-width: 768px){.news-card{width:85vw;padding:12px;gap:12px;flex-direction:row;align-items:flex-start}.news-card h2{font-size:16px;width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-card p{font-size:13px}.news-thumb{width:120px;height:80px}.news-detail{padding:16px}.news-detail img{max-height:250px}}@media (max-width: 480px){.news-card{width:80vw;max-width:420px;margin:0 auto;padding:10px;flex-direction:column;align-items:center;text-align:center}.news-thumb{width:100%;height:150px;margin-bottom:8px}.news-card h2{font-size:16px;width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis}.news-card p{font-size:12px}.back-btn,.toUrl-btn{padding:8px 14px;font-size:12px}}