*{box-sizing:border-box}body{margin:0;background:#f3f8f9;color:#264451;font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif}.top{height:76px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe8eb}.top a{font-weight:800;text-decoration:none;color:#005b85;font-size:21px}.top a span{font-size:10px;letter-spacing:.12em;margin-left:9px;color:#8aa7b0}.top>span{font-size:11px;color:#8ca4ad}.page{max-width:1160px;min-height:calc(100dvh - 144px);margin:auto;padding:70px 28px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#53858f;font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#49a4a4;margin-right:8px}.date{margin-top:34px;color:#007c98;font-size:16px;letter-spacing:.08em;font-weight:800}.date span{font-size:11px;color:#89aab1;margin-left:8px}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.15;letter-spacing:.025em;margin:15px 0 20px;color:#163e51}.hero h1 strong{color:#005b85}.hero>p{font-size:18px;line-height:1.7;margin:0;color:#658590}.pill{display:inline-block;margin-top:28px;background:#e0f0ef;border-radius:20px;padding:8px 13px;font-size:12px;color:#458887;font-weight:700}.install{display:block;margin-top:22px;border:0;border-radius:10px;background:#005b85;color:white;font-size:16px;font-weight:700;padding:15px 26px;box-shadow:0 8px 20px #005b8527;cursor:pointer}.hero .hint{font-size:12px;color:#91aab3;margin-top:10px}.right{border:1px solid #dce9ec;background:#fff;border-radius:20px;padding:26px;box-shadow:0 15px 45px #005b850a}.island-mark{height:260px;border-radius:12px;background:#e8f2f5;position:relative;display:grid;place-items:center}.island-mark>span{position:absolute;top:20px;left:22px;color:#86aab5;font-size:11px;letter-spacing:.16em;line-height:1.5}.island-mark span b{font-size:19px;color:#6494a3}.island-mark svg{width:75%;max-height:90%}.info{display:grid;gap:0;padding-top:12px}.info>div{display:flex;gap:20px;align-items:center;padding:14px 2px;border-bottom:1px solid #eef4f5}.info>div:last-child{border:0}.info>div>span{font-size:11px;color:#8fb1ba}.info p{margin:0;display:flex;gap:14px;align-items:center}.info b{font-size:15px;color:#005b85}.info small{font-size:12px;color:#7898a2}.candidates-preview{max-width:1160px;margin:0 auto;padding:24px 28px 90px}.candidates-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #dbe8eb}.candidates-heading h2{margin:0;color:#163e51;font-size:clamp(32px,5vw,52px);letter-spacing:.03em}.candidate-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.candidate-group{margin:0;padding:24px;border:1px solid #dce9ec;border-radius:16px;background:#fff;box-shadow:0 10px 30px #005b8508}.candidate-group h3{margin:0 0 18px;color:#005b85;font-size:18px}.candidate-group h3 span{display:block;margin-top:4px;color:#7898a2;font-size:12px;font-weight:600;letter-spacing:.08em}.candidate-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px;margin:0;padding:0;list-style:none}.candidate-group li{padding:9px 11px;border-radius:8px;background:#f3f8f9;color:#264451;font-weight:700}.candidate-group.villages{grid-column:1/-1}.village-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.village-grid section{padding:16px;border-radius:10px;background:#f3f8f9}.village-grid h4{margin:0 0 8px;color:#007c98;font-size:13px}.village-grid p{margin:0;color:#264451;font-size:15px;font-weight:700;line-height:1.8}footer{max-width:1160px;margin:auto;padding:20px 28px;border-top:1px solid #dbe8eb;font-size:11px;color:#8aa5ad;display:flex;justify-content:space-between;gap:12px}footer a{color:#005b85}@media(max-width:900px){.candidate-groups{grid-template-columns:repeat(2,1fr)}.village-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.top{height:62px;padding:0 20px}.page{padding:42px 20px;display:flex;flex-direction:column;align-items:stretch;gap:34px}.hero h1{font-size:48px}.hero>p{font-size:16px}.date{margin-top:25px}.right{padding:18px}.island-mark{height:190px}.candidates-preview{padding:20px 20px 60px}.candidates-heading{display:block}.candidates-heading h2{margin-top:8px}.candidate-groups{grid-template-columns:1fr}.candidate-group{padding:20px}.village-grid{grid-template-columns:1fr}footer{padding:18px 20px;flex-wrap:wrap}}
