/* 飞宇诺智能选款 v1 — 深空黑 + 品牌青 #00b1bf */
* { box-sizing: border-box; }
body { margin: 0; background: #0f1214; color: #e8ecee; font-family: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; line-height: 1.6; }
.fyns-wrap { max-width: 1080px; margin: 0 auto; padding: 48px 20px 80px; }
.fyns-head h1 { font-size: 34px; margin: 0 0 8px; letter-spacing: 1px; }
.fyns-head h1::after { content: ""; display: block; width: 56px; height: 3px; background: #00b1bf; margin-top: 12px; }
.fyns-sub { color: #9fb0b8; margin: 16px 0 0; font-size: 15px; }
.fyns-scen { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 16px; }
.fyns-chip { background: #182024; color: #cfe0e6; border: 1px solid #24343a; border-radius: 999px; padding: 7px 16px; font-size: 13px; cursor: pointer; transition: .2s; }
.fyns-chip:hover { border-color: #00b1bf; color: #fff; background: #16292d; }
.fyns-box { background: #151b1f; border: 1px solid #223238; border-radius: 14px; padding: 16px; }
.fyns-box textarea { width: 100%; background: #0f1214; color: #e8ecee; border: 1px solid #223238; border-radius: 10px; padding: 14px; font-size: 15px; resize: vertical; outline: none; font-family: inherit; }
.fyns-box textarea:focus { border-color: #00b1bf; }
.fyns-actions { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
.fyns-go { background: #00b1bf; color: #04191b; border: 0; border-radius: 8px; padding: 11px 28px; font-size: 15px; font-weight: 600; cursor: pointer; }
.fyns-go:hover { background: #14c8d6; }
.fyns-hint { color: #7c8c93; font-size: 13px; }
.fyns-status { margin: 22px 0; color: #00b1bf; font-size: 15px; }
.fyns-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; margin-top: 26px; }
.fyns-card { background: #151b1f; border: 1px solid #223238; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.fyns-card img { width: 100%; height: 190px; object-fit: contain; background: #fff; }
.fyns-card-body { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.fyns-model { color: #00b1bf; font-size: 12px; letter-spacing: .5px; }
.fyns-name { font-size: 16px; margin: 0; }
.fyns-specs { color: #9fb0b8; font-size: 13px; }
.fyns-price { color: #ffd479; font-weight: 700; font-size: 16px; margin-top: 4px; }
.fyns-reason { color: #b9c8ce; font-size: 12.5px; border-left: 2px solid #2b434a; padding-left: 8px; }
.fyns-reason b { color: #8fa4ad; font-weight: 500; }
.fyns-quote { margin-top: auto; background: transparent; color: #00b1bf; border: 1px solid #00b1bf; border-radius: 8px; padding: 9px; font-size: 14px; cursor: pointer; }
.fyns-quote:hover { background: #00b1bf; color: #04191b; }
.fyns-more { text-align: center; color: #7c8c93; font-size: 12.5px; text-decoration: none; }
.fyns-more:hover { color: #00b1bf; }
.fyns-demo-tip { margin-top: 18px; color: #7c8c93; font-size: 13px; text-align: center; }
.fyns-modal { position: fixed; inset: 0; background: rgba(0,0,0,.66); display: flex; align-items: center; justify-content: center; z-index: 99; padding: 20px; }
.fyns-modal-box { background: #151b1f; border: 1px solid #223238; border-radius: 14px; padding: 26px; width: 100%; max-width: 420px; }
.fyns-modal-box h3 { margin: 0 0 8px; }
.fyns-lead-tip { color: #9fb0b8; font-size: 13px; margin: 0 0 16px; }
.fyns-modal-box input { width: 100%; background: #0f1214; color: #e8ecee; border: 1px solid #223238; border-radius: 8px; padding: 11px 12px; margin-bottom: 10px; font-size: 14px; outline: none; }
.fyns-modal-box input:focus { border-color: #00b1bf; }
.fyns-modal-actions { display: flex; gap: 10px; margin-top: 6px; }
.fyns-cancel { background: transparent; color: #9fb0b8; border: 1px solid #2b3c43; border-radius: 8px; padding: 11px 20px; cursor: pointer; }
.fyns-lead-msg { margin-top: 12px; font-size: 13px; min-height: 20px; }
.fyns-lead-msg.ok { color: #5fd08a; }
.fyns-lead-msg.bad { color: #ff8f8f; }
@media (max-width: 640px) { .fyns-wrap { padding: 30px 14px 60px; } .fyns-head h1 { font-size: 26px; } .fyns-card img { height: 160px; } }