:root{--accent:#6ea2ff;--bg-input:#0e1424;--bg-input-hover:#12182c;--bg-input-focus:#1c2744;--primary:#6ea2ff;--primary-hover:#9ec1ff;--primary-active:#3d78e6;--primary-light:rgba(110, 162, 255, 0.16);--primary-glow:rgba(110, 162, 255, 0.45);--bg-main:#0b1020;--bg-card:#12182c;--bg-card-hover:#1c2744;--bg-elevated:#182038;--secondary:#12182c;--secondary-hover:#1c2744;--secondary-active:#2a3558;--text-primary:#e8f4ff;--text-secondary:#b7c9dc;--text-muted:#7d90a8;--border:rgba(255, 255, 255, 0.10);--border-subtle:rgba(255, 255, 255, 0.10);--border-hover:rgba(110, 162, 255, 0.45);--danger:#ff6b6b;--danger-hover:#ff8a8a;--danger-dark:#b91c1c;--success:#5fd38a;--success-dark:#2f7d4f}body{background-color:#0b1020;background-image:none;color:#e8f4ff;font-family:"Noto Sans SC","Noto Sans",sans-serif!important}a{color:#e8f4ff;text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent)}.wrapper{max-width:1200px;padding:0 10px;margin:auto;display:flex;flex-direction:column;min-height:100vh;position:relative}.header{width:230px;position:fixed;top:20px;padding:24px 16px;left:calc(50% - 600px);background:#182038;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.6;border-radius:12px 12px 0 0}.header ul{list-style:none;padding:0;margin:0}.header ul li{margin-bottom:6px;position:relative}.header ul li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary);border-radius:0 2px 2px 0;transition:height .2s ease;opacity:0}.header ul li:hover::before{height:60%;opacity:1}.header ul li.act::before{height:80%;opacity:1;box-shadow:0 0 12px var(--primary-glow)}.header ul li a{transition:all .2s ease;display:flex;align-items:center;padding:14px 16px;color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:500;position:relative;overflow:hidden}.header ul li a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(46,230,166,.08),transparent);transition:left .4s ease}.header ul li a:hover::before{left:100%}.header ul li a:hover{background:var(--secondary-hover)!important;padding-left:24px;color:var(--text-primary)!important;border-left:3px solid transparent;border-left-color:var(--primary)}.header ul li.act a{background:var(--secondary-hover)!important;color:var(--primary)!important;font-weight:600;border:1px solid var(--border-hover);box-shadow:0 4px 16px rgba(0,0,0,.3)}.header ul li.act a::after{content:'◉';margin-left:auto;color:var(--primary);font-size:8px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.content{margin-left:266px;padding:20px 0;flex:1}.u-input-group{margin-bottom:20px}.u-input-group label{margin-bottom:10px;font-size:14px;display:block;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.u-input-group input[type=password],.u-input-group input[type=text]{transition:all .2s ease;border:2px solid transparent!important;width:100%;height:52px;background:var(--bg-input)!important;border-radius:10px;padding:0 18px;color:var(--text-primary);font-size:15px;font-family:inherit;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.u-input-group input:hover{background:var(--bg-input-hover)!important;border-color:var(--border-subtle)!important}.u-input-group input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light),inset 0 2px 4px rgba(0,0,0,.2)!important;outline:0;background:var(--bg-input-focus)!important}.u-input-group input:disabled{background:var(--secondary)!important;opacity:.5;cursor:not-allowed}.u-input-group select{transition:all .2s ease;width:100%;height:52px;background:var(--bg-input);border:2px solid transparent;color:var(--text-primary);border-radius:10px;padding:0 18px;cursor:pointer;font-size:15px;font-family:inherit;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.u-input-group select:hover{background:var(--bg-input-hover);border-color:var(--border-subtle)}.u-input-group select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-light),inset 0 2px 4px rgba(0,0,0,.2);outline:0;background:var(--bg-input-focus)}.u-input-group select option{background:var(--bg-card);color:var(--text-primary)}.u-input-group.u-btn{text-align:right;margin-top:16px}#change-password,#update-profile,.u-input-group button{transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;height:48px;padding:0 28px;background:var(--primary)!important;color:var(--text-primary);border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;position:relative;overflow:hidden}#change-password:hover,#update-profile:hover,.u-input-group button:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}#change-password:active,#update-profile:active,.u-input-group button:active{background:var(--primary-active)!important;transform:scale(.97)}.u-input-group button svg{width:18px;height:18px}.user-avatar{display:flex;align-items:center;gap:24px;padding:28px;background:var(--bg-elevated);border-radius:16px;border:1px solid var(--border-subtle);margin-bottom:32px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.user-avatar img{width:110px;height:110px;border-radius:12px;object-fit:cover;border:3px solid var(--border);transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.3)}.user-avatar img:hover{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light),0 8px 24px rgba(0,0,0,.4);transform:scale(1.05)}.user-avatar input[type=file]{display:none}.user-avatar label{transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-width:140px;background:var(--secondary);color:var(--text-primary);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle);box-shadow:0 2px 8px rgba(0,0,0,.2)}.user-avatar label:hover{background:var(--secondary-hover);border-color:var(--primary)}.user-avatar label.loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.d-comments,.d-profile{margin-bottom:32px}.d-profile p{margin-bottom:16px;font-size:15px;color:var(--text-secondary)}.d-profile p strong{color:var(--text-primary);font-weight:600}.box-title,.d-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px 24px;background:var(--bg-elevated);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;box-shadow:0 4px 16px rgba(0,0,0,.25);position:relative;overflow:hidden}.box-title::before,.d-title::before{content:'';position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(46,230,166,.05));pointer-events:none}.box-title h1,.box-title h2,.d-title h2{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.box-title a,.d-title a{transition:all .2s ease;color:var(--primary);font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;background:rgba(46,230,166,.1)}.box-title a:hover,.d-title a:hover{background:rgba(46,230,166,.2);transform:translateX(4px)}.u-cmt-item{transition:all .2s ease;padding:20px;margin-bottom:16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.u-cmt-item:hover{border-color:var(--border-hover);box-shadow:0 6px 24px rgba(0,0,0,.35);transform:translateY(-2px)}.u-img-holder{float:left;margin-right:16px;width:90px;height:90px;border-radius:10px;overflow:hidden;background:var(--bg-input);box-shadow:0 4px 12px rgba(0,0,0,.25)}.u-img-holder img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.u-img-holder:hover img{transform:scale(1.1)}.u-manga-title{margin-bottom:10px;font-size:16px;font-weight:700}.u-manga-title a{color:var(--primary);transition:color .15s ease}.u-manga-title a:hover{color:var(--primary-hover)}.u-cmt-content{margin-bottom:10px;color:var(--text-secondary);line-height:1.7;font-size:14px}.u-cmt-date{font-size:13px;color:var(--text-muted);font-style:italic;text-align:right}.center-box{position:absolute;left:50%;top:50%;width:100%;max-width:440px}.center-box.login{margin-left:-220px;margin-top:-220px}.center-box.register{margin-left:-220px;margin-top:-270px}.box{background:var(--bg-elevated)!important;border:1px solid var(--border-subtle);border-radius:16px;padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.user-box-tite{text-align:center;margin-bottom:36px}.user-box-tite a{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-box-body{margin-top:28px}.inputBox{position:relative;margin-bottom:24px}.inputBox input[type=password],.inputBox input[type=text]{transition:all .2s ease;border:2px solid transparent;width:100%;height:54px;background:var(--bg-input)!important;border-radius:10px;padding:0 18px;color:var(--text-primary);font-size:15px;font-family:inherit;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.inputBox input:hover{background:var(--bg-input-hover)!important;border-color:var(--border-subtle)}.inputBox input:focus{outline:0;background:var(--bg-input-focus)!important;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),inset 0 2px 4px rgba(0,0,0,.2)}.inputBox input::placeholder{color:var(--text-muted)}.login .inputGroup input[type=password],.login .inputGroup input[type=text],.register .inputGroup input[type=password],.register .inputGroup input[type=text]{background:0 0!important;border:none!important;border-bottom:2px solid var(--border)!important;border-radius:0;box-shadow:none!important}.login .inputGroup input:hover,.register .inputGroup input:hover{background:0 0!important;border-bottom-color:var(--border-hover)!important}.login .inputGroup input:focus,.register .inputGroup input:focus{background:0 0!important;border-bottom-color:var(--primary)!important;box-shadow:none!important}.user-box-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;flex-wrap:wrap}.user-box-footer a{color:var(--text-secondary);font-size:14px;transition:color .15s ease}.user-box-footer a:hover{color:var(--primary)}.login button,.register button{transition:all .25s ease;min-width:120px;height:48px;padding:0 28px;background:#3d78e6!important;color:var(--text-primary)!important;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(46,230,166,.3)}.login button:hover,.register button:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)}.login button.loading,.register button.loading{padding:8px 12px;pointer-events:none;opacity:.7}.add-img #add-img{transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:140px;background:var(--bg-input);border:2px dashed var(--border);border-radius:12px;cursor:pointer;color:var(--text-muted);font-weight:600;font-size:18px}.add-img #add-img:hover{background:var(--bg-input-hover);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);color:var(--text-primary)}.add-img #file-upload{display:none}.my-upload .u-item{display:flex;gap:24px;padding:24px;margin-bottom:20px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.my-upload .img-holder{width:180px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.25)}.my-upload .img-holder img{width:100%;display:block}.my-upload .delete-btn{transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(239,68,68,.15)!important;color:var(--text-primary);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(239,68,68,.3)}.my-upload .delete-btn:hover{background:var(--danger-hover)!important;border-color:var(--danger-hover)}.my-upload .delete-btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.similar-imgs ul{display:flex;gap:12px;overflow-x:auto}.similar-imgs ul li img{max-height:200px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:all .2s ease}.similar-imgs ul li img:hover{box-shadow:0 8px 24px rgba(0,0,0,.4);transform:translateY(-4px)}.footer{text-align:center;padding:32px;color:var(--text-muted);font-size:14px;border-top:1px solid var(--border-subtle);margin-top:32px}.overlay,.s-overlay,.sb-overlay,.u-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center}.s-overlay,.sb-overlay,.u-overlay{display:none}.post-tags{position:relative}.post-tags .ac{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:100}.post-tags .ac li{padding:10px 18px;cursor:pointer;transition:background .15s ease}.post-tags .ac li.select,.post-tags .ac li:hover{background:var(--secondary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b1020}::-webkit-scrollbar-thumb{background:#1c2744;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.clearfix::after{content:"";display:table;clear:both}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a.loading,button.loading{pointer-events:none;opacity:.6}@media (max-width:1024px){.header{left:16px;width:200px}.content{margin-left:236px}}@media (max-width:768px){.header{position:relative;width:100%;left:0;padding:20px;margin:0 0 24px 0;background:var(--bg-elevated)}.header::before{display:none}.header ul{display:flex;flex-wrap:wrap;gap:10px}.header ul li{margin:0}.header ul li::before{display:none}.header ul li a{padding:12px 18px;font-size:13px;background:var(--bg-input)!important;border:1px solid var(--border-subtle)}.header ul li a:hover{padding-left:18px;border-left:none}.header ul li.act a{background:var(--primary)!important;color:var(--text-primary)!important;border-color:var(--primary)!important}.header ul li.act a::after{display:none}.content{margin-left:0}.user-avatar{flex-direction:column;text-align:center}.center-box.login,.center-box.register{margin:calc(-50vh + 50%) 0 0 calc(-50vw + 50%);max-width:calc(100vw - 32px);left:50%;transform:translateX(-50%)}.box-title,.d-title{flex-direction:column;align-items:flex-start;gap:10px}.u-img-holder{width:70px;height:70px}.user-box-footer{flex-direction:column}.login button,.register button{width:100%}}@media (max-width:480px){.wrapper{padding:0 8px}.header{padding:16px}.header ul{gap:8px}.header ul li a{padding:10px 14px;font-size:12px}.u-input-group input,.u-input-group select{height:48px;font-size:16px}.user-avatar img{width:90px;height:90px}.box{padding:24px 20px}}