:root{
  --bg:#f3f7fc;--surface:#fff;--surface2:#f8fbff;--text:#132e48;--muted:#5a7188;
  --primary:#0b4d9b;--primary2:#156fd4;--line:#d8e3ee;
  --radius:22px;--shadow:0 14px 36px rgba(5,34,73,.08);--hero-shadow:0 22px 60px rgba(8,46,97,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#eef4fb 0,#f7fbff 180px,#f3f7fc 100%);line-height:1.7}
img{max-width:100%;display:block}a{color:var(--primary)}code{background:#eef4fb;padding:.12rem .35rem;border-radius:6px}
.wrap{width:min(1280px,calc(100% - 34px));margin:0 auto}
header.site{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);font-weight:800}
.brand img{height:46px;width:auto}
nav ul{list-style:none;display:flex;gap:14px;flex-wrap:wrap;margin:0;padding:0}
nav a{text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem}
nav a:hover{color:var(--primary)}
.langbar{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 0}
.langbar a{text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.86rem;background:#fff}
.langbar a.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.hero{padding:52px 0 26px}
.hero-box{background:linear-gradient(135deg,#ffffff 0,#f7fbff 44%,#eef5ff 100%);border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--hero-shadow)}
.hero h1{margin:0 0 14px;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.02;letter-spacing:-.025em}
.hero p{margin:0 0 13px;color:var(--muted);max-width:1040px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.section{padding:13px 0}
.grid-2,.grid-3,.grid-4{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.card h2,.card h3{margin-top:0;line-height:1.18}
.card h2{font-size:1.45rem}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff!important;border-radius:999px;padding:11px 17px;font-weight:700;box-shadow:0 8px 20px rgba(10,77,158,.22)}
.btn.secondary{background:#fff!important;color:var(--text)!important;border:1px solid var(--line);box-shadow:none}
.small{font-size:.92rem;color:var(--muted)}
.breadcrumbs{font-size:.93rem;margin-top:10px}.breadcrumbs .wrap{display:flex;gap:8px;flex-wrap:wrap}.sep{opacity:.45}
.kpi{font-size:1.95rem;font-weight:800;line-height:1.02;margin:.22rem 0 .35rem}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery a{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.gallery img{width:100%;height:225px;object-fit:cover}
.download-list a{display:block;padding:11px 13px;border:1px solid var(--line);border-radius:13px;text-decoration:none;background:#fff;margin-bottom:10px}
.notice{padding:15px 17px;border-left:4px solid var(--primary);background:#f2f7fd;border-radius:12px}
.masthead{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}
.photo-frame{border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);min-height:280px;background:#fff}
.photo-frame img{width:100%;height:100%;object-fit:cover}
.faq details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:700}
.link-cloud a{display:inline-block;margin:0 8px 8px 0;padding:8px 11px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff}
table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--surface2)}
footer.site{border-top:1px solid var(--line);padding:30px 0 40px;margin-top:28px;background:#fff}
footer p{margin:0 0 8px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
@media (max-width:1120px){.gallery,.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:920px){.hero-grid,.grid-2,.grid-3,.grid-4,.gallery,.contact-grid{grid-template-columns:1fr}.header-inner{display:block}.hero{padding-top:30px}}