:root{--orange: #FF5A1B;--orange-light: #ff8c5a;--orange-dark: #e55a2b;--bg-dark: #fafbfc;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border: rgba(15, 23, 42, 0.08);--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text);line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:rgba(255,255,255,.75);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--text);text-decoration:none;white-space:nowrap;flex-shrink:0}.logo-icon{width:36px;height:36px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;gap:36px;list-style:none;margin-left:auto}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s;white-space:nowrap}.nav-links a:hover{color:var(--orange)}.nav-links a.active{color:var(--orange);font-weight:600}.nav-cta{background:#ff5a1b;color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:transform .3s;white-space:nowrap;flex-shrink:0}.nav-cta:hover{transform:translateY(-1px)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;flex-shrink:0}@media(max-width: 900px){.nav-links{display:none}.mobile-menu-btn{display:block}}@media(max-width: 480px){.logo-text{display:none}}footer{background:#0b1020;padding:60px 24px 40px}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:40px}.footer-brand{max-width:320px}.footer-brand .logo{margin-bottom:16px;color:#f1f5f9}.footer-brand p{color:rgba(241,245,249,.6);font-size:14px;line-height:1.7}.footer-links{display:flex;gap:150px}.footer-col h5{font-size:14px;font-weight:700;margin-bottom:16px;color:#f1f5f9}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:rgba(241,245,249,.6);text-decoration:none;font-size:14px;transition:color .3s}.footer-col a:hover{color:var(--orange-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{color:rgba(241,245,249,.4);font-size:13px}.footer-bottom p a{color:rgba(241,245,249,.4);font-size:13px}.footer-bottom p a:hover{color:#fff}@media(max-width: 768px){.footer-links{flex-direction:column;gap:32px}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.nav-actions{display:flex;align-items:center;flex-shrink:0}button.nav-cta{border:none;cursor:pointer;font-family:inherit}.nav-user{position:relative}.nav-user-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.nav-user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,107,53,.3);background:#f4f5f8}.nav-user-name{font-size:14px;font-weight:600;color:#0f172a;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-caret{color:#94a3b8}.nav-user-drop{position:absolute;top:calc(100% + 14px);right:0;width:236px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 12px 32px rgba(15,23,42,.12);padding:14px;z-index:1001}.nav-user-card{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:10px}.nav-user-card-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#f4f5f8;flex-shrink:0}.nav-user-card-main{min-width:0}.nav-user-card-name{font-size:14px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-card-id{font-size:12px;color:#94a3b8;margin-top:2px}.nav-user-vip{display:inline-block;font-size:12px;color:#94a3b8;background:#f4f5f8;border-radius:6px;padding:3px 10px;margin-bottom:10px}.nav-user-vip.is-vip{color:#b45309;background:rgba(255,176,32,.16)}.nav-user-item{display:block;width:100%;text-align:left;font-size:13px;color:#475569;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;padding:9px 10px;border-radius:8px;transition:background .2s,color .2s}.nav-user-item:hover{background:#fafbfc;color:#0f172a}.nav-user-logout{color:#d64541}.nav-user-logout:hover{background:rgba(214,69,65,.08);color:#d64541}.auth-mask{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:24px}.auth-mask[hidden]{display:none}.auth-dialog{position:relative;width:720px;max-width:100%;display:flex;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px rgba(15,23,42,.24);animation:auth-pop .22s ease;max-height:calc(100vh - 48px)}@keyframes auth-pop{from{opacity:0;transform:translateY(10px) scale(0.98)}to{opacity:1;transform:none}}.auth-left{width:300px;flex-shrink:0;background:linear-gradient(160deg, #FF6B35 0%, #ff8c5a 55%, #FFB38A 100%);color:#fff;padding:44px 30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-left::before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:rgba(255,255,255,.12);border-radius:50%}.auth-left::after{content:"";position:absolute;bottom:-40px;left:-40px;width:140px;height:140px;background:rgba(255,255,255,.08);border-radius:50%}.auth-welcome{font-size:23px;font-weight:800;line-height:1.35;margin-bottom:12px;position:relative;z-index:1}.auth-slogan{font-size:14px;font-weight:600;margin-bottom:26px;opacity:.95;position:relative;z-index:1}.auth-features{list-style:none;position:relative;z-index:1}.auth-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-bottom:13px;line-height:1.5;opacity:.96}.auth-features li:last-child{margin-bottom:0}.auth-features li::before{content:"✓";flex-shrink:0;width:17px;height:17px;background:rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}.auth-right{flex:1;min-width:0;padding:34px 32px 28px;overflow-y:auto}.auth-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:none;border-radius:8px;background:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-close svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.auth-close:hover{background:#fafbfc;color:#0f172a}.auth-title{font-size:21px;font-weight:800;color:#0f172a;margin-bottom:6px}.auth-sub{font-size:13px;color:#94a3b8;margin-bottom:20px}.auth-msg{font-size:13px;border-radius:8px;padding:9px 12px;margin-bottom:14px;background:rgba(214,69,65,.08);color:#c0392b}.auth-msg[hidden]{display:none}.auth-msg.success{background:rgba(16,152,90,.08);color:#0e8a52}.auth-msg.info{background:rgba(37,99,235,.08);color:#2563eb}.auth-field{position:relative;display:flex;align-items:center;border:1px solid #e4e5eb;border-radius:10px;padding:0 14px;height:48px;margin-bottom:14px;transition:border-color .2s,box-shadow .2s;background:#fff}.auth-field:focus-within{border-color:#ff6b35;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.auth-icon{width:18px;height:18px;margin-right:10px;flex-shrink:0;color:#9aa3b2}.auth-field input{flex:1;border:none;outline:none;height:100%;font-size:14px;color:#0f172a;background:rgba(0,0,0,0);min-width:0;font-family:inherit}.auth-field input::placeholder{color:#b6bcc8}.auth-eye{width:18px;height:18px;cursor:pointer;flex-shrink:0;color:#b6bcc8;transition:color .2s}.auth-eye:hover,.auth-eye.show{color:#ff6b35}.auth-code-btn{flex-shrink:0;border:none;border-left:1px solid #eceef3;background:none;color:#e55a2b;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;padding:0 0 0 12px;margin-left:12px;line-height:1}.auth-code-btn:disabled{color:#94a3b8;cursor:default}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.auth-remember{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer}.auth-remember input{accent-color:#ff5a1b}.auth-link{font-size:13px;color:#e55a2b;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-agree{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#94a3b8;margin-bottom:16px;line-height:1.5;cursor:pointer}.auth-agree input{margin-top:2px;accent-color:#ff5a1b}.auth-agree a{color:#e55a2b;text-decoration:none}.auth-agree a:hover{text-decoration:underline}.auth-submit{width:100%;height:48px;border:none;border-radius:10px;background:linear-gradient(135deg, #FF5A1B 0%, #FF6B35 60%, #ff8c5a 100%);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:2px;transition:opacity .2s,transform .2s;margin-top:4px}.auth-submit:hover{opacity:.94;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:default;transform:none}.auth-switch{text-align:center;font-size:13px;color:#94a3b8;margin-top:18px}.auth-switch a{color:#e55a2b;font-weight:600;cursor:pointer;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media(max-width: 768px){.auth-mask{padding:16px;align-items:flex-start}.auth-dialog{width:100%;max-width:420px;margin-top:5vh}.auth-left{display:none}.auth-right{padding:28px 20px 22px}}.install-meta-box{max-width:1200px;margin:22px auto 0;background:#fff;border:1px dashed rgba(255,90,27,.45);border-radius:16px;padding:16px 22px;text-align:center}.install-meta-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;font-size:12.5px;color:#475569}.install-meta-row .ok{color:#2e9e5b;font-weight:700}.install-meta-row .muted{color:#94a3b8}