:root{--bg: #05060a;--bg-soft: #0b0e16;--panel: rgba(18, 22, 32, .72);--panel-strong: rgba(22, 26, 38, .92);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #eef1f7;--muted: #8b93a7;--brand: #7cc6ff;--brand2: #9b8cff;--accent: #ffd271;--grad: linear-gradient(135deg, #7cc6ff 0%, #9b8cff 60%, #ff8ad1 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.stars,.stars:before,.stars:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 70% 80%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 60%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 85% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 10% 75%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 55% 15%,#fff 50%,transparent 51%);background-size:1200px 800px;opacity:.35}.stars:before{background-position:300px 200px;opacity:.18;filter:blur(.4px)}.stars:after{background-position:600px 400px;opacity:.1;filter:blur(.8px)}.nebula{position:fixed;inset:auto;z-index:0;pointer-events:none;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(124,198,255,.18),rgba(155,140,255,.08) 40%,transparent 70%);filter:blur(40px);top:-300px;left:-200px}.nebula.b{background:radial-gradient(circle,rgba(255,138,209,.14),rgba(255,210,113,.06) 40%,transparent 70%);top:auto;bottom:-300px;left:auto;right:-200px}main{position:relative;z-index:1;height:calc(100vh - 74px);display:flex;flex-direction:column;overflow:hidden}.page{display:none;animation:fade .35s ease;flex:1;position:relative;overflow:hidden;min-height:0}.page.active{display:flex;flex-direction:column}#page-plaza,#page-create{overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 28px}.btn{padding:8px 16px;border-radius:10px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.btn:hover{background:rgba(255,255,255,.08)}.btn.primary{background:var(--grad);color:#0a0c14;border:0;font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.chip{padding:6px 12px;border-radius:999px;font-size:12px;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer}.chip.active{color:#fff;border-color:#7cc6ff80;background:rgba(124,198,255,.12)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,3,6,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;display:none;align-items:center;justify-content:center;padding:24px}.modal.show{display:flex;animation:fade .25s ease}@media (max-width: 1024px){.container{padding:0 16px}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:#333!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;caret-color:#333!important;transition:background-color 5000s ease-in-out 0s}.apply-input:-webkit-autofill,.apply-input:-webkit-autofill:hover,.apply-input:-webkit-autofill:focus,.apply-input:-webkit-autofill:active{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px rgba(20,24,34,.98) inset!important;caret-color:var(--text)!important}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:rgba(5,6,10,.55);border-bottom:1px solid var(--line)}.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.4px}.logo{width:30px;height:30px;border-radius:8px;background:var(--grad);box-shadow:0 0 24px #7cc6ff73,inset 0 0 12px #fff6;position:relative}.logo:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0%,rgba(255,255,255,.6) 30%,transparent 60%)}.tabs{display:flex;gap:6px;background:rgba(255,255,255,.04);padding:4px;border:1px solid var(--line);border-radius:999px}.tab{padding:8px 18px;border-radius:999px;color:var(--muted);font-size:14px;cursor:pointer;border:0;background:transparent;transition:all .25s ease;display:flex;align-items:center;gap:6px}.tab:hover{color:#fff}.tab.active{background:var(--grad);color:#0a0c14;font-weight:600;box-shadow:0 6px 24px #7cc6ff40}.tab .dot{width:6px;height:6px;border-radius:50%;background:#ff7a90;display:none}.tab[data-tab=create] .dot{display:inline-block;box-shadow:0 0 8px #ff7a90}.nav-actions{display:flex;align-items:center;gap:10px}.user-info{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}@media (max-width: 1024px){.nav-inner{padding:12px 16px;gap:12px}.tabs{gap:2px}.tab{padding:6px 12px;font-size:13px}}footer{border-top:1px solid var(--line);padding:8px 32px;color:var(--muted);font-size:12px;flex-shrink:0;background:var(--bg);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}footer>div:first-of-type{justify-self:start}.footer-beian{display:flex;align-items:center;gap:10px;font-size:12px;color:#fff6;justify-self:end}.footer-beian-link{display:inline-flex;align-items:center;gap:6px;color:#fff6;text-decoration:none;transition:color .2s ease}.footer-beian-link:hover{color:#fff9}.footer-beian-link img{display:block;width:14px;height:14px}.footer-beian-sep{color:#fff3}.footer-notice{justify-self:center;text-align:center;font-size:12px;color:#ffffff8c;line-height:1.6;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.footer-notice-link{color:#9bd2ffd9;text-decoration:none;margin-left:4px;border-bottom:1px dashed rgba(155,210,255,.35);transition:color .2s ease,border-color .2s ease,text-shadow .2s ease,background .2s ease}.footer-notice-link:hover{color:#fff;border-bottom-color:#c084fcd9;text-shadow:0 0 8px rgba(192,132,252,.75),0 0 16px rgba(124,198,255,.45);background:linear-gradient(180deg,transparent 0%,rgba(192,132,252,.12) 100%);border-radius:3px}@media (max-width: 960px){.footer-notice{white-space:normal}}@media (max-width: 640px){footer{grid-template-columns:1fr;text-align:center;padding:8px 16px;row-gap:6px}footer>div:first-of-type,.footer-notice,.footer-beian{justify-self:center}.footer-notice{order:3;padding:0;white-space:normal}.footer-beian{order:2}}#page-planet+footer,footer{position:relative;z-index:10}.notice-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,3,6,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:noticeMaskIn .22s ease forwards}.notice-mask.closing{animation:noticeMaskOut .2s ease forwards}.notice-card{position:relative;min-width:320px;max-width:420px;padding:28px 32px 24px;border-radius:16px;background:linear-gradient(180deg,rgba(28,32,46,.96),rgba(18,22,32,.96));border:1px solid var(--line-strong);box-shadow:0 20px 60px #0000008c,0 0 0 1px #7cc6ff14 inset,0 0 40px #7cc6ff14;text-align:center;animation:noticeCardIn .32s cubic-bezier(.18,1.2,.4,1.05) forwards}.notice-mask.closing .notice-card{animation:noticeCardOut .18s ease forwards}.notice-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(124,198,255,.12);color:var(--brand);box-shadow:0 0 0 4px #7cc6ff14,0 0 24px #7cc6ff40}.notice-icon svg{width:26px;height:26px}.notice-card.notice-success .notice-icon{background:rgba(132,224,168,.12);color:#84e0a8;box-shadow:0 0 0 4px #84e0a814,0 0 24px #84e0a840}.notice-card.notice-error .notice-icon{background:rgba(255,138,168,.12);color:#ff8aa8;box-shadow:0 0 0 4px #ff8aa814,0 0 24px #ff8aa840}.notice-card.notice-warning .notice-icon{background:rgba(255,210,113,.14);color:var(--accent);box-shadow:0 0 0 4px #ffd27114,0 0 24px #ffd27147}.notice-title{font-size:16px;font-weight:600;color:var(--text);margin:0 0 6px;letter-spacing:.2px}.notice-msg{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 22px;white-space:pre-wrap;word-break:break-word}.notice-actions{display:flex;justify-content:center;gap:10px}.notice-actions .btn{min-width:92px;padding:9px 20px;font-size:13px}.notice-close{position:absolute;top:10px;right:12px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.notice-close:hover{background:rgba(255,255,255,.06);color:var(--text)}.notice-close svg{width:14px;height:14px}@keyframes noticeMaskIn{0%{opacity:0}to{opacity:1}}@keyframes noticeMaskOut{to{opacity:0}}@keyframes noticeCardIn{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes noticeCardOut{to{opacity:0;transform:translateY(6px) scale(.97)}}.apply-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,3,6,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:applyMaskIn .22s ease forwards}.apply-mask.closing{animation:applyMaskOut .2s ease forwards}.apply-card{position:relative;width:460px;max-width:100%;padding:28px 32px 24px;border-radius:16px;background:linear-gradient(180deg,rgba(28,32,46,.96),rgba(18,22,32,.96));border:1px solid var(--line-strong);box-shadow:0 20px 60px #0000008c,0 0 0 1px #7cc6ff14 inset,0 0 40px #7cc6ff14;animation:applyCardIn .32s cubic-bezier(.18,1.2,.4,1.05) forwards}.apply-mask.closing .apply-card{animation:applyCardOut .18s ease forwards}.apply-close{position:absolute;top:10px;right:12px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.apply-close:hover{background:rgba(255,255,255,.06);color:var(--text)}.apply-close svg{width:14px;height:14px}.apply-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 6px;letter-spacing:.2px}.apply-subtitle{font-size:13px;color:var(--muted);margin:0 0 20px;line-height:1.6}.apply-field{margin-bottom:14px}.apply-label{display:block;font-size:12.5px;color:var(--muted);margin:0 0 6px;letter-spacing:.2px}.apply-input{display:block;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:var(--text);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.apply-input::placeholder{color:#8b93a7b3}.apply-input:hover{background:rgba(255,255,255,.06)}.apply-input:focus{border-color:#7cc6ff99;background:rgba(124,198,255,.06);box-shadow:0 0 0 3px #7cc6ff26}.apply-input.is-error{border-color:#ff8aa8a6;box-shadow:0 0 0 3px #ff8aa826}.apply-tip{margin-top:6px;font-size:12px;line-height:1.5;min-height:18px;letter-spacing:.2px}.apply-tip-hint{color:var(--muted)}.apply-tip-error{color:#ff8aa8}.apply-select{position:relative;outline:none}.apply-select-display{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:var(--text);font-size:13.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.apply-select-display:hover{background:rgba(255,255,255,.06)}.apply-select:focus .apply-select-display,.apply-select.is-open .apply-select-display{border-color:#7cc6ff99;background:rgba(124,198,255,.06);box-shadow:0 0 0 3px #7cc6ff26}.apply-select.is-error .apply-select-display{border-color:#ff8aa8a6;box-shadow:0 0 0 3px #ff8aa826}.apply-select-display.is-placeholder .apply-select-text{color:#8b93a7b3}.apply-select-arrow{width:14px;height:14px;color:var(--muted);flex-shrink:0;transition:transform .2s ease}.apply-select.is-open .apply-select-arrow{transform:rotate(180deg)}.apply-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1100;max-height:240px;overflow-y:auto;padding:6px;border-radius:12px;border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(34,38,52,.98),rgba(22,26,38,.98));box-shadow:0 16px 40px #0000008c,0 0 0 1px #7cc6ff14 inset;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.apply-select.is-open .apply-select-menu{opacity:1;transform:translateY(0);pointer-events:auto}.apply-select-item{padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease}.apply-select-item:hover{background:rgba(124,198,255,.12)}.apply-select-item.is-selected{background:rgba(124,198,255,.18);color:#cde8ff}.apply-select-menu::-webkit-scrollbar{width:6px}.apply-select-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}.apply-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.apply-captcha-field{margin-bottom:14px;position:relative;z-index:0}.apply-captcha-field #captcha-element{min-height:46px}.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body{background:#0d0d1a!important;border-radius:4px!important;overflow:hidden!important}.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-text-box{background:transparent!important;border:none!important}.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-left{background:linear-gradient(135deg,rgba(124,198,255,.4) 0%,rgba(155,140,255,.4) 60%,rgba(255,138,209,.4) 100%)!important;border:none!important}.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-slider{background:linear-gradient(135deg,#7cc6ff 0%,#9b8cff 60%,#ff8ad1 100%)!important;border:none!important;border-radius:4px!important;box-shadow:0 2px 8px #7cc6ff4d!important}.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-slider svg,.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-slider img,.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-slider span,.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-slider:before,.apply-captcha-field #aliyunCaptcha-sliding-wrapper #aliyunCaptcha-sliding-slider:after{color:#fff!important;fill:#fff!important;opacity:1!important;filter:brightness(2)!important}.apply-actions .btn{min-width:96px;padding:9px 20px;font-size:13px}.apply-actions .btn:disabled{opacity:.6;cursor:not-allowed}@keyframes applyMaskIn{0%{opacity:0}to{opacity:1}}@keyframes applyMaskOut{to{opacity:0}}@keyframes applyCardIn{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes applyCardOut{to{opacity:0;transform:translateY(6px) scale(.97)}}.captcha-verified{display:flex;align-items:center;justify-content:center;height:40px;border-radius:6px;background:linear-gradient(135deg,rgba(124,198,255,.15) 0%,rgba(155,140,255,.15) 60%,rgba(255,138,209,.15) 100%);border:1px solid rgba(124,198,255,.3);color:#7cc6ff;font-size:14px;font-weight:500;letter-spacing:1px}