*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Segoe UI','PingFang SC',Roboto,'Helvetica Neue',sans-serif;background:#eef2f5;color:#1a2e3a;line-height:1.5;}.container{max-width:1200px;margin:0 auto;padding:20px;}header{background:linear-gradient(135deg,#1a3d4a 0%,#2d6a6a 100%);color:#e0f0f0;padding:30px 0;text-align:center;border-bottom:4px solid #6aabaa;}header h1{font-size:1.8rem;margin-bottom:8px;font-weight:700;letter-spacing:-0.3px;}header .subtitle{font-size:1rem;opacity:0.9;margin-bottom:5px;}header p{opacity:0.9;font-size:0.9rem;}nav{background:#e8f0f2cc;backdrop-filter:blur(2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);position:sticky;top:0;z-index:100;border-bottom:1px solid #c8d8dc;}.nav-container{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}.nav-container a{color:#2a6a6a;text-decoration:none;font-weight:600;padding:5px 0;transition:all 0.3s;border-bottom:2px solid transparent;}.nav-container a:hover{color:#4a9a9a;border-bottom-color:#6aabaa;}.ad-banner{margin:20px 0;text-align:center;}.ad-banner img{width:100%;border-radius:20px;box-shadow:0 8px 18px rgba(0,0,0,0.08);}.card{background:white;border-radius:20px;box-shadow:0 6px 14px rgba(30,60,70,0.08);overflow:hidden;transition:transform 0.2s,box-shadow 0.3s;border:1px solid #c8d8dc;}.card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -12px rgba(30,60,70,0.2);}.card-content{padding:20px;}.card-title{font-size:1.2rem;margin-bottom:10px;}.card-title a{color:#2a5a6a;text-decoration:none;font-weight:700;}.btn{display:inline-block;background:#2d6a6a;color:#e0f0f0;padding:8px 20px;border-radius:40px;text-decoration:none;font-size:0.9rem;font-weight:500;transition:background 0.3s,box-shadow 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05);}.btn:hover{background:#1a3d4a;box-shadow:0 6px 12px rgba(30,60,70,0.2);}.region-province{margin-bottom:30px;}.region-province h3{font-size:1.3rem;margin-bottom:10px;border-left:4px solid #6aabaa;padding-left:15px;color:#2a5a6a;}.city-list-inline{display:flex;flex-wrap:wrap;gap:10px 3px;margin-top:10px;}.city-list-inline a{background:#e0ece8;padding:6px 15px;border-radius:40px;font-size:0.85rem;color:#2a6a6a;text-decoration:none;transition:all 0.2s;}.city-list-inline a:hover{background:#6aabaa;color:#1a2e3a;transform:translateY(-1px);}.grid-1{display:flex;flex-direction:column;gap:25px;margin:30px 0;}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin:30px 0;}@media (max-width:768px){.grid-3{grid-template-columns:1fr;gap:15px;}}.category-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:30px 0;}.category-list a{background:#e0ece8;padding:8px 20px;border-radius:60px;color:#2a6a6a;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.2s;}.category-list a:hover{background:#2d6a6a;color:#e0f0f0;box-shadow:0 5px 12px rgba(30,60,70,0.15);}.slogan-area{background:#ffffff;border-radius:32px;padding:40px 36px;margin:30px 0;box-shadow:0 25px 45px -12px rgba(30,60,70,0.12);border:1px solid rgba(60,100,110,0.1);transition:all 0.3s;}.slogan-area h2{font-size:1.9rem;font-weight:800;background:linear-gradient(125deg,#1a3d4a,#6aabaa,#2d6a6a);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:24px;letter-spacing:-0.3px;line-height:1.3;}.slogan-area h3{font-size:1.45rem;font-weight:700;margin:32px 0 18px 0;color:#2a5a6a;border-left:5px solid #6aabaa;padding-left:20px;}.slogan-area p{font-size:1rem;color:#1a2e3a;margin-bottom:20px;line-height:1.6;}.slogan-area strong{color:#4a9a9a;font-weight:700;}.slogan-area div[style*="display:flex"][style*="flex-wrap"]{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 28px;}.slogan-area div[style*="display:flex"][style*="flex-wrap"] span{background:#e0ece8;padding:8px 24px;border-radius:60px;font-size:0.9rem;font-weight:500;color:#2a6a6a;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.02);}.slogan-area div[style*="display:flex"][style*="flex-wrap"] span:hover{background:#c8dcd8;transform:translateY(-2px);box-shadow:0 8px 14px -8px rgba(30,60,70,0.12);}.slogan-area table{width:100%;border-collapse:collapse;margin:28px 0 24px;background:white;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.03);}.slogan-area table[border]{border:none;}.slogan-area table thead tr{background:#e0ece8;}.slogan-area table th{padding:16px 20px;text-align:left;font-weight:700;color:#2a5a6a;border-bottom:1px solid #c8dcd8;}.slogan-area table td{padding:14px 20px;border-bottom:1px solid #dce8e4;color:#1a2e3a;}.slogan-area table tr:last-child td{border-bottom:none;}.slogan-area table tr:hover td{background-color:#eef5f2;}.slogan-area p:last-of-type{background:linear-gradient(115deg,#e0ece8 0%,#ffffff 100%);border-radius:28px;padding:24px 28px;margin-top:32px;margin-bottom:8px;border:1px solid #c8dcd8;box-shadow:0 6px 14px rgba(0,0,0,0.02);display:flex;flex-direction:column;align-items:flex-start;gap:8px;}.slogan-area p:last-of-type br{display:none;}.slogan-area p:last-of-type strong:first-of-type{font-size:1.7rem;font-weight:800;background:#2d6a6a;color:#e0f0f0;padding:8px 24px;border-radius:60px;display:inline-block;margin:8px 0 4px;letter-spacing:1px;transition:all 0.2s;box-shadow:0 6px 12px rgba(0,0,0,0.08);}.slogan-area p:last-of-type strong:first-of-type:hover{background:#1a3d4a;transform:scale(1.02);box-shadow:0 12px 20px -8px rgba(30,60,70,0.2);}.slogan-area p:last-of-type strong:last-of-type{background:transparent;color:#4a9a9a;font-size:1rem;padding:0;box-shadow:none;}@media (max-width:680px){.slogan-area{padding:28px 20px;}.slogan-area h2{font-size:1.6rem;}.slogan-area h3{font-size:1.3rem;}.slogan-area p:last-of-type strong:first-of-type{font-size:1.3rem;padding:6px 18px;}.slogan-area div[style*="display:flex"][style*="flex-wrap"] span{padding:6px 16px;font-size:0.8rem;}.slogan-area table th,.slogan-area table td{padding:10px 14px;font-size:0.85rem;}}.banner-img{width:100%;max-height:600px;object-fit:cover;border-radius:16px;margin:20px 0;box-shadow:0 4px 12px rgba(0,0,0,0.1);}footer{background:#1a2e3a;color:#a0c8c8;text-align:center;padding:25px;margin-top:40px;font-size:0.85rem;}footer a{color:#6aabaa;}.extra-text{padding-top:5px;font-size:14px;color:#7aaea8;line-height:1.5;}.extra-text a{color:#6aabaa;text-decoration:none;}.extra-text a:hover{color:#8ac8aa;text-decoration:underline;}.extra-text p{margin:5px 0;}.pagination{text-align:center;margin:30px 0;}.pagination a,.pagination strong{display:inline-block;padding:8px 14px;margin:0 4px;border-radius:30px;background:white;border:1px solid #c8dcd8;text-decoration:none;color:#2d6a6a;}.pagination strong{background:#2d6a6a;color:#e0f0f0;border-color:#2d6a6a;}.related-title{margin:40px 0 20px;font-size:1.5rem;border-left:4px solid #6aabaa;padding-left:15px;color:#2a5a6a;}.column-articles{margin-bottom:40px;}.column-articles h3{font-size:1.3rem;margin-bottom:15px;border-left:4px solid #6aabaa;padding-left:15px;color:#2a5a6a;}.article-list{list-style:none;padding:0;margin:0;}.article-list li{margin-bottom:12px;border-bottom:1px solid #dce8e4;padding-bottom:8px;}.article-list li a{font-size:1rem;color:#2a6a6a;text-decoration:none;font-weight:500;}.article-list li a:hover{text-decoration:underline;color:#4a9a9a;}.article-list .summary{color:#7aaea8;font-size:0.85rem;margin-top:4px;}.h2-black{color:#1a2e3a;margin-bottom:20px;}.h2-black a{text-decoration:none;color:#1a2e3a;}.citys{display:flex;flex-wrap:wrap;gap:0.8rem;}.citys a{display:inline-block;text-decoration:none;background:#f0f2f5;color:#333;padding:0.5rem 1.2rem;border-radius:2rem;font-size:1rem;transition:all 0.2s;white-space:nowrap;}.citys a:hover{background:#007bff;color:white;}