/* 风谕城市探索引擎 · 共用样式（收藏、点地图识别、路线、2D/3D）Grok 采集 */
.fyx{position:absolute;z-index:20;background:rgba(18,20,24,.86);color:#eee;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.4);font-family:-apple-system,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.5}
.fyx a{color:#90caf9}
.fyx button,.fyx-b{border:0;border-radius:16px;padding:6px 11px;font-size:12.5px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font-family:inherit}
.fyx button:hover{background:rgba(255,255,255,.24)}
.fyx button.on{background:#1e88e5}
.fyx button.gold{background:#f9a825;color:#111}
#fyx-bar{right:12px;bottom:38px;display:flex;flex-direction:column;gap:6px;padding:8px;align-items:stretch;width:118px}
#fyx-bar .seg{display:flex;gap:2px;background:rgba(255,255,255,.08);border-radius:16px;padding:2px}
#fyx-bar .seg button{flex:1;padding:5px 0;font-size:12px;border-radius:14px;background:transparent}
#fyx-bar .seg button.on{background:#1e88e5}
#fyx-bar .dim{font-size:11px;color:#bbb;text-align:center}
#fyx-panel{left:12px;bottom:34px;width:350px;max-height:calc(100% - 230px);overflow:auto;padding:10px 12px;display:none}
#fyx-panel h3{margin:0 0 6px;font-size:15px}
#fyx-panel .it{padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.06);margin:5px 0}
#fyx-panel .it .nm{font-weight:600;cursor:pointer}
#fyx-panel .it .meta{font-size:11.5px;color:#aaa}
#fyx-panel .it .ops{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
#fyx-panel .it .ops button{padding:3px 8px;font-size:11.5px}
#fyx-panel textarea,#fyx-panel input[type=text]{width:100%;box-sizing:border-box;border:0;border-radius:6px;padding:5px 7px;font-size:12.5px;margin-top:4px;background:#fff;color:#111;font-family:inherit}
#fyx-panel .x,#fyx-card .x,#fyx-tour .x{position:absolute;right:8px;top:6px;background:rgba(0,0,0,.55);color:#fff;border:0;border-radius:50%;width:28px;height:28px;font-size:16px;cursor:pointer;padding:0;z-index:2}
#fyx-card{left:12px;bottom:34px;width:370px;max-height:62%;overflow:auto;padding:0 0 10px;display:none}
#fyx-card img.hero{width:100%;display:block;border-radius:12px 12px 0 0;max-height:220px;object-fit:cover;background:#222}
#fyx-card .cr{font-size:11px;color:#aaa;padding:3px 12px}
#fyx-card h2{font-size:17px;margin:8px 40px 2px 12px}
#fyx-card .l{font-size:12px;color:#bbb;margin:0 12px 6px}
#fyx-card .tags{margin:0 12px 6px;display:flex;gap:5px;flex-wrap:wrap}
#fyx-card .tag{font-size:11.5px;background:rgba(255,255,255,.13);border-radius:10px;padding:2px 8px}
#fyx-card p{margin:4px 12px;font-size:13px;line-height:1.55}
#fyx-card .sec{margin:10px 12px 2px;font-weight:600;font-size:13px;color:#fff}
#fyx-card .src{font-size:11.5px;color:#aaa;margin:8px 12px 0}
#fyx-card .src a{margin-right:8px}
#fyx-card .acts{display:flex;gap:6px;margin:8px 12px;flex-wrap:wrap}
#fyx-card .wk{display:flex;gap:8px;margin:6px 12px;padding:6px;border-radius:8px;background:rgba(255,255,255,.06)}
#fyx-card .wk img{width:64px;height:64px;object-fit:cover;border-radius:6px;flex:none;background:#333}
#fyx-card .wk .t{font-weight:600}
#fyx-card .wk .d{font-size:12px;color:#ccc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#fyx-card .wk .m{font-size:11px;color:#999}
#fyx-card .wk button{padding:2px 8px;font-size:11px;margin-top:3px}
#fyx-card .np{margin:3px 12px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.06);cursor:pointer;font-size:12.5px}
#fyx-card .np small{color:#aaa;margin-left:6px}
#fyx-card .spin{margin:6px 12px;color:#aaa;font-size:12px}
#fyx-tour{left:50%;transform:translateX(-50%);bottom:34px;width:min(540px,92%);padding:10px 14px;display:none}
#fyx-tour h3{margin:0 30px 4px 0;font-size:15px}
#fyx-tour p{margin:2px 0;font-size:13px}
#fyx-tour .leg{color:#ffd54f;font-size:12.5px}
#fyx-tour .row{display:flex;gap:6px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}
#fyx-toast{left:50%;transform:translateX(-50%);top:14px;padding:7px 12px;display:none;z-index:30;font-size:13px}
.fyx-num{width:24px;height:24px;border-radius:50%;background:#ffb300;color:#111;font:700 13px/24px sans-serif;text-align:center;border:2px solid #fff;box-shadow:0 1px 4px #0009;cursor:pointer}
.fyx-num.cur{background:#ff3d00;color:#fff;transform:scale(1.25)}
.fyx-star{font-size:22px;line-height:22px;color:#ffd600;text-shadow:0 0 3px #000,0 0 2px #000;cursor:pointer}
.fyx-tap{width:16px;height:16px;border-radius:50%;background:#00e5ff;border:3px solid #fff;box-shadow:0 0 0 6px rgba(0,229,255,.35)}
.fyx .rt{padding:8px;border-radius:8px;background:rgba(255,255,255,.06);margin:6px 0;cursor:pointer}
.fyx .rt.on{outline:2px solid #ffb300}
.fyx .rt .nm{font-weight:600}
.fyx .rt .meta{font-size:11.5px;color:#aaa}
.fyx .warn{font-size:11.5px;color:#ffcc80}
.fyx .stp{font-size:12px;margin:3px 0 3px 6px;cursor:pointer}
.fyx .stp b{color:#ffb300}
@media (max-width:760px){
 #fyx-bar{right:8px;bottom:auto;top:var(--fyx-top,128px);width:auto;padding:5px;gap:5px}
 #fyx-bar button{padding:6px 9px;font-size:12px;white-space:nowrap}
 #fyx-bar .seg button{padding:5px 7px;flex:none}
 #fyx-bar .dim{display:none}
 #fyx-panel{left:0;right:0;bottom:0;width:auto;max-height:60%;border-radius:14px 14px 0 0;box-sizing:border-box}
 #fyx-card{left:0;right:0;bottom:0;width:auto;max-height:56%;border-radius:14px 14px 0 0}
 #fyx-tour{bottom:6px;width:94%;box-sizing:border-box}
}
#card .fyx-acts{display:flex;gap:6px;margin:6px 12px;flex-wrap:wrap}
#card .fyx-acts button{border:0;border-radius:16px;padding:6px 11px;font-size:12.5px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
#card .fyx-acts button.gold{background:#f9a825;color:#111}
