.hp-dark{background:linear-gradient(160deg,#0b1730 0%,#12274a 100%);color:#fff;padding:70px 20px}
.hp-in{max-width:1100px;margin:0 auto}
.hp-hd{text-align:center;margin-bottom:26px}
.hp-tag{display:inline-block;border:1px solid rgba(212,168,67,.5);color:#d4a843;border-radius:20px;padding:5px 16px;font-size:.78rem;font-weight:700;margin-bottom:12px}
.hp-hd h2{margin:0 0 6px;font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.5;color:#fff}
.hp-hd p{margin:0 auto;max-width:720px;color:rgba(255,255,255,.75);line-height:1.9}
.hp-q{max-width:860px;margin:0 auto 54px;background:rgba(255,255,255,.06);border:1px solid rgba(212,168,67,.4);border-radius:22px;padding:30px 28px;text-align:center}
.hp-q .a{color:rgba(255,255,255,.7);margin:0 0 14px;font-size:.98rem}
.hp-q .b{font-size:clamp(1.15rem,2.6vw,1.55rem);line-height:1.9;font-weight:700;margin:0 0 8px;color:#fff}
.hp-q .b em{font-style:normal;color:#d4a843}
.hp-pr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}
.hp-p{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-top:4px solid #c0463c;border-radius:16px;padding:20px 18px;text-align:center}
.hp-p i{display:block;font-style:normal;font-size:2rem}
.hp-p h3{margin:4px 0 8px;color:#fff;font-size:1.08rem}
.hp-p p{margin:0 0 8px;color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.8}
.hp-p .k{background:rgba(192,70,60,.2);border-radius:10px;padding:8px 10px;color:#ffd7d2;font-weight:700;font-size:.92rem}
.hp-res{max-width:760px;margin:0 auto 54px;border:2px dashed #c0463c;border-radius:16px;padding:16px;text-align:center;line-height:2;font-weight:700}
.hp-res b{color:#ff9a90}
.hp-res span{display:block;color:rgba(255,255,255,.7);font-weight:400;font-size:.9rem}
.hp-pl{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:0 auto}
.hp-pl .hp-p{border-top-color:#d4a843}
.hp-pl .hp-p .k{background:rgba(212,168,67,.15);color:#f3dc9c}
.hp-light{background:#f1f5fb;padding:70px 20px}
.hp-light .hp-hd h2{color:#0f1f3d}.hp-light .hp-hd p{color:#4a556f}
.hp-light .hp-tag{border-color:#b8860b;color:#8a6508}
.hp-pg{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.hp-pc{flex:1 1 320px;max-width:350px;background:#fff;border:1px solid rgba(15,31,61,.1);border-radius:18px;padding:22px 20px;position:relative;box-shadow:0 8px 20px rgba(15,31,61,.06)}
.hp-pc .n{position:absolute;top:-16px;inset-inline-start:18px;width:36px;height:36px;border-radius:50%;background:#d4a843;color:#0f1f3d;font:700 1.1rem/36px Georgia,serif;text-align:center;box-shadow:0 4px 10px rgba(212,168,67,.4)}
.hp-pc h3{margin:6px 0 10px;color:#0f1f3d;font-size:1.1rem;line-height:1.6}
.hp-pc p{margin:0 0 8px;color:#4a556f;font-size:.92rem;line-height:1.85}
.hp-ch{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.hp-ch span{background:#eef3fb;border:1px solid #cfdcf0;color:#1f3558;border-radius:20px;padding:4px 12px;font-size:.84rem;font-weight:600}
.hp-pc p.k{background:#faf4e2;border-inline-start:4px solid #d4a843;border-radius:8px;padding:9px 12px;color:#0f1f3d;font-weight:700;margin:6px 0 0}
.hp-cn{background:linear-gradient(160deg,#0b1730 0%,#12274a 100%);color:#fff;padding:70px 20px}
.hp-six{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.hp-s{background:rgba(255,255,255,.07);border:1px solid rgba(212,168,67,.35);border-radius:16px;padding:18px 16px;text-align:center}
.hp-s i{display:block;font-style:normal;font-size:1.9rem}
.hp-s b{display:block;color:#d4a843;font-size:1.05rem;margin:4px 0 6px}
.hp-s span{color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.8}
.hp-t{max-width:800px;margin:0 auto;text-align:center;line-height:2;color:rgba(255,255,255,.85)}
.hp-t p{margin:0 0 14px}
.hp-t .big{font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:700;color:#fff}
.hp-t .big em{font-style:normal;color:#d4a843}
.hp-end{max-width:760px;margin:26px auto 0;text-align:center;border-top:1px solid rgba(212,168,67,.4);padding-top:22px;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:700;color:#d4a843;line-height:1.8}
@media(max-width:860px){.hp-dark,.hp-light,.hp-cn{padding:48px 16px}.hp-pr,.hp-pl,.hp-six{grid-template-columns:1fr}.hp-q{padding:22px 16px;margin-bottom:38px}.hp-res{margin-bottom:38px}.hp-pc{max-width:none;flex-basis:100%}.hp-six{gap:10px}}