.navigation-landing{padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.navigation-shell{padding-top:calc(24px + env(safe-area-inset-top))}.navigation-brand>span:nth-child(2){min-width:0}.navigation-brand>span:nth-child(2)>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-item.available{border-color:#dfe5ff;background:linear-gradient(90deg,#fbfcff,#f7f9ff)}.line-item.available .line-number{background:#e9edff;color:#6376cf}.line-item.available .line-state{color:#6576cb}.line-item.available .line-state i{background:#7d8fdf;box-shadow:0 0 0 4px #7d8fdf18}@media(max-width:460px){.navigation-shell{padding-top:calc(16px + env(safe-area-inset-top))}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#252d45;background:#f4f6fb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,a{font:inherit}.navigation-landing{--primary:#6d82df;--strong:#4457b8;--muted:#8991a6;position:relative;min-height:100dvh;overflow:hidden;background:linear-gradient(155deg,#f6f8ff,#f4f6fb 48%,#eef3ff)}.navigation-glow{position:fixed;border-radius:50%;pointer-events:none}.glow-one{width:520px;height:520px;top:-280px;left:-180px;background:radial-gradient(circle,#aebdff70,transparent 68%)}.glow-two{width:440px;height:440px;right:-250px;top:34%;background:radial-gradient(circle,#b6e6e950,transparent 70%)}.navigation-shell{position:relative;width:min(calc(100% - 32px),680px);min-height:100dvh;margin:auto;padding:24px 0 calc(30px + env(safe-area-inset-bottom))}.navigation-brand{display:flex;align-items:center;gap:12px;padding:4px 2px 22px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;border:1px solid #fff;box-shadow:0 9px 28px #5267b826}.brand-mark img{width:31px;height:31px;object-fit:contain;border-radius:9px}.navigation-brand>span:nth-child(2){display:grid;gap:1px}.navigation-brand strong{font-size:18px}.navigation-brand small{color:var(--muted);font-size:11px}.navigation-brand>i{display:flex;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;border:1px solid #fff;border-radius:999px;background:#ffffffb8;color:#6c7690;font-size:11px;font-style:normal}.navigation-brand>i b{width:7px;height:7px;border-radius:50%;background:#38c98a;box-shadow:0 0 0 4px #38c98a19}.navigation-hero{position:relative;overflow:hidden;padding:30px 25px 25px;border-radius:26px;background:linear-gradient(135deg,#5368c9,#8196ec 62%,#91a8f1);color:#fff;box-shadow:0 24px 54px #5266bd35}.navigation-hero:before,.navigation-hero:after{content:"";position:absolute;border:1px solid #ffffff1f;border-radius:50%}.navigation-hero:before{width:260px;height:260px;right:-110px;top:-135px}.navigation-hero:after{width:190px;height:190px;right:-90px;bottom:-120px}.navigation-hero>span,.navigation-hero h1,.navigation-hero>p,.navigation-hero>button{position:relative;z-index:1}.navigation-hero>span{font-size:10px;letter-spacing:.17em;color:#dce3ff}.navigation-hero h1{margin:9px 0;font-size:clamp(27px,7vw,36px);line-height:1.28;letter-spacing:-.04em}.navigation-hero>p{margin:0;color:#e5eaff;font-size:13px;line-height:1.7}.navigation-hero>button{width:100%;min-height:64px;margin-top:24px;padding:0 16px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff75;border-radius:17px;background:#fffffff0;color:#252d45;box-shadow:0 12px 26px #33479325;cursor:pointer;text-align:left}.navigation-hero>button:disabled{opacity:.72;cursor:default}.navigation-hero>button span{display:grid;gap:3px}.navigation-hero>button small{font-size:10px;color:#9299aa}.navigation-hero>button strong{font-size:16px}.navigation-hero>button em{padding:8px 11px;border-radius:11px;background:#edf0ff;color:var(--strong);font-size:12px;font-style:normal;font-weight:700}.navigation-error,.navigation-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 1px 0;padding:12px 15px;border-radius:14px;font-size:12px}.navigation-error{border:1px solid #f0d3d3;background:#fff7f7;color:#9b5555}.navigation-error button{border:0;border-radius:9px;padding:7px 10px;background:#f7e3e3;color:#9b5555;font-weight:700}.navigation-notice{justify-content:flex-start;border:1px solid #e9e5cd;background:#fffdf3;color:#71694d}.navigation-notice>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff2b6;color:#aa8727;font-size:18px;transform:rotate(-18deg)}.navigation-notice p{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-card{margin-top:15px;padding:20px;border:1px solid #fff;border-radius:22px;background:#ffffffd9;box-shadow:0 15px 40px #5c6c9e14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.card-heading>span{display:grid;gap:3px}.card-heading strong{font-size:16px}.card-heading small{color:var(--muted);font-size:10px}.card-heading button{display:flex;align-items:center;gap:5px;border:0;border-radius:10px;padding:8px 10px;background:#f0f3ff;color:#6576cb;font-size:11px;cursor:pointer}.card-heading button:disabled{opacity:.55}.card-heading button i{font-size:15px;font-style:normal}.line-list{display:grid;gap:8px}.line-item{width:100%;min-height:62px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 12px;align-items:center;gap:10px;padding:8px 10px;border:1px solid #edf0f7;border-radius:15px;background:#fbfcff;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease}.line-item:active{transform:scale(.985)}.line-item:disabled{cursor:not-allowed;opacity:.7}.line-number{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf0f7;color:#8991a2;font-size:11px;font-weight:700}.line-item.online{border-color:#dfe5ff;background:linear-gradient(90deg,#fbfcff,#f7f9ff)}.line-item.online .line-number{background:#e9edff;color:#6376cf}.line-copy{display:grid;gap:3px;min-width:0}.line-copy strong{display:flex;align-items:center;gap:6px;font-size:13px}.line-copy strong b{padding:2px 5px;border-radius:5px;background:#e9edff;color:#5e73cf;font-size:9px}.line-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a6b5;font-size:10px}.line-state{display:flex;align-items:center;gap:6px;color:#9aa1b1;font-size:10px;white-space:nowrap}.line-state i{width:7px;height:7px;border-radius:50%;background:#aeb4c1}.line-item.online .line-state{color:#35a878}.line-item.online .line-state i{background:#38c98a;box-shadow:0 0 0 4px #38c98a18}.line-item.offline .line-state{color:#c09191}.line-item.offline .line-state i{background:#d89898}.line-item>em{color:#a5acbb;font-size:21px;font-style:normal}.line-loading,.line-empty{min-height:130px;display:grid;place-content:center;justify-items:center;gap:12px;color:#929aaa;font-size:12px}.line-loading i{width:28px;height:28px;border:3px solid #e9ecf5;border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.navigation-services{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.service-card{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:15px;border:1px solid #fff;border-radius:18px;background:#ffffffd9;color:inherit;text-decoration:none;box-shadow:0 12px 30px #5c6c9e10}.service-card[aria-disabled=true]{pointer-events:none;opacity:.62}.service-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#e9edff;color:#6276d1;font-size:20px;font-weight:700}.support-icon{background:#e5f7f1;color:#2eae82}.service-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.service-card strong{font-size:13px}.service-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.service-card em{color:#a8afbd;font-size:18px;font-style:normal}footer{display:grid;justify-items:center;gap:7px;padding:24px 10px 2px;color:#9aa1b1;text-align:center}footer p{display:flex;align-items:center;gap:7px;margin:0;font-size:11px}footer p i{width:7px;height:7px;border-radius:50%;background:#38c98a}footer span{font-size:9px;color:#b2b7c2}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:460px){.navigation-shell{width:min(calc(100% - 24px),680px);padding-top:16px}.navigation-brand{padding-bottom:16px}.navigation-hero{padding:26px 20px 20px;border-radius:23px}.navigation-card{padding:17px 14px}.navigation-services{gap:9px}.service-card{padding:13px 10px;gap:8px}.line-item{grid-template-columns:34px minmax(0,1fr) auto 8px;gap:8px;padding-inline:8px}.line-number{width:31px;height:31px}}
