* { box-sizing: border-box; }
body { margin:0; font-family: Arial, 'Noto Sans TC', sans-serif; color:#222; line-height:1.8; background:#f7f9fc; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
.header { background:#fff; border-bottom:1px solid #e5eaf0; position:sticky; top:0; z-index:10; }
.container { max-width:1180px; margin:0 auto; padding:0 20px; }
.nav { display:flex; align-items:center; justify-content:space-between; min-height:72px; }
.logo { font-size:24px; font-weight:800; color:#0d47a1; }
.menu { display:flex; gap:24px; font-weight:700; }
.menu a:hover { color:#1565c0; }
.hero { background:linear-gradient(135deg,#0d47a1,#1976d2); color:#fff; padding:90px 0; }
.hero h1 { font-size:46px; line-height:1.25; margin:0 0 18px; }
.hero p { font-size:20px; max-width:760px; margin:0 0 32px; }
.btn { display:inline-block; background:#ffb300; color:#111; padding:12px 26px; border-radius:999px; font-weight:800; border:0; cursor:pointer; }
.section { padding:70px 0; }
.section-title { font-size:32px; margin:0 0 24px; color:#0d47a1; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.card { background:#fff; border-radius:18px; padding:28px; box-shadow:0 10px 28px rgba(20,40,80,.08); border:1px solid #edf1f7; }
.card h3 { margin:0 0 12px; color:#1565c0; font-size:22px; }
.news-list { display:grid; gap:18px; }
.news-item { background:#fff; border-radius:16px; padding:24px; border:1px solid #e9eef5; }
.form { background:#fff; padding:30px; border-radius:18px; box-shadow:0 10px 28px rgba(20,40,80,.08); }
.form label { display:block; font-weight:700; margin-top:12px; }
.form input,.form textarea,.form select { width:100%; padding:12px; border:1px solid #ccd6e0; border-radius:10px; margin-top:6px; font-size:16px; }
.footer { background:#10233f; color:#fff; padding:34px 0; text-align:center; }
.admin-wrap { max-width:1100px; margin:30px auto; padding:0 20px; }
.admin-nav { background:#10233f; color:#fff; padding:14px 20px; display:flex; gap:18px; flex-wrap:wrap; }
.admin-nav a { font-weight:700; }
.table { width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; }
.table th,.table td { border-bottom:1px solid #e6edf5; padding:12px; text-align:left; vertical-align:top; }
.table th { background:#eef5ff; }
.alert { padding:12px 16px; border-radius:10px; background:#e8f5e9; color:#1b5e20; margin-bottom:16px; }
.error { padding:12px 16px; border-radius:10px; background:#ffebee; color:#b71c1c; margin-bottom:16px; }
.actions { display:flex; gap:10px; flex-wrap:wrap; }
.small-btn { display:inline-block; padding:7px 12px; background:#1565c0; color:#fff; border-radius:8px; }
.danger { background:#c62828; }
@media (max-width:768px){ .menu{gap:12px;font-size:14px;} .hero h1{font-size:34px;} .grid{grid-template-columns:1fr;} }
.seo-box { border:1px solid #e4ebf5; border-radius:14px; padding:22px; margin-bottom:22px; background:#fafcff; }
.seo-box h2 { margin-top:0; color:#0d47a1; font-size:24px; }
.article-content { line-height:1.9; }
.article-content h2 { color:#0d47a1; margin-top:34px; }
.article-content h3 { color:#1565c0; margin-top:26px; }
.article-content img { max-width:100%; height:auto; border-radius:12px; }
.article-cover { width:100%; max-height:420px; object-fit:cover; margin:16px 0 28px; }
.ck-editor__editable { min-height: 360px; }