three三维驾驶高铁停靠站点上下客代码-html代码-BFW代码库

代码语言：html

所属分类：其他

代码由gpt-6 ai生成，可能有错误，仅供参考：点击查看提示词

代码描述：三维驾驶高铁停靠站点上下客

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>高原高铁驾驶模拟器</title>
<style>
:root{--cyan:#6ee7f9;--glass:rgba(8,20,34,.76);--line:rgba(157,220,255,.28)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#9cc9df;color:#eef8ff;font-family:Inter,"Microsoft YaHei",sans-serif}
#game{position:fixed;inset:0}canvas{display:block}
.panel{background:var(--glass);border:1px solid var(--line);box-shadow:0 8px 30px #07152233;backdrop-filter:blur(12px);border-radius:14px}
#topbar{position:fixed;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.brand{padding:11px 15px;display:flex;gap:11px;align-items:center}.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#75efff,#2c8cce);display:grid;place-items:center;color:#08243a;font-weight:900;font-size:19px}
.brand strong{display:block;font-size:15px;letter-spacing:1px}.brand small{color:#b7d7e8;font-size:11px}
#topstatus{padding:11px 15px;display:flex;gap:18px;align-items:center;font-size:12px;color:#c8e4f4} .live{color:#79f2b5}
#hud{position:fixed;left:16px;top:94px;width:260px;padding:16px}
.eyebrow{font-size:10px;color:#8db8d0;letter-spacing:2px;text-transform:uppercase}
.speedrow{display:flex;align-items:baseline;gap:8px;margin:3px 0}.speed{font-size:55px;font-weight:750;letter-spacing:-3px;line-height:1.15}.unit{font-size:13px;color:#9fc8dd}
.meter{height:5px;background:#294459;border-radius:8px;overflow:hidden;margin:8px 0 13px}.meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#60d6ff,#8af3c5);transition:width .15s}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#ffffff09;border-radius:9px;padding:9px}.stat label{display:block;font-size:10px;color:#8eb4ca;margin-bottom:5px}.stat b{font-size:14px}
#route{position:fixed;right:16px;top:94px;width:245px;padding:15px}.routehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.routehead strong{font-size:13px}.routehead span{font-size:10px;color:#9dc8df}
.stop{display:flex;gap:10px;position:relative;padding-bottom:15px}.stop:not(:last-child):before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:#426176}.dot{width:11px;height:11px;border:2px solid #6b9bb7;background:#132a3c;border-radius:50%;flex-shrink:0;z-index:1;margin-top:2px}.stop.active .dot{border-color:#6ee7f9;background:#6ee7f9;box-shadow:0 0 12px #6ee7f9}.stop.done .dot{background:#73efb1;border-color:#73efb1}.stop strong{display:block;font-size:12px;font-weight:600}.stop small{display:block;color:#8eafc4;font-size:10px;margin-top:3px}.stop.active strong{color:#7deeff}
#centerNotice{position:fixed;top:24%;left:50%;transform:translateX(-50%);text-align:center;padding:12px 22px;min-width:240px;pointer-events:none;transition:opacity .3s}
#noticeTitle{font-size:17px;font-weight:700;letter-spacing:1px}#noticeSub{font-size:11px;color:#b8d5e6;margin-top:5px}
#controls{position:fixed;bottom:16px;left:16px;right:16px;display:flex;ali.........完整代码请登录后点击上方下载按钮下载查看