.btn .ripple,.modal.qr-enlarged .modal-content,.support-section::before{pointer-events:none}.button-group .btn,.feature-list li,.tip-item{text-overflow:ellipsis;white-space:nowrap}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:8px;color:#606266;font-size:.85em}.input-group textarea{width:100%;height:100px;padding:12px;border:1px solid #dcdfe6;border-radius:8px;font-size:14px;line-height:1.5;color:#606266;background:#fff;resize:none;overflow-y:auto}.logged-in-status,.status{border-radius:12px;font-size:.95em;display:flex}.premium-modal h2,.qr-tip{background:linear-gradient(135deg,#b8860b,#daa520);-webkit-text-fill-color:transparent}.input-group textarea::placeholder{color:#909399;font-size:13px}.bind-input:focus,.input-group textarea:focus{outline:0;border-color:#409eff;box-shadow:0 0 0 3px rgba(64,158,255,.1)}.input-group textarea::-webkit-scrollbar{width:6px;height:6px}.input-group textarea::-webkit-scrollbar-track{background:0 0;border-radius:3px}.input-group textarea::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.3);border-radius:3px;transition:background-color .3s}.input-group textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(144,147,153,.5)}.btn:hover{background:linear-gradient(135deg,#66b1ff 0,#409eff 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(64,158,255,.3)}.btn:active{box-shadow:0 2px 10px rgba(64,158,255,.2)}.btn::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}.btn:active::after{animation:.6s ease-out ripple}.clear-btn{margin-top:auto;box-shadow:0 4px 15px rgba(245,108,108,.2)}.clear-btn:hover{box-shadow:0 6px 20px rgba(245,108,108,.3)}.clear-btn:active{box-shadow:0 2px 10px rgba(245,108,108,.2)}.status{margin:12px 0;padding:12px 16px;opacity:.95;min-height:48px;align-items:center;justify-content:center;text-align:center;line-height:1.4}.status.loading,.status:not(:empty){visibility:visible}.success{background:#67c23a;color:#fff}.error{background:#f56c6c;color:#fff}.logged-in-status{color:#67c23a;margin:15px 0;padding:15px 20px;background:rgba(103,194,58,.1);flex-direction:column;gap:10px;border:1px solid rgba(103,194,58,.2);transform-origin:left center;box-shadow:0 2px 12px rgba(103,194,58,.1)}.logged-in-status .status-item{display:flex;align-items:center;padding:5px 0;color:#836607;font-size:14px;line-height:1.4;position:relative;font-weight:500}.logged-in-status .status-item:first-child,.success-tips .tip-item{color:#67c23a}.logged-in-status .status-item:not(:last-child){border-bottom:1px dashed rgba(103,194,58,.2);padding-bottom:8px}.logged-in-status .status-item::before{content:"";display:inline-block;width:6px;height:6px;background-color:#67c23a;border-radius:50%;margin-right:10px;opacity:.7}.btn:disabled,.btn:disabled:hover{background:linear-gradient(135deg,#a0cfff 0,#8abae1 100%);transform:none}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.github-link{margin-top:10px;padding-top:10px;border-top:1px solid #eee}.footer-info{color:#909399;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.footer-info .divider{color:#dcdfe6;font-size:12px}.github-link a{text-decoration:none;transition:opacity .3s}.github-link a:hover{opacity:.8}.github-link img{vertical-align:middle;border-radius:4px}.button-group{display:flex;gap:8px;margin-top:15px;flex-wrap:nowrap;justify-content:space-between}.button-group .btn{flex:1;padding:10px 12px;font-size:.9em;min-width:0;overflow:hidden}.help-btn:active{box-shadow:0 2px 10px rgba(144,147,153,.2)}@media (max-width:480px){.btn{padding:12px 24px;font-size:.95em}.input-group textarea{height:90px;padding:10px;font-size:13px}.status{padding:10px 14px;font-size:.9em;min-height:42px}.logged-in-status{padding:12px;font-size:.9em}.button-group{gap:6px}.button-group .btn{padding:8px 10px;font-size:.8em;font-weight:500;letter-spacing:0;text-transform:none}.premium-btn::after{display:none}.container{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px}}@media (max-width:360px){.button-group .btn{padding:6px 8px;font-size:.75em}}@media (max-height:700px){.button-group{margin-top:12px}.button-group .btn{padding:8px 10px;font-size:.85em}}@media (max-height:600px){.button-group{margin-top:10px}.button-group .btn{padding:6px 8px;font-size:.8em}}.notice{border:1px solid #e9ecef;color:#856404;padding:8px;border-radius:8px;margin-bottom:10px;font-size:14px}.notice ol{margin:8px 0 0 20px;padding-right:10px}.notice li{display:flex;width:100%}.notice ol li{line-height:1.8;margin-bottom:4px;display:flex;width:100%;min-width:0;font-size:13px}@media (max-width:480px){.notice{padding:10px}.notice ol{margin:6px 0 8px}.notice ol li{line-height:1.6;margin-bottom:3px;font-size:12px}.encoded-id-section{font-size:12px;padding:6px}}.btn:disabled{cursor:not-allowed;box-shadow:none;opacity:.7}.btn:disabled:hover{box-shadow:none}.disclaimer{margin-top:10px;font-size:12px;color:#666;text-align:center;padding:5px;border-top:1px solid #eee}.copy-btn{box-shadow:0 2px 8px rgba(76,175,80,.2)}.copy-btn:hover{box-shadow:0 4px 12px rgba(76,175,80,.3)}.copy-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(76,175,80,.2)}.terms-container{margin-top:12px;text-align:center;position:relative}.terms-button{padding:5px 14px;background-color:transparent;color:#909399;border:1px solid #dcdfe6;border-radius:12px;cursor:pointer;font-size:12px;transition:.3s;display:inline-flex;align-items:center;gap:4px}.terms-button::before{content:"📜";font-size:13px}.terms-button:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(64,158,255,.1)}.terms-button:active{transform:translateY(0)}.terms-content{text-align:left;line-height:1.8;color:#2c3e50;padding:0 20px;margin:0 auto;max-width:700px}.accept-button,.btn{color:#fff;width:100%;cursor:pointer}.terms-content h1{font-size:26px;color:#1a1a1a;margin:0 0 30px;text-align:center;font-weight:600}.terms-content h2{font-size:20px;color:#409eff;margin:35px 0 20px;padding-bottom:10px;border-bottom:2px solid #eef2f7}.terms-content p{margin:16px 0;font-size:15px;color:#3a4a5a;text-align:justify;letter-spacing:.3px;line-height:1.8;text-indent:0}.terms-content strong{color:#2c3e50;font-weight:600}.accept-button{display:block;max-width:340px;margin:35px auto 5px;padding:12px 24px;background-color:#409eff;border:none;border-radius:6px;font-size:15px;font-weight:500;transition:.3s;letter-spacing:1px}.btn,.support-text{letter-spacing:.5px}.accept-button:hover{background-color:#66b1ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.2)}@media (max-width:768px){.footer-info{font-size:12px;gap:6px}.footer-info .divider{font-size:10px}.terms-button{padding:4px 12px;font-size:11px}.terms-button::before{font-size:12px}.terms-content{padding:0 15px}.terms-content h1{font-size:22px;margin-bottom:25px}.terms-content h2{font-size:18px;margin:30px 0 15px}.terms-content p{font-size:14px;line-height:1.7;letter-spacing:.2px}.accept-button{max-width:100%;margin:25px auto 5px;padding:11px 20px}}.terms-content .important{color:#f56c6c;font-weight:600}.terms-content .warning{color:#e6a23c;font-weight:600}.terms-content .positive{color:#67c23a;font-weight:600}@media (max-height:700px){.input-group,.notice,h2{margin-bottom:8px}.container{padding:12px}h2{font-size:1.3em}h2 img{max-width:100px}.notice{padding:6px;font-size:12px}.notice ol{margin:4px 0 4px 16px}.notice ol li{line-height:1.4;margin-bottom:2px;font-size:11px}.input-group label{font-size:.8em;margin-bottom:4px}.input-group textarea{height:70px;padding:6px;font-size:12px}.btn{padding:8px 16px;font-size:.9em}.button-group{margin:8px 0;gap:8px}.status{margin:8px 0;padding:6px 10px;min-height:36px;font-size:.85em}.github-link{margin-top:8px;padding-top:8px}.footer-info{font-size:11px;gap:6px;margin-bottom:8px}.terms-button{padding:4px 10px;font-size:11px}}@media (max-height:600px){.container{padding:10px}h2{font-size:1.2em;margin-bottom:6px}h2 img{max-width:80px}.input-group textarea{height:60px}.btn{padding:6px 12px;font-size:.85em}}#helpModal .modal-content{background-color:transparent;padding:0;box-shadow:none;border:none;max-width:none;width:auto;height:auto;display:flex;justify-content:center;align-items:center}.encoded-id-section,.feature-list li{align-items:center;position:relative}#helpModal img{max-height:90vh;max-width:90vw;width:auto;height:auto;object-fit:contain;border-radius:12px}#loginSection,#signSection,.btn,.input-group textarea,.modal,.notice,.status{transition:.3s cubic-bezier(.4, 0, .2, 1)}#loginSection,#signSection{opacity:1;transform:translateY(0)}#loginSection.hide,#signSection.hide{opacity:0;transform:translateY(20px);pointer-events:none}.status{transform-origin:center;animation:.3s ease-out statusFadeIn}@keyframes statusFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:.6s linear ripple}@keyframes ripple{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(20,20);opacity:0}to{transform:scale(4);opacity:0}}.global-loading{animation:.3s ease-out fadeIn}.loading-spinner{animation:1s linear infinite spin,.3s ease-out scaleIn}@keyframes scaleIn{from{transform:scale(.8) rotate(0);opacity:0}to{transform:scale(1) rotate(360deg);opacity:1}}#tokenDisplay{animation:.3s ease-out slideDown}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.copy-btn:active{transform:scale(.95)}.clear-btn{transition:.3s}.clear-btn:hover{animation:.5s ease-in-out shake}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.logged-in-status{animation:.5s cubic-bezier(.34,1.56,.64,1) slideIn;transform-origin:left center}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.status.error{animation:.5s ease-in-out errorShake}@keyframes errorShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.status.success{animation:.5s ease-out successPulse}@keyframes successPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:800px;margin:0 auto;padding:20px;position:relative;height:100vh;overflow-y:auto;animation:.6s ease-out fadeInUp}.btn,.premium-btn,.support-section,.tip-item{overflow:hidden}.status:not(:empty){animation:.3s ease-out statusSlideIn}@keyframes statusSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-height:600px){.container{height:auto;min-height:90vh}.input-group textarea{height:70px}}.btn{background:linear-gradient(135deg,#409eff 0,#3486db 100%);border:1px solid rgba(255,255,255,.1);padding:14px 28px;border-radius:14px;font-size:1em;font-weight:600;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;box-shadow:0 4px 15px rgba(64,158,255,.2);text-transform:uppercase}.help-btn{background:linear-gradient(135deg,#9333ea 0,#7c3aed 100%);box-shadow:0 4px 15px rgba(147,51,234,.2)}.help-btn:hover{background:linear-gradient(135deg,#a855f7 0,#9333ea 100%);box-shadow:0 6px 20px rgba(147,51,234,.3)}.clear-btn{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);box-shadow:0 4px 15px rgba(239,68,68,.2)}.clear-btn:hover{background:linear-gradient(135deg,#f87171 0,#ef4444 100%);box-shadow:0 6px 20px rgba(239,68,68,.3)}.copy-btn{box-shadow:0 4px 15px rgba(16,185,129,.2)}.copy-btn:hover{box-shadow:0 6px 20px rgba(16,185,129,.3)}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn:hover::before{left:100%}.btn:active{transform:translateY(2px);box-shadow:inset 0 3px 5px rgba(0,0,0,.1)}.premium-btn{background:linear-gradient(135deg,#b8860b 0,#daa520 100%);box-shadow:0 4px 15px rgba(184,134,11,.2);position:relative}.premium-btn:hover{background:linear-gradient(135deg,#daa520 0,gold 100%);box-shadow:0 6px 20px rgba(184,134,11,.3)}.premium-btn::after{content:"★";position:absolute;top:2px;right:5px;font-size:10px;color:rgba(255,255,255,.8)}.premium-modal{max-width:520px;padding:30px;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px)}.premium-modal h2{text-align:center;color:#1a1a1a;margin-bottom:25px;font-size:26px;font-weight:600;-webkit-background-clip:text;position:relative;display:inline-block;width:100%;letter-spacing:1px}.premium-modal h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#b8860b,#daa520);border-radius:3px;opacity:.8}.premium-content{color:#2c3e50;line-height:1.7;font-size:15px}.bonus-text,.notice-content-html p,.tip-item{line-height:1.6}.premium-content p{margin:12px 0;color:#4a5568;letter-spacing:.3px}.feature-list{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-list li{padding:16px;background:rgba(255,255,255,.8);border-radius:12px;font-size:15px;color:#2d3748;transition:.4s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(184,134,11,.1);text-align:center;overflow:hidden;backdrop-filter:blur(5px);display:flex;justify-content:center;gap:8px;min-height:60px}.feature-list li i{font-size:20px;color:#b8860b;margin-right:4px}.feature-list li::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(184,134,11,.1),rgba(218,165,32,.05));opacity:0;transition:opacity .3s}.feature-list li:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(184,134,11,.15);border-color:rgba(184,134,11,.3)}.feature-list li:hover::before{opacity:1}.support-section{margin-top:30px;text-align:center;padding:25px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,249,250,.95));border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);border:1px solid rgba(184,134,11,.1);position:relative}.encoded-id-section{z-index:1;display:flex;justify-content:center;gap:.5rem}.encoded-id-text{color:#606266;font-family:monospace}.copy-icon-btn{background:0 0;border:none;padding:4px;cursor:pointer;color:#909399;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:.3s}.copy-icon-btn:hover{color:#409eff;background:rgba(64,158,255,.1)}.support-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 100%);border-radius:8px;z-index:0}.support-text{color:#2d3748;font-size:16px;margin-bottom:20px;font-weight:500;position:relative}.qr-container{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;padding:15px}.sponsor-qr{width:180px;height:180px;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.4s cubic-bezier(.4, 0, .2, 1);padding:10px;background:#fff;border:1px solid rgba(184,134,11,.15);cursor:pointer;z-index:1}.sponsor-qr.enlarged{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(3);z-index:1001;box-shadow:0 20px 40px rgba(0,0,0,.2)}.modal.qr-enlarged{background:rgba(0,0,0,.85)}.modal.qr-enlarged .sponsor-qr{pointer-events:auto}.qr-tip{color:#4a5568;font-size:15px;margin:12px 0;letter-spacing:.8px;font-weight:500;-webkit-background-clip:text}.proof-btn,.proof-modal h3{background:linear-gradient(135deg,#b8860b,#daa520)}.bonus-text{color:#718096;font-size:14px;margin-top:18px;font-style:italic;position:relative}.modal-footer{margin-top:25px;padding:0 15px}.button-row{display:flex;gap:10px;justify-content:center;width:100%}.modal-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:.3s;white-space:nowrap;min-width:0}.proof-btn{color:#fff}.proof-btn:hover,.submit-btn:hover{background:linear-gradient(135deg,#daa520,gold);transform:translateY(-1px);box-shadow:0 4px 12px rgba(184,134,11,.2)}.close-btn{background:#f3f4f6;color:#4b5563}.close-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.enter-btn{background:linear-gradient(135deg,#409eff,#3486db);color:#fff}.copy-btn:hover,.enter-btn:hover{background:linear-gradient(135deg,#66b1ff,#409eff);transform:translateY(-1px);box-shadow:0 4px 12px rgba(64,158,255,.2)}.proof-modal{max-width:480px!important;padding:30px!important}.proof-modal h3{text-align:center;color:#1a1a1a;margin-bottom:25px;font-size:22px;font-weight:600;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bind-device-form,.proof-content{margin:20px 0}.proof-content p{color:#4a5568;margin-bottom:15px;font-size:15px}.proof-input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:.3s;background:#fff;color:#2d3748;margin-bottom:20px}.proof-input:focus{outline:0;border-color:#b8860b;box-shadow:0 0 0 3px rgba(184,134,11,.1)}.proof-tips{background:#fff8e6;border:1px solid rgba(184,134,11,.2);border-radius:10px;padding:15px;margin-top:20px}.tip-item{color:#666;font-size:14px;margin:8px 0;display:flex;align-items:center;gap:8px}.support-link,.tip-item .support-link{color:#409eff;font-weight:500;transition:.3s;text-decoration:none}.tip-item .support-link{flex-shrink:0}@media (max-width:480px){.modal-btn{padding:10px 15px;font-size:13px}.button-row{gap:8px}.sponsor-qr.enlarged{transform:translate(-50%,-50%) scale(2)}.tip-item{font-size:13px;gap:4px}.tip-item .support-link{font-size:12px}}@media (max-width:360px){.tip-item{font-size:12px;gap:3px}.tip-item .support-link{font-size:11px}}.device-info-link:hover,.resource-url:hover,.support-link:hover{color:#66b1ff;text-decoration:underline}.submit-btn{background:linear-gradient(135deg,#b8860b,#daa520);color:#fff;flex:2}.bind-device-modal h3,.copy-btn,.slogan-main span.gradient-text{background:linear-gradient(135deg,#409eff,#3486db)}@media (max-width:480px){.proof-modal{width:90%;padding:20px!important}.proof-modal h3{font-size:20px}.proof-content p,.proof-input{font-size:14px}.proof-input{padding:10px}.tip-item{font-size:13px}.feature-list{gap:10px}.feature-list li{padding:12px 8px;font-size:13px;min-height:50px;gap:4px}}.notice-modal{max-width:600px;width:90%;padding:20px}.notice-modal h3{font-size:1.4em;margin-bottom:15px;text-align:center}.notice-content{max-height:70vh;overflow-y:auto;padding:0 10px}@media (max-width:480px){.notice-modal{padding:15px;width:95%}.notice-modal h3{font-size:1.2em;margin-bottom:12px}.notice-content{padding:0 5px}.notice-content-html p{font-size:.9em;line-height:1.5;margin-bottom:10px!important}.notice-content-html p[style*="font-weight: bold"]{font-size:1em}.notice-content-html p[style*="font-style: italic"],.notice-content-html p[style*="text-align: right"]{font-size:.85em}}@media (max-width:360px){.feature-list{gap:8px}.feature-list li{padding:10px 6px;font-size:12px;min-height:45px}.notice-modal{padding:12px}.notice-modal h3{font-size:1.1em;margin-bottom:10px}.notice-content-html p{font-size:.85em;line-height:1.4;margin-bottom:8px!important}.notice-content-html p[style*="font-weight: bold"]{font-size:.95em}.notice-content-html p[style*="font-style: italic"],.notice-content-html p[style*="text-align: right"]{font-size:.8em}}.global-notice{border-left:4px solid #409eff;padding-left:10px}.personal-notice{border-left:4px solid #67c23a;padding-left:10px}.notice-meta{display:flex;justify-content:space-between;margin-top:10px;color:#666;font-size:.9em}.notice-views{color:#e6a23c}.notice-expire{color:#909399}.personal-notice.expire{border-left-color:#f56c6c}.slogan-display{border-radius:12px;padding:10px 0;text-align:center}.slogan-main{font-size:1.2em;font-weight:600;color:#409eff;margin-bottom:8px}.slogan-main span.gradient-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent}.slogan-main .emoji{color:initial;-webkit-text-fill-color:initial}.slogan-sub{color:#606266;font-size:.9em;margin-bottom:15px}.slogan-tips{margin-top:15px;display:flex;flex-direction:column;align-items:center;gap:12px}.slogan-tips span{font-size:12px;color:#606266;width:100%;text-align:center;padding:0 10px}.slogan-tips .btn-group{display:flex;gap:8px;justify-content:center;flex-wrap:nowrap;width:auto;margin:0 auto}.bind-device-form .input-group,.invite-modal h3{margin-bottom:20px}.slogan-tips .copy-btn,.slogan-tips .invite-btn,.slogan-tips .notice-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:.2s;white-space:nowrap;min-width:100px;max-width:140px}.slogan-tips .copy-btn:hover,.slogan-tips .invite-btn:hover,.slogan-tips .notice-btn:hover{background:#f5f5f5;border-color:#d0d0d0}.slogan-tips .copy-btn:active,.slogan-tips .invite-btn:active,.slogan-tips .notice-btn:active{transform:translateY(1px)}.copy-btn{padding:6px 12px;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:500;transition:.3s}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(245,108,108,.2)}50%{transform:scale(1.05);box-shadow:0 4px 20px rgba(245,108,108,.4)}}.resource-link{background:rgba(64,158,255,.1);border-radius:8px;padding:15px;margin:15px 0;border:1px solid rgba(64,158,255,.2)}.link-text{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#606266}.resource-url{color:#409eff;text-decoration:none;word-break:break-all;transition:.3s}.copy-link-btn{display:flex;align-items:center;gap:4px;margin-top:10px;padding:6px 12px;background:#ecf5ff;color:#409eff;border:1px solid #d9ecff;border-radius:4px;font-size:13px;cursor:pointer;transition:.3s}.copy-link-btn:hover{background:#409eff;color:#fff;border-color:#409eff}.success-tips{margin-top:20px;background:#f0f9eb;border:1px solid #e1f3d8}.invite-modal{max-width:400px;padding:20px}.invite-modal h3{color:#409eff;text-align:center;font-size:1.2em}.invite-form{display:flex;flex-direction:column;gap:15px}.invite-input{width:100%;padding:10px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .2s}.invite-code-section,.invitees-list{background:#f8f9fa;border-radius:8px}.invite-input:focus{border-color:#409eff;outline:0}.invite-tips{font-size:12px;color:#909399;margin-top:5px}.invite-info-modal{max-width:500px!important;padding:25px}.invite-info-modal h3{font-size:1.4em;color:#333;margin-bottom:20px;text-align:center}.invite-info-content{margin:15px 0;text-align:center}.invite-code-section{width:100%;margin:0 auto 20px;display:inline-flex;align-items:center;gap:15px;padding:12px 20px;white-space:nowrap;justify-content:center}.invite-code-section h4{margin:0;color:#666;font-size:1em}.code-display{display:inline-flex;align-items:center;gap:10px}.code-display .code{font-family:'Courier New',monospace;font-size:1.1em;font-weight:500;color:#333;background:#f5f5f5;padding:4px 8px;border-radius:4px;white-space:nowrap;user-select:all;transition:.2s}.code-display .code:hover{background:#eee}.invitees-list{padding:15px}.invitee-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.invitee-item:last-child{border-bottom:none}.invitee-name{color:#333;font-size:.95em}.invitee-time{color:#666;font-size:.9em}.no-invitees{text-align:center;color:#666;padding:15px}.invite-stats{margin-left:10px;padding:2px 8px;background:#f0f9eb;color:#67c23a;border-radius:4px;font-size:.9em;font-weight:500}.input-group input[type=password],.input-group input[type=tel]{width:100%;height:40px;padding:8px 12px;border:1px solid #dcdfe6;border-radius:8px;font-size:14px;line-height:1.5;color:#606266;background:#fff;transition:.3s}.input-group input[type=password]:focus,.input-group input[type=tel]:focus{border-color:#409eff;outline:0;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.input-group input[type=password]::placeholder,.input-group input[type=tel]::placeholder{color:#c0c4cc}.remember-password{display:flex;align-items:center;margin:10px 0;font-size:14px;color:#666}.remember-password input[type=checkbox]{margin-right:8px;cursor:pointer}.remember-password label{cursor:pointer}.bind-device-modal{max-width:480px!important;padding:25px!important}.bind-device-modal h3{text-align:center;color:#1a1a1a;margin-bottom:25px;font-size:22px;font-weight:600;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bind-device-form .input-group label{display:block;margin-bottom:8px;color:#606266;font-size:14px}.bind-input{width:100%;padding:12px 15px;border:1px solid #dcdfe6;border-radius:8px;font-size:14px;transition:.3s;background:#fff;color:#2d3748}.bind-input[readonly]{background-color:#f5f7fa;cursor:not-allowed}.bind-device-form .button-row{display:flex;justify-content:center;margin:15px 0}.paste-btn{background:linear-gradient(135deg,#67c23a,#4caf50);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:.3s}.paste-btn:hover{background:linear-gradient(135deg,#85ce61,#67c23a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(103,194,58,.2)}@media (max-width:480px){.slogan-tips .btn-group{gap:6px}.slogan-tips .copy-btn,.slogan-tips .invite-btn,.slogan-tips .notice-btn{padding:6px 12px;font-size:12px;min-width:80px;max-width:120px}.slogan-display{padding:5px 0}.slogan-main{font-size:1.1em}.slogan-sub{font-size:.85em}.slogan-tips{flex-direction:column;gap:8px}.copy-btn{width:100%;padding:8px}.resource-link{padding:12px}.link-text{font-size:13px}.copy-link-btn{padding:5px 10px;font-size:12px}.invite-info-modal{width:90%;padding:20px}.invite-code-section{padding:10px 15px;gap:10px;width:fit-content;margin:0 auto 20px}body{position:fixed;width:100%;height:100%;overflow:hidden}.container{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.input-group input[type=password],.input-group input[type=tel]{font-size:16px}.bind-device-modal{width:90%;padding:20px!important}.bind-device-modal h3{font-size:20px}.bind-input{padding:10px;font-size:14px}.paste-btn{padding:8px 16px;font-size:13px}}.bind-device-tip{margin:0 0 20px;padding:10px 15px;background-color:#f0f9ff;border-left:3px solid #409eff;border-radius:4px;font-size:14px;color:#606266;line-height:1.6}.device-info-link{color:#409eff;text-decoration:none;font-weight:500;transition:.3s}@media (prefers-color-scheme:dark){.bind-device-modal{background:#1a1a1a}.bind-device-modal h3{color:#fff}.bind-input{background:#2d2d2d;border-color:#4a4a4a;color:#fff}.bind-input[readonly]{background-color:#363636}.bind-device-tip{background-color:#283142;border-left-color:#409eff;color:#e2e2e2}}.bind-device-btn{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 15px rgba(255,152,0,.2)}.bind-device-btn:hover{background:linear-gradient(135deg,#ffa726,#ff9800);box-shadow:0 6px 20px rgba(255,152,0,.3)}.bind-device-btn:active{box-shadow:0 2px 10px rgba(255,152,0,.2)}.modal-footer .button-row{justify-content:center;margin-top:20px}.modal-footer .submit-btn{min-width:140px;background:linear-gradient(135deg,#409eff,#3486db);color:#fff;box-shadow:0 4px 15px rgba(64,158,255,.2);font-weight:600;padding:12px 25px}