:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e7ecf3;background:#0f172a}*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e7ecf3}.page{width:min(1500px,96vw);margin:20px auto 36px;display:grid;gap:14px}.card{border:1px solid #24314d;background:#121b30;border-radius:12px;padding:14px}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:16px}.header-logo{width:48px;height:48px;object-fit:contain}.header h1{margin:0;font-size:24px;font-weight:600;letter-spacing:1px}.header-status{display:grid;gap:6px;color:#c4d1e8}.controls{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.mode-switch,.category-row{display:flex;gap:8px;flex-wrap:wrap}button,.download-btn{border:1px solid #37507f;background:#182544;color:#eaf1ff;border-radius:8px;padding:8px 12px;cursor:pointer;text-decoration:none}button:hover,.download-btn:hover{background:#20315c}button.active{background:#2854d2;border-color:#3f6ff2}button:disabled{opacity:.6;cursor:not-allowed}.params{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lan-config{display:flex;align-items:center}.lan-config label{display:grid;gap:4px;font-size:13px;color:#c7d3ea}.lan-config input{min-width:320px}.params label{display:grid;gap:4px;font-size:13px;color:#c7d3ea}input{border-radius:8px;border:1px solid #3a4c73;background:#0f172b;color:#fff;padding:6px 8px}.main-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.left-panel,.middle-panel,.right-panel{min-height:540px;display:grid;gap:12px;align-content:start}.sample-list{display:grid;gap:10px;max-height:430px;overflow:auto;padding-right:4px}.sample-item{display:grid;grid-template-columns:120px 1fr;gap:10px;text-align:left;align-items:start}.sample-item img{width:120px;height:84px;object-fit:cover;border-radius:8px}.sample-item div{display:grid;gap:4px}.sample-item span{color:#b4c2db;font-size:13px}.sample-item.selected{border-color:#5984ff}.preview{width:100%;border-radius:10px;border:1px solid #273859;max-height:360px;object-fit:contain;background:#090f1f}.meta{display:grid;gap:6px;color:#c7d3ea;font-size:14px}.timeline{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:12px;position:relative}.timeline:before{content:"";position:absolute;top:50%;left:5%;right:5%;height:2px;background:#32466f;z-index:0;transform:translateY(-50%)}.timeline-item{position:relative;z-index:1;background:#0f172a;border:2px solid #32466f;border-radius:20px;padding:8px 10px;color:#9eb2d6;text-align:center;font-size:13px;font-weight:500;transition:all .3s ease}.timeline-item.reached{border-color:#4d75ff;background:#1b2d5e;color:#eef3ff;box-shadow:0 0 10px #4d75ff66}.timeline-item.active{animation:pulse 1.5s infinite;border-color:#00d2ff;color:#fff}@keyframes pulse{0%{box-shadow:0 0 #00d2ffb3}70%{box-shadow:0 0 0 10px #00d2ff00}to{box-shadow:0 0 #00d2ff00}}.timeline-item.error{border-color:#ff4d4d;background:#3a1c1c;color:#ffd4d4;animation:none;box-shadow:0 0 10px #ff4d4d66}.error-box{margin-top:10px;border:1px solid #8f3a3a;background:#3a1c1c;color:#ffd4d4;border-radius:8px;padding:10px 12px;white-space:pre-wrap}@media (max-width: 1200px){.main-grid{grid-template-columns:1fr}.left-panel,.middle-panel,.right-panel{min-height:auto}}@media (max-width: 768px){.timeline{grid-template-columns:1fr;gap:8px}.timeline:before{display:none}.controls{flex-direction:column;align-items:stretch}.header{flex-direction:column;align-items:center;text-align:center}.header-left{flex-direction:column}}