.connecting-screen{height:100vh;overflow:auto;text-align:center;position:relative;margin:0;font-family:Inter,Open Sans,Arial,Helvetica,Microsoft YaHei,Verdana,"sans-serif";font-size:16px;line-height:normal;background:#fff}.connecting-container{position:relative;top:25%;margin-left:auto;margin-right:auto}#connecting-background{max-width:100%}.connecting-message{top:25%;text-align:center;color:#323c46;font-size:15px;letter-spacing:.38px}#connecting-gif,.connecting-message{position:absolute;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);max-width:100%}#connecting-gif{top:35%}#connecting-gif img{max-width:100%}#statusArea{display:block}@media screen and (max-width: 700px){#connecting-gif{max-width:35%;top:45%}}*{box-sizing:border-box}html,body{height:100%;margin:0}#resultArea{position:absolute;top:25%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:100%;max-width:780px;padding:0 16px}.syno-panel{margin-left:auto;margin-right:auto;border:none;overflow:hidden;width:650px;max-width:100%;font-size:14px;color:#323c46;letter-spacing:.35px;line-height:20px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px #0003;border-radius:4px;position:relative;background:#fff;padding:24px 28px 28px;text-align:left}.syno-panel h3{margin:0 0 10px;font-size:16px;color:#1f2a3e;font-weight:600}.syno-panel p{margin:8px 0}.lna-note{margin-top:16px;font-size:.8rem;color:#5b6e8c}.lna-warning{border-left:5px solid #f4b942}.lna-error{border-left:5px solid #d32f2f}.syno-button{display:inline-block;background-color:#1574e8;-webkit-box-shadow:0 4px 10px 0 rgba(21,116,232,.2);box-shadow:0 4px 10px #1574e833;cursor:pointer;min-width:140px;margin-top:24px;font-size:13px;color:#fff;text-align:center;line-height:24px;padding:6px 44px 6px 43px;border:0;outline:0;border-radius:24px;-webkit-appearance:none;font-family:inherit}.syno-button:hover:not([disabled]){background-color:#0467e0}.syno-button:active{background-color:#005ac8}.syno-button.btn-jump{min-width:0;margin-top:0;padding:6px 24px}.syno-button.retry-btn{background-color:#4b5c6e}.syno-button.retry-btn:hover{background-color:#2c3e50}.server-list{margin:20px 0 16px;text-align:left;max-height:460px;overflow-y:auto;border-radius:4px}.server-item{background:#fff;border-radius:4px;padding:16px 18px;margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000000d;border:1px solid #e9edf2}.server-info{flex:2;min-width:160px}.server-name{font-weight:600;font-size:1rem;color:#1f2a3e}.server-url{font-family:SF Mono,Menlo,monospace;font-size:.75rem;color:#5b6e8c;margin-top:6px;word-break:break-all}.status-area{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:40px;font-size:.75rem;font-weight:500;white-space:nowrap;background:#f1f3f7;color:#2c3e50}.status-online{background:#e0f2e9;color:#0b5e2e;border-left:3px solid #2e7d32}.status-timeout{background:#fff0db;color:#b45f06;border-left:3px solid #f1c40f}.status-premature{background:#ffe6e5;color:#b91c1c;border-left:3px solid #d32f2f}.duration{font-family:monospace;font-size:.7rem;background:#eceff3;padding:2px 8px;border-radius:30px}.info-note{font-size:.8rem;background:#f8f9fc;padding:10px 16px;border-radius:28px;color:#4a627a;margin-top:16px;text-align:center}.footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:10}#bottom-line{height:12px;background-color:#1574e8}@⁠media (max-width: 580px){.syno-panel {padding: 16px 16px 24px;} .server-item {flex-direction: column; align-items: flex-start;} .status-area {align-self: flex-end; width: 100%; justify-content: space-between;}}.copyright-icp{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);margin-bottom:14px;min-width:320px;color:#bfc2c5;font-size:14px}.icp{z-index:10}#icp-license{margin-bottom:1px}#beian-content{color:#bfc2c5;text-decoration:none}@⁠media (max-width: 800px){.copyright-icp {font-size: x-small;}}