:root{--bg:#0e0e1a;--bg-top:#0a0a18;--bg-mid:#1c1c32;--bg-low:#2e2e48;--bg-bottom:#404060;--bg-card:#1e1e34;--bg-card-2:#262642;--bg-input:#0a0a18;--gold:#d4a868;--gold-bright:#e6b876;--gold-light:#e8c893;--gold-lighter:#f0d9a8;--gold-dark:#b5894a;--gold-soft:#d4a8681a;--gold-glow:#d4a86840;--gold-line:#d4a8684d;--line:#ffffff14;--line-bright:#ffffff1f;--t1:#fff;--t2:#c8c8d8;--t3:#8888a0;--t4:#5a5a70;--r-card:12px;--r-btn:8px;--r-tag:4px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t2);-webkit-font-smoothing:antialiased;font-family:Outfit,PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}.page-container{max-width:1400px;margin:0 auto;padding:0 5vw}.page-container.narrow{max-width:480px}.navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:50;background:#0e0e1ad9;justify-content:space-between;align-items:center;height:56px;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo-text{flex-direction:column;line-height:1.2;display:flex}.navbar-logo-cn{color:var(--t1);font-size:14px;font-weight:700}.navbar-logo-en{letter-spacing:.3em;color:var(--t3);font-size:9px}.navbar-items{gap:4px;display:flex}.navbar-item{color:var(--t3);border-radius:var(--r-btn);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-item:hover{color:var(--t1)}.navbar-item.active{color:var(--gold);background:var(--gold-soft)}.navbar-right{align-items:center;gap:16px;display:flex}.navbar-link{color:var(--t3);font-size:12px;text-decoration:none;transition:color .2s}.navbar-link:hover{color:var(--gold)}.page-centered{flex-direction:column;justify-content:center;align-items:center;max-width:380px;min-height:100vh;margin:0 auto;padding:80px 24px 48px;display:flex}.page-wide{max-width:1200px;margin:0 auto;padding:80px 48px 48px}.page-header{margin-bottom:32px}.page-subtitle{color:var(--t3);margin-top:4px;font-size:13px}.stars{pointer-events:none;z-index:0;position:fixed;inset:0}.star{background:var(--t1);opacity:.3;border-radius:50%;width:2px;height:2px;position:absolute}.glow{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.logo-center{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.logo-icon{width:64px;height:64px;filter:drop-shadow(0 0 12px var(--gold-glow));margin-bottom:16px}.logo-title{color:var(--t1);margin-bottom:4px;font-size:20px;font-weight:700}.logo-subtitle{letter-spacing:.3em;color:var(--t3);text-transform:uppercase;font-size:11px}.headline{text-align:center;margin-bottom:48px}.headline h1{color:var(--t1);letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:800;line-height:1.3}.headline h1 .gold{color:var(--gold)}.headline p{color:var(--t3);font-size:13px}.field{width:100%;margin-bottom:36px}.field label{color:var(--t3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.input-line{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--t1);background:0 0;outline:none;padding:10px 0;font-family:inherit;font-size:15px;transition:border-color .3s}.input-line::placeholder{color:var(--t4)}.input-line:focus{border-bottom-color:var(--gold)}.code-row{align-items:center;gap:12px;display:flex}.code-row .input-line{flex:1}.code-btn{border:1px solid var(--gold-line);color:var(--gold);border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;background:0 0;padding:6px 14px;font-family:inherit;font-size:12px;transition:all .2s}.code-btn:hover{background:var(--gold-soft);border-color:var(--gold)}.code-btn:disabled{color:var(--t4);border-color:var(--line);cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--gold-bright), var(--gold-dark));width:100%;color:var(--bg);border-radius:var(--r-btn);cursor:pointer;border:none;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 24px var(--gold-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line);border-radius:var(--r-btn);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .2s}.btn-secondary:hover{background:var(--gold-soft);border-color:var(--gold)}.agree{color:var(--t3);margin-bottom:32px;font-size:12px}.agree a{color:var(--gold);text-decoration:none}.alert{border-radius:var(--r-tag);margin-bottom:16px;padding:8px 12px;font-size:12px}.alert-error{color:#e87070;background:#e870701a}.alert-gold{background:var(--gold-soft);color:var(--gold)}.copy{color:var(--t4);text-align:center;margin-top:48px;font-size:11px}.ip-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ip-card{background:var(--bg-card);border-radius:var(--r-card);border:1px solid var(--line);cursor:pointer;color:inherit;padding:20px;text-decoration:none;transition:all .2s;display:block}.ip-card:hover{border-color:var(--gold-line);transform:translateY(-2px)}.ip-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ip-card-avatar{background:var(--gold-soft);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.ip-card-name{color:var(--t1);font-size:15px;font-weight:600}.ip-card-type{color:var(--t3);margin-top:2px;font-size:11px}.ip-card-energy{align-items:baseline;gap:4px;margin-bottom:12px;display:flex}.ip-card-energy-value{color:var(--gold);font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.ip-card-energy-label{color:var(--t3);font-size:11px}.ip-card-level{color:var(--gold);border:1px solid var(--gold-line);border-radius:var(--r-tag);padding:2px 8px;font-size:10px}.ip-card-dims{flex-wrap:wrap;gap:8px;display:flex}.ip-card-dim{color:var(--t3);font-size:10px}.ip-card-dim strong{color:var(--t2);font-weight:600}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-chip{border:1px solid var(--line);color:var(--t3);cursor:pointer;background:0 0;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .2s}.filter-chip:hover{color:var(--t1);border-color:var(--line-bright)}.filter-chip.active{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}.detail-section{margin-bottom:40px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-item{border-bottom:1px solid var(--line);padding-bottom:12px}.detail-item-label{color:var(--t3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:11px}.detail-item-value{color:var(--t1);font-size:15px;font-weight:600}.galaxy-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.galaxy-card{text-align:center;border-radius:var(--r-card);border:1px solid var(--line);cursor:pointer;color:inherit;padding:32px 20px;text-decoration:none;transition:all .2s;display:block}.galaxy-card:hover{border-color:var(--gold-line);transform:translateY(-2px)}.galaxy-icon{margin-bottom:12px;font-size:40px}.galaxy-name{color:var(--t1);margin-bottom:4px;font-size:16px;font-weight:700}.galaxy-count{color:var(--gold);font-size:13px;font-weight:600}.step-bar{justify-content:center;gap:32px;margin-bottom:48px;display:flex}.step-dot{color:var(--t4);align-items:center;gap:8px;font-size:13px;display:flex}.step-dot-num{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.step-dot.active{color:var(--gold)}.step-dot.active .step-dot-num{background:var(--gold);color:var(--bg);border-color:var(--gold)}.step-dot.done{color:var(--t2)}.step-dot.done .step-dot-num{background:var(--gold-soft);color:var(--gold);border-color:var(--gold-line)}.result-card{background:var(--bg-card);border-radius:var(--r-card);border:1px solid var(--line);margin-bottom:16px;padding:24px}.result-badge{border-radius:var(--r-tag);background:var(--gold-soft);color:var(--gold);margin-bottom:12px;padding:2px 8px;font-size:10px;display:inline-block}.result-title{color:var(--t1);margin-bottom:8px;font-size:16px;font-weight:700}.result-meta{color:var(--t3);font-size:12px}.empty{text-align:center;color:var(--t4);padding:80px 24px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-text{font-size:14px}.loading{justify-content:center;padding:80px 0;display:flex}.loading-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;margin:0 4px;animation:1.4s ease-in-out infinite pulse}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:.4s ease-out backwards slideUp}.anim-in:first-child{animation-delay:0s}.anim-in:nth-child(2){animation-delay:80ms}.anim-in:nth-child(3){animation-delay:.16s}.anim-in:nth-child(4){animation-delay:.24s}.anim-in:nth-child(5){animation-delay:.32s}.anim-in:nth-child(6){animation-delay:.4s}@media (max-width:768px){.navbar{padding:0 16px}.navbar-items{display:none}.page-centered{padding:56px 20px 40px}.page-wide{padding:72px 16px 32px}.ip-list,.detail-grid{grid-template-columns:1fr}.galaxy-grid{grid-template-columns:1fr 1fr}.step-bar{gap:16px}.ip-row{padding:14px 16px}.filter-bar{flex-wrap:nowrap;overflow-x:auto}}.page-header{padding:32px 0 16px}.page-title{color:var(--t1);letter-spacing:-.02em;font-size:32px;font-weight:800}.page-sub{color:var(--t3);margin-top:4px;font-size:13px}.search-bar{padding:0 0 20px}.search-input{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--t1);background:0 0;outline:none;padding:10px 0;font-family:inherit;font-size:15px}.search-input::placeholder{color:var(--t4)}.search-input:focus{border-bottom-color:var(--gold)}.filter-bar{flex-wrap:wrap;gap:8px;padding:0 0 16px;display:flex}.filter-tag{color:var(--t3);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;padding:4px 14px;font-size:12px;transition:all .2s}.filter-tag:hover{border-color:var(--line-bright);color:var(--t2)}.filter-tag.active{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}.ip-list{padding:0 0 32px}.ip-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:16px;padding:16px 0;transition:all .15s;display:flex}.ip-row:hover{border-bottom-color:var(--gold-line)}.ip-row:hover .ip-name{color:var(--gold)}.ip-num{color:var(--t4);text-align:right;font-variant-numeric:tabular-nums;width:28px;font-size:12px}.ip-info{flex:1;min-width:0}.ip-name{color:var(--t1);font-size:15px;font-weight:600;transition:color .15s}.ip-meta{color:var(--t3);margin-top:2px;font-size:12px}.ip-level{border-radius:var(--r-tag);margin-left:8px;padding:1px 6px;font-size:10px;font-weight:600}.level-S{background:var(--gold);color:var(--bg)}.level-A{background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line)}.level-B{color:var(--t3);background:#ffffff0f}.energy-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.energy-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:3px}.energy-ring-value{color:var(--t1);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;position:relative}.detail-header{padding:32px 48px 24px}.detail-back{color:var(--t3);cursor:pointer;margin-bottom:20px;font-size:13px;transition:color .15s}.detail-back:hover{color:var(--gold)}.detail-title{color:var(--t1);font-size:24px;font-weight:800}.detail-sub{color:var(--t3);margin-top:4px;font-size:13px}.radar-section{padding:24px 48px}.radar-canvas{aspect-ratio:1;width:100%;max-width:320px;margin:0 auto;display:block}.energy-display{text-align:center;padding:16px 48px 24px}.energy-number{color:var(--gold);font-variant-numeric:tabular-nums;font-size:48px;font-weight:900;line-height:1}.energy-label{color:var(--t3);letter-spacing:.1em;margin-top:8px;font-size:12px}.detail-section{border-top:1px solid var(--line);padding:16px 48px}.detail-section-title{color:var(--t2);margin-bottom:12px;font-size:13px;font-weight:600}.detail-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.detail-row-label{color:var(--t3)}.detail-row-value{color:var(--t2)}.detail-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);background:#0e0e1aeb;gap:8px;padding:12px 48px;display:flex;position:fixed;bottom:0;left:0;right:0}.detail-actions .btn-primary{flex:1}.galaxy-section{text-align:center;padding:32px 48px}.galaxy-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:24px;display:grid}.galaxy-card{border-radius:var(--r-card);border:1px solid var(--line);text-align:center;cursor:pointer;background:0 0;padding:20px;transition:all .2s}.galaxy-card:hover{border-color:var(--gold-line);background:var(--gold-soft)}.galaxy-name{color:var(--t1);font-size:15px;font-weight:600}.galaxy-count{color:var(--t3);margin-top:4px;font-size:12px}.galaxy-dot{border-radius:50%;width:8px;height:8px;margin:0 auto 12px}.step-bar{justify-content:center;gap:32px;padding:20px 48px;display:flex}.step-item{color:var(--t4);align-items:center;gap:8px;font-size:13px;display:flex}.step-item.active{color:var(--gold)}.step-item.done{color:var(--t2)}.step-num{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.step-item.active .step-num{background:var(--gold);color:var(--bg);border-color:var(--gold)}.proposal-result{padding:16px 48px}.proposal-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 0;display:flex}.proposal-rank{color:var(--gold);width:32px;font-size:20px;font-weight:900}.proposal-info{flex:1}.proposal-name{color:var(--t1);font-size:14px;font-weight:600}.proposal-meta{color:var(--t3);margin-top:2px;font-size:12px}.proposal-energy{color:var(--gold);font-size:13px;font-weight:700}