.captcha-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;position:relative}.captcha-input{border:2px solid #e5e7eb;flex:1;max-width:150px;transition:all .3s ease}.captcha-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.captcha-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.captcha-input.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.captcha-image{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100px}.captcha-image:hover{background:#fff7ed;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3526;transform:translateY(-1px)}.captcha-image:active{box-shadow:0 2px 6px #ff6b351a;transform:translateY(0)}.captcha-image img{border-radius:.5rem;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;width:100%}.captcha-image:hover img{transform:scale(1.05)}.captcha-loading{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem}.captcha-loading:before{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#ff6b35;content:"";height:16px;width:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.refresh-captcha-btn{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease;width:40px}.refresh-captcha-btn:hover{background:#ff6b35;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3526;color:#fff;transform:translateY(-1px)}.refresh-captcha-btn:active{box-shadow:0 2px 6px #ff6b351a;transform:translateY(0)}.refresh-captcha-btn i{font-size:.875rem;transition:transform .3s ease}.refresh-captcha-btn:hover i{transform:rotate(180deg)}.refresh-captcha-btn.clicked i{animation:spin .5s ease-in-out}.form-hint{color:#6b7280;font-size:.75rem;margin-top:.25rem;transition:color .3s ease;width:100%}.form-hint.error{color:#ef4444}.form-hint.success{color:#10b981}.captcha-status{border:2px solid #fff;border-radius:50%;height:16px;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:16px}.captcha-status.loading{animation:pulse 2s infinite;background:#f59e0b}.captcha-status.success{background:#10b981}.captcha-status.error{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.captcha-input-hint{background:#1f2937;border-radius:.5rem;color:#fff;font-size:.75rem;left:0;margin-top:.25rem;opacity:0;padding:.5rem;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;z-index:10}.captcha-input-hint.show{opacity:1;transform:translateY(0)}.captcha-input-hint:before{border-bottom:4px solid #1f2937;border-left:4px solid transparent;border-right:4px solid transparent;content:"";height:0;left:20px;position:absolute;top:-4px;width:0}.captcha-error{align-items:center;animation:shake .5s ease-in-out;color:#ef4444;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.captcha-success{align-items:center;animation:bounce .5s ease-in-out;color:#10b981;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media(max-width:480px){.captcha-container{align-items:stretch;flex-direction:column}.captcha-input{max-width:none}.captcha-image{height:50px;width:100%}.refresh-captcha-btn{align-self:center}}@media(prefers-color-scheme:dark){.captcha-container{background:#1f2937}.captcha-input{color:#f9fafb}.captcha-image,.captcha-input,.refresh-captcha-btn{background:#374151;border-color:#4b5563}.refresh-captcha-btn{color:#f9fafb}.form-hint{color:#9ca3af}}@media(prefers-contrast:high){.captcha-container{border:2px solid #000;padding:.5rem}.captcha-image,.captcha-input,.refresh-captcha-btn{border-width:3px}}@media(prefers-reduced-motion:reduce){.captcha-container *,.captcha-image,.refresh-captcha-btn{animation:none!important;transition:none!important}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#1a1a1a;--text-primary:#333;--text-secondary:#666;--background-color:#fff;--card-background:#f8f9fa;--orange-gradient:linear-gradient(135deg,#ff6b35,#f7931e);--border-color:#e0e0e0;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.15);--shadow-lg:0 8px 16px rgba(0,0,0,.2);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body{background-color:#fff;color:var(--text-primary);font-family:var(--font-family);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}.container{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-bottom:none;box-shadow:none;position:sticky;top:0;z-index:100}.vditor,.vditor-container{z-index:1000!important}.vditor,.vditor-container,.vditor-toolbar{overflow:visible!important;position:relative!important}.vditor-toolbar{z-index:1001!important}.vditor-hint,.vditor-panel,.vditor-tooltipped:after,.vditor-tooltipped:before{z-index:10000!important}.navbar{padding:0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0}.nav-brand .brand-logo{color:#333;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;text-decoration:none;transition:var(--transition-normal)}.nav-brand .brand-logo:hover{color:#333;transform:none}.nav-menu{align-items:center;display:flex;gap:var(--spacing-lg);list-style:none}.nav-item{position:relative}.nav-link{align-items:center;border-radius:var(--radius-sm);color:#333;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition-normal)}.nav-link:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;opacity:1!important;transform:none!important}.nav-link i{font-size:.75rem}.profile-section{flex-direction:column;padding:var(--spacing-xl) 0}.profile-avatar{margin-bottom:var(--spacing-xl);position:relative;z-index:10}.avatar-container{height:120px;width:120px}.avatar-image{align-items:center;background-color:#ff6b35;border:3px solid #fff;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:3rem;justify-content:center}.avatar-image:hover{transform:scale(1.05)}.avatar-background{background:var(--orange-gradient);border-radius:50%;filter:blur(10px);height:120%;left:-10%;opacity:.8;position:absolute;top:-10%;width:120%;z-index:1}.info-card{background:transparent;margin-bottom:var(--spacing-xl);max-width:500px;text-align:center;width:100%}.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.name-section{text-align:left}.name-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:1px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.name-text{animation:nameShine 3s ease-in-out infinite;color:var(--text-primary);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;overflow:hidden;position:relative;transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.name-text:before{animation:nameSlide 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes nameShine{0%,to{filter:brightness(1);transform:scale(1) rotateY(0)}50%{filter:brightness(1.2);transform:scale(1.05) rotateY(5deg)}}@keyframes nameSlide{0%{left:-100%}50%{left:100%}to{left:100%}}.divider{background-color:var(--border-color);margin:var(--spacing-sm) 0}.roles-section{text-align:left}.roles-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:1px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.roles-list{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;list-style:none;margin:0;padding:0}.roles-list li{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.nav-actions{align-items:center;display:flex;gap:var(--spacing-md)}.nav-icon{font-size:1.25rem}.nav-icon:hover{opacity:.8;transform:translateY(-2px)}.orbit-line{border:1px dashed rgba(0,0,0,.1);height:100%;width:100%}.orbit-icon{background-color:#fff;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;font-size:1.25rem;height:40px;width:40px;z-index:2}.orbit-icon:hover{box-shadow:var(--shadow-md);color:#ff6b35;transform:scale(1.2)!important}.icon-chrome{color:#4285f4!important;transform:translate(-50%,-50%) translate(350px)}.icon-chrome,.icon-edge{background:transparent;border:none;font-size:48px;left:50%;top:50%}.icon-edge{color:#0078d7!important;transform:translate(-50%,-50%) translateY(350px)}.icon-avatar{box-shadow:none;left:50%;top:50%;transform:translate(-50%,-50%) translate(-350px)}.icon-avatar,.icon-avatar .avatar-image{background:transparent;border:none;height:200px;width:200px}.icon-avatar .avatar-image{align-items:center;aspect-ratio:1/1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:80px;justify-content:center;-o-object-fit:cover;object-fit:cover;overflow:hidden;transition:all .3s ease}.icon-avatar .avatar-image:hover{color:#ff6b35;transform:scale(1.1)}.bilibili-icon,.douyin-icon{height:1.25rem;width:1.25rem}.avatar-small{background-color:var(--card-background);border:2px solid var(--border-color);height:2rem;overflow:hidden;width:2rem}.avatar-small:hover{border-color:#ff6b35}.avatar-small img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.footer{background-color:#fff;color:var(--text-secondary);font-size:.875rem;margin-top:auto}.browser-info{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.browser-info span{color:#0078d7;font-weight:500}@media(max-width:768px){.nav-container{flex-direction:column;gap:var(--spacing-md)}.nav-menu{flex-wrap:wrap;justify-content:center}.profile-section{padding:var(--spacing-lg) 0}.orbit-container{height:300px;width:300px}}.home-link{background-color:#ff6b35;border-radius:var(--radius-sm);color:#fff;transition:var(--transition-normal)}.home-link:hover{background:linear-gradient(135deg,#ff5722,#ff9800)!important;box-shadow:0 4px 8px #ff6b354d;color:#fff!important;transform:translateY(-2px)}.code-link{color:#333;font-weight:500;transition:var(--transition-normal)}.code-link:hover{color:#333;opacity:1}.game-link{color:#333;font-weight:500;transition:var(--transition-normal)}.game-link:hover{color:#333;opacity:1}.music-link{color:#333;font-weight:500;transition:var(--transition-normal)}.music-link:hover{color:#333;opacity:1}.forum-link{color:#333;font-weight:500;transition:var(--transition-normal)}.forum-link:hover{color:#333;opacity:1}@keyframes music-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes forum-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-icons{gap:var(--spacing-sm)}.nav-icon,.nav-icons{align-items:center;display:flex}.nav-icon{border-radius:var(--radius-sm);color:#333;height:40px;justify-content:center;padding:var(--spacing-xs);text-decoration:none;transition:var(--transition-normal);width:40px}.nav-icon:hover{background-color:transparent;color:#333;opacity:1}.bilibili-icon:hover,.tiktok-icon:hover{color:#333;opacity:1;transform:none}.avatar-small{align-items:center;background:var(--orange-gradient);border-radius:50%;color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;transition:var(--transition-normal);width:32px}.avatar-small:hover{transform:scale(1.1)}.auth-btn{align-items:center;background:var(--orange-gradient);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-normal)}.auth-btn:hover{background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;transform:scale(1.05)}.main{flex:1;padding:0}.main,.profile-section{align-items:center;display:flex;justify-content:center}.profile-section{margin:0 auto;max-width:800px;position:relative}.avatar-container{height:200px;position:relative;width:200px;z-index:10}.avatar-image{border-radius:50%;box-shadow:var(--shadow-lg);height:100%;-o-object-fit:cover;object-fit:cover;width:100%;z-index:2}.avatar-image,.info-card{position:relative;transition:var(--transition-normal)}.info-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:400px;padding:var(--spacing-xl);z-index:5}.info-card-content{text-align:left}.name-section{margin-bottom:var(--spacing-lg)}.name{background:var(--orange-gradient);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin:0}.title{color:var(--text-secondary);display:block;font-size:1rem;margin-top:var(--spacing-xs)}.divider{background:var(--border-color);height:1px;margin:var(--spacing-lg) 0}.roles-list{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs)}.role{color:var(--text-primary);display:block;font-size:1rem;font-weight:500}.orbit-container{height:600px;width:600px;z-index:1}.orbit-container,.orbit-line{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.orbit-line{border:2px dashed var(--border-color);border-radius:50%;height:560px;opacity:.3;width:560px}.orbit-icons{height:100%;position:relative;width:100%}.orbit-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:var(--shadow-md);display:flex;height:50px;justify-content:center;position:absolute;transition:var(--transition-normal);width:50px}.orbit-icon:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.orbit-icon i{color:var(--text-primary);font-size:1.5rem}.orbit-icon-top{left:50%;top:0;transform:translate(-50%)}.orbit-icon-right{right:0;top:50%;transform:translateY(-50%)}.orbit-icon-bottom{bottom:0;left:50%;transform:translate(-50%)}.orbit-icon-left{left:0;top:50%;transform:translateY(-50%)}@keyframes orbit-rotate{0%{transform:rotate(0) translate(250px) rotate(0)}to{transform:rotate(1turn) translate(250px) rotate(-1turn)}}@keyframes orbit-rotate-top{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(1turn)}}@keyframes orbit-rotate-left{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(1turn)}}@keyframes orbit-rotate-right{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(-1turn)}}.footer{background:#fff;border-top:1px solid var(--border-color);padding:var(--spacing-md) 0;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.avatar-container,.info-card{animation:fadeInUp .8s ease-out}@media(max-width:768px){.nav-menu{display:none}.profile-section{flex-direction:column;gap:var(--spacing-lg);text-align:center}.info-card{max-width:400px;min-width:auto;width:100%}.orbit-container{height:400px;width:400px}.orbit-line{height:350px;width:350px}.avatar-container{height:150px;width:150px}.name{font-size:2rem}}@media(max-width:480px){.orbit-container{height:300px;width:300px}.orbit-line{height:250px;width:250px}.orbit-icon{height:40px;width:40px}.orbit-icon i{font-size:1.25rem}}