*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#18232d;line-height:1.7}.top{background:#f2f8ff;border-bottom:1px solid #dce8f2}.wrap{max-width:1120px;margin:auto;padding:0 20px}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:800;color:#1769aa;text-decoration:none}.nav a{margin-left:22px;color:#283945;text-decoration:none}.hero{padding:60px 0;background:linear-gradient(135deg,#f5fbff,#eef9f4)}.hero h1{font-size:48px;line-height:1.08;margin:0 0 18px;max-width:800px}.hero p{font-size:19px;max-width:780px;color:#4d5c66}.btn{display:inline-block;background:#1769aa;color:#fff!important;padding:13px 21px;border-radius:8px;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:45px 0}.card{border:1px solid #e0e7ec;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 15px #0000000a}.card img{width:100%;height:170px;object-fit:cover}.card h2{font-size:19px;line-height:1.3;margin:16px 18px 8px}.card h2 a{color:#18232d;text-decoration:none}.card p{margin:0 18px 18px;color:#5c6a73}.article{max-width:830px;margin:auto;padding:48px 20px 90px}.article h1{font-size:42px;line-height:1.15;margin:10px 0 18px}.meta{color:#687780}.share{border:1px solid #dfe7eb;border-radius:10px;padding:15px;margin:20px 0;background:#fafcfd}.share a{margin-right:13px;text-decoration:none;font-weight:700;color:#1769aa}.article-photo{width:100%;height:340px;object-fit:cover;border-radius:14px;margin:25px 0}.cta{margin-top:35px;padding:23px;background:#eef8ff;border:1px solid #d5e8f5;border-radius:12px}.disclosure{font-size:13px;color:#6b777e}.sticky{position:fixed;bottom:14px;right:14px;z-index:10}.popup{display:none;position:fixed;inset:0;background:#0008;align-items:center;justify-content:center;padding:20px;z-index:20}.popupbox{background:#fff;border-radius:14px;max-width:430px;padding:25px;text-align:center}.popupbox img{width:100%;height:170px;object-fit:cover;border-radius:10px}.close{float:right;cursor:pointer;font-size:24px}.footer{border-top:1px solid #e4e9ed;padding:30px 0;color:#68757d;font-size:14px}@media(max-width:760px){.hero h1{font-size:35px}.grid{grid-template-columns:1fr}.nav a{display:none}.article h1{font-size:33px}.article-photo{height:230px}.sticky{left:14px;right:14px;text-align:center}}