.ans{--g:#00a651;--d:#111;max-width:980px;margin:0 auto;color:#222}
.ans *{box-sizing:border-box}
.ans-hero{background:linear-gradient(135deg,#111,#1b1b1b 60%,#0b3d22);color:#fff;border-radius:18px;padding:32px;position:relative;overflow:hidden}
.ans-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;background:var(--g);opacity:.2;transform:rotate(45deg);border-radius:24px}
.ans-badge{display:inline-block;background:var(--g);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;margin:0 6px 12px 0}
.ans-hero h2{color:#fff;margin:0 0 6px;font-size:28px;line-height:1.3}
.ans-hero p{margin:0;opacity:.85}
.ans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0}
.ans-box{background:#fff;border:1px solid #e6e6e6;border-left:4px solid var(--g);border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.ans-box small{display:block;color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.ans-box b{font-size:16px;color:#111;word-break:break-word}
.ans-box a{color:var(--g);text-decoration:none}
.ans-sec{margin:30px 0 14px;font-size:20px;border-bottom:3px solid var(--g);display:inline-block;padding-bottom:4px;color:#111}
.ans-btn{display:inline-block;background:var(--g);color:#fff!important;padding:11px 22px;border-radius:10px;font-weight:700;text-decoration:none;margin:0 8px 8px 0}
.ans-btn.dk{background:#111}
.ans-frame{width:100%;height:480px;border:1px solid #ddd;border-radius:12px;background:#f6f6f6}
.ans-note{font-size:12px;color:#888;margin:6px 0 0}
.ans-proof{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.ans-proof img{width:100%;height:150px;object-fit:cover;border-radius:10px;border:1px solid #ddd;cursor:zoom-in;transition:.2s}
.ans-proof img:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.15)}
.ans-lb{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out}
.ans-lb img{max-width:92%;max-height:90%;border-radius:10px}
.ans-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.ans-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e6e6e6;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:.2s}
.ans-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,166,81,.2)}
.ans-card .th{height:170px;background:linear-gradient(135deg,#111,#0b3d22) center/cover}
.ans-card .bd{padding:16px}
.ans-card h3{margin:6px 0;font-size:18px;color:#111}
.ans-card p{margin:2px 0;color:#666;font-size:14px}
.ans-card a.more{color:var(--g);font-weight:700;text-decoration:none}
@media(max-width:600px){.ans-hero{padding:22px}.ans-hero h2{font-size:22px}.ans-frame{height:340px}}