*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* Header */
header{background:#1f3a6a;color:#fff;padding:15px 0;position:fixed;width:100%;top:0;z-index:999}
.container{width:1200px;margin:0 auto;padding:0 20px}
.logo{font-size:24px;font-weight:700}
nav ul{display:flex;list-style:none}
nav ul li{margin-left:30px}
nav ul li a{color:#fff;text-decoration:none;font-size:16px;transition:opacity 0.3s}
nav ul li a:hover{opacity:0.8}

/* Banner */
.banner{height:500px;background:linear-gradient(135deg,#1f3a6a 0%,#2d5a8a 100%);margin-top:70px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.banner h1{font-size:48px;margin-bottom:20px;font-weight:700}
.banner p{font-size:20px;letter-spacing:5px}

/* Section */
.section{padding:60px 0}
.title{text-align:center;font-size:32px;margin-bottom:40px;color:#1f3a6a;font-weight:700}

/* News Grid */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s}
.card:hover{transform:translateY(-5px);box-shadow:0 5px 25px rgba(0,0,0,0.12)}
.card h3{color:#1f3a6a;margin-bottom:15px;font-size:18px}
.card p{color:#666;font-size:14px;line-height:1.8}
.card .date{color:#999;font-size:12px;margin-top:10px}
.loading{text-align:center;color:#999;padding:40px}

/* Products */
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.product-card{background:#fff;padding:40px 30px;border-radius:10px;text-align:center;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:transform 0.3s}
.product-card:hover{transform:translateY(-5px)}
.product-card h3{color:#1f3a6a;margin-bottom:15px}
.product-card p{color:#666;font-size:14px}

/* Footer */
footer{background:#1f3a6a;color:#fff;text-align:center;padding:30px 0;margin-top:30px}

/* About Page */
.page-header{background:#1f3a6a;color:#fff;padding:120px 0 60px;text-align:center}
.page-header h1{font-size:36px;margin-bottom:15px}
.page-content{padding:60px 0}
.page-content .container{max-width:900px}
.page-content p{color:#666;line-height:2;font-size:16px;margin-bottom:20px}
.page-content h2{color:#1f3a6a;margin:40px 0 20px}

/* Contact */
.contact-info{background:#f8f8f8;padding:40px;border-radius:10px;margin-top:30px}
.contact-info p{font-size:16px;margin:15px 0}
.contact-info strong{color:#1f3a6a}

/* Form */
.form-box{background:#f8f8f8;padding:40px;border-radius:10px;margin-top:30px}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}
.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:14px}
.form-group textarea{height:120px;resize:vertical}
.btn{background:#1f3a6a;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;display:inline-block}
.btn:hover{background:#163258}

/* Admin */
.admin-login{background:#f4f4f4;display:flex;justify-content:center;align-items:center;height:100vh}
.admin-box{background:#fff;padding:40px;border-radius:8px;width:350px;box-shadow:0 5px 20px rgba(0,0,0,0.1)}
.admin-box h2{color:#1f3a6a;margin-bottom:30px;text-align:center}
.admin-box input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:5px}
.admin-top{background:#1f3a6a;color:#fff;padding:15px 20px;font-size:18px;display:flex;justify-content:space-between}
.admin-main{padding:20px}
.admin-table{width:100%;background:#fff;border-collapse:collapse;margin-top:20px;border-radius:8px;overflow:hidden}
.admin-table th,.admin-table td{border:1px solid #ddd;padding:12px 15px;text-align:left}
.admin-table th{background:#f8f8f8;font-weight:600}
.admin-table tr:hover{background:#f8f8f8}
.action-btn{padding:5px 12px;background:#1f3a6a;color:#fff;border-radius:3px;font-size:12px}
.action-btn:hover{background:#163258}
.back-link{display:inline-block;margin-bottom:20px;color:#1f3a6a}

/* Responsive */
@media(max-width:768px){
 .container{width:100%}
 nav ul li{margin-left:15px}
 .news,.products{grid-template-columns:1fr}
 .banner h1{font-size:32px}
}