*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#172033;background:radial-gradient(circle at 30% 16%,rgba(255,232,147,.5),transparent 22rem),radial-gradient(circle at 80% 0%,rgba(87,184,255,.2),transparent 20rem),linear-gradient(135deg,#fff6d7,#fffdf7 46%,#eaf6ff)}button{border:0;font:inherit}.page-shell{width:min(1080px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:54px 0 32px;display:grid;align-content:center;gap:22px}.hero-panel{min-height:620px;padding:52px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:radial-gradient(circle at 22% 0%,rgba(247,183,51,.24),transparent 27rem),radial-gradient(circle at 88% 0%,rgba(0,147,209,.16),transparent 25rem),radial-gradient(circle at 72% 88%,rgba(247,183,51,.16),transparent 24rem),linear-gradient(145deg,#ffffffe6,#fff7e0c7);background-repeat:no-repeat;background-position:center;box-shadow:0 24px 72px #1b33562e}.brand-mark{width:116px;height:116px;margin:0 auto 24px;position:relative;display:grid;place-items:center}.brand-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(227,49,49,.24);border-top-color:#e33131;border-radius:50%;animation:spin 1.9s linear infinite}.brand-core{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;color:#fff;font-size:38px;font-weight:900;background:linear-gradient(145deg,#ef3e33,#9d1212);box-shadow:inset 0 -8px 16px #4b00003d,0 12px 30px #cb202052}.eyebrow,.subtitle,h1{text-align:center}.eyebrow{margin:0;color:#ce2a24;font-size:13px;font-weight:800;letter-spacing:0}h1{margin:10px 0 12px;font-size:clamp(38px,6vw,72px);line-height:1.03;letter-spacing:0}.subtitle{max-width:560px;margin:0 auto 26px;color:#5e6b7d;font-size:17px;line-height:1.7}.status-strip{width:fit-content;margin:0 auto 22px;padding:10px 16px;display:flex;align-items:center;gap:9px;color:#263851;border-radius:999px;background:#ffffffc2;box-shadow:0 8px 22px #3250781a}.status-dot{width:9px;height:9px;border-radius:999px;background:#1fb870}.status-live{animation:pulse 1s ease-in-out infinite}.line-list{max-width:680px;margin:0 auto;display:grid;gap:12px}.line-card{min-height:76px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(49,71,104,.08);border-radius:16px;background:#ffffffb8;box-shadow:0 8px 24px #31476814}.line-card.active{border-color:#e331316b;background:#fff4efe6}.line-name{margin:0 0 4px;font-weight:800}.line-url{margin:0;color:#6c7788;font-size:13px;word-break:break-all}.line-speed{min-width:76px;color:#ce2a24;font-weight:900;text-align:right}.action-row{max-width:680px;margin:26px auto 0;display:grid;grid-template-columns:1fr 150px;gap:12px}.primary-btn,.ghost-btn{height:54px;cursor:pointer;border-radius:14px;font-weight:800}.primary-btn{color:#fff;background:linear-gradient(135deg,#e33131,#ae1717);box-shadow:0 14px 30px #ca272742}.ghost-btn{color:#23324a;background:#ffffffd1}.info-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-item{padding:18px;display:flex;align-items:center;gap:12px;border-radius:18px;background:#ffffffb8;box-shadow:0 12px 30px #1b335614}.info-item span{color:#ce2a24;font-size:13px;font-weight:900}.info-item p{margin:0;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media (max-width: 720px){body{background:radial-gradient(circle at 20% 8%,rgba(255,232,147,.52),transparent 16rem),radial-gradient(circle at 88% 18%,rgba(87,184,255,.22),transparent 15rem),linear-gradient(145deg,#fff6d7,#fffdf7 48%,#eaf6ff)}.page-shell{width:min(100% - 24px,480px);min-height:100vh;padding:24px 0;gap:18px;align-content:center}.hero-panel{min-height:auto;padding:34px 18px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:radial-gradient(circle at 22% 4%,rgba(247,183,51,.24),transparent 15rem),radial-gradient(circle at 90% 10%,rgba(0,147,209,.16),transparent 14rem),linear-gradient(160deg,#fffffff0,#fffcf2e0 52%,#fff6e1cc);background-repeat:no-repeat;background-position:center;background-size:auto;box-shadow:0 18px 46px #1b335629}.brand-mark{width:92px;height:92px;margin-bottom:18px}.brand-core{width:62px;height:62px;border-radius:20px;font-size:30px}h1{margin:10px 0 12px;font-size:38px;line-height:1.03}.subtitle{margin-bottom:22px;font-size:16px;line-height:1.65}.status-strip{margin-bottom:20px;padding:10px 14px;font-size:14px}.line-list{gap:12px}.line-card{min-height:72px;padding:14px;border-radius:16px}.line-name{margin-bottom:4px;font-size:16px}.line-url{max-width:230px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.line-speed{min-width:70px;font-size:15px}.action-row,.info-panel{grid-template-columns:1fr}.primary-btn,.ghost-btn{height:54px;border-radius:14px;font-size:16px}.info-panel{gap:10px}.info-item{padding:14px 16px}}@media (max-width: 380px){.hero-panel{padding:28px 14px}.brand-mark{width:82px;height:82px}.brand-core{width:56px;height:56px;font-size:28px}h1{font-size:34px}.subtitle{font-size:15px}.line-url{max-width:190px}}