:root{--primary:#2188ff;--secondary:#f6f8fa;--success:#28a745;--danger:#d73a49;--warning:#ffd33d;--dark:#24292e;--light:#f8f9fa;--border:#e1e4e8;--transition:all 0.3s ease;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#f0f5ff 0%,#e6ecff 100%);min-height:100vh;margin:0;padding:2rem;color:var(--dark);line-height:1.6;}.loading-bar{height:4px;background:linear-gradient(90deg,#2188ff,#79b8ff);position:fixed;top:0;left:0;width:0%;z-index:1000;box-shadow:0 2px 10px rgba(33,136,255,0.3);transition:width 0.3s ease;}.navbar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:var(--transition);}.navbar-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--dark);text-decoration:none;display:flex;align-items:center;}.navbar-brand i{margin-right:0.5rem;color:var(--primary);font-size:1.8rem;}.navbar-menu{display:flex;gap:1.5rem;list-style:none;}.navbar-menu li a{color:var(--dark);text-decoration:none;font-size:1rem;font-weight:500;padding:0.5rem 1rem;border-radius:8px;transition:var(--transition);}.navbar-menu li a:hover{background:rgba(33,136,255,0.1);color:var(--primary);}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--dark);padding:0.5rem;border-radius:50%;transition:var(--transition);}.theme-toggle:hover{background:rgba(33,136,255,0.1);}.navbar-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--dark);cursor:pointer;}.footer{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:2rem;margin-top:2rem;box-shadow:0 -2px 5px rgba(0,0,0,0.05);}.footer-container{max-width:1400px;margin:0 auto;text-align:center;}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;}.footer-links a{color:var(--dark);text-decoration:none;font-size:0.95rem;transition:var(--transition);}.footer-links a:hover{color:var(--primary);}.footer-copyright{color:#586069;font-size:0.9rem;}@media (max-width:768px){.navbar-menu{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,0.1);}body.dark-theme .navbar-menu{background:rgba(36,41,46,0.95);}.navbar-menu.active{display:flex;}.navbar-toggle{display:block;}.footer-links{flex-direction:column;gap:0.5rem;}}.container{max-width:1400px;margin:1rem auto;padding:0 20px;display:flex;gap:1.5rem;}.left-panel{flex:3;display:flex;flex-direction:column;gap:1.5rem;}.right-panel{flex:1;display:flex;flex-direction:column;gap:1.5rem;}.header{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.95);border-radius:15px;box-shadow:0 6px 25px rgba(0,0,0,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);transition:var(--transition);}.header:hover{box-shadow:0 10px 30px rgba(33,136,255,0.15);transform:translateY(-3px);}.logo{width:100px;height:100px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#2188ff,#79b8ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2.5rem;font-weight:bold;box-shadow:0 8px 15px rgba(33,136,255,0.3);}h1{font-size:2.5rem;margin:0;color:var(--dark);background:linear-gradient(90deg,#2188ff,#79b8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.5rem;}.subtitle{color:#586069;font-size:1.2rem;margin-top:0.5rem;}.panel{padding:1.5rem;background:rgba(255,255,255,0.95);border-radius:15px;box-shadow:0 6px 25px rgba(0,0,0,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);padding:2rem;transition:var(--transition);}.panel:hover{box-shadow:0 10px 30px rgba(33,136,255,0.15);}.input-group{margin-bottom:1.5rem;}label{display:block;margin-bottom:0.8rem;font-weight:600;color:var(--dark);font-size:1.1rem;}.url-input{width:100%;padding:1rem;font-size:1.1rem;border:1px solid var(--border);border-radius:12px;transition:var(--transition);background:rgba(255,255,255,0.8);box-shadow:inset 0 2px 5px rgba(0,0,0,0.05);}.url-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(3,102,214,0.2);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:var(--transition);border:none;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.btn i{margin-right:8px;}.btn-primary{background:linear-gradient(135deg,#2188ff,#79b8ff);color:white;}.btn-primary:hover{background:linear-gradient(135deg,#0066ff,#4a8eff);transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,102,255,0.25);}.stats-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,rgba(249,249,255,0.9),rgba(240,245,255,0.9));border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid rgba(230,236,240,0.5);}.stats-item{display:flex;align-items:center;font-size:1rem;}.stats-icon{margin-right:0.7rem;font-size:1.4rem;color:var(--primary);}.stats-value{font-weight:700;color:var(--dark);}.controls{display:flex;gap:1rem;}.result-card{display:none;}.result-title{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:var(--dark);display:flex;align-items:center;}.result-title i{margin-right:10px;color:var(--success);}.result-link{display:block;word-break:break-all;color:var(--primary);text-decoration:none;margin-bottom:1.5rem;padding:1.2rem;background:rgba(241,248,255,0.8);border-radius:12px;border-left:4px solid var(--primary);transition:var(--transition);font-size:1.1rem;line-height:1.7;}.result-link:hover{background:rgba(225,238,255,0.8);transform:translateX(5px);}.copy-message{color:var(--success);font-size:1rem;display:flex;align-items:center;font-weight:500;}.error-message{color:var(--danger);margin-top:0.8rem;font-size:0.95rem;display:none;padding:0.8rem;background:rgba(215,58,73,0.05);border-radius:8px;border-left:3px solid var(--danger);}.testing-message{color:var(--primary);margin-top:1.2rem;font-size:1rem;display:none;align-items:center;padding:1rem;background:rgba(33,136,255,0.05);border-radius:12px;border-left:3px solid var(--primary);}.spinner{border:3px solid rgba(3,102,214,0.1);border-top:3px solid var(--primary);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:0.8rem;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.mirror-card{background:rgba(255,255,255,0.95);border-radius:12px;padding:1.2rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,0.06);transition:var(--transition);position:relative;overflow:hidden;border-left:4px solid var(--border);cursor:pointer;}.mirror-card:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.1);}.mirror-card.best{border-left-color:var(--success);background:linear-gradient(135deg,rgba(40,167,69,0.03) 0%,rgba(255,255,255,0.95) 100%);}.mirror-card.unavailable{opacity:0.65;filter:grayscale(0.7);cursor:not-allowed;}.mirror-name{font-weight:600;font-size:0.95rem;margin-bottom:0.4rem;color:var(--dark);display:flex;align-items:center;word-break:break-all;}.mirror-name i{margin-right:8px;color:#6a737d;}.mirror-status{display:flex;justify-content:space-between;align-items:center;margin-top:0.8rem;font-size:0.9rem;}.status-text{font-weight:600;}.status-available{color:var(--success);}.status-medium{color:var(--warning);}.status-slow{color:var(--danger);}.status-unavailable{color:var(--danger);}.mirror-speed{padding:0.3rem 0.8rem;border-radius:20px;font-size:0.85rem;font-weight:600;}.speed-fast{background:var(--success);color:white;}.speed-medium{background:var(--warning);color:var(--dark);}.speed-slow{background:var(--danger);color:white;}.best-tag{position:absolute;top:10px;right:10px;background:var(--success);color:white;padding:0.3rem 0.7rem;border-radius:20px;font-size:0.75rem;font-weight:600;}.refresh-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:1rem;display:flex;align-items:center;margin-bottom:1.2rem;font-weight:600;padding:0.6rem 1rem;border-radius:10px;background:rgba(33,136,255,0.05);transition:var(--transition);}.refresh-btn:hover{background:rgba(33,136,255,0.1);transform:translateY(-2px);}.refresh-btn i{margin-right:8px;}.sidebar-title{font-weight:700;font-size:1.2rem;margin-bottom:1.2rem;color:var(--dark);padding-bottom:0.8rem;border-bottom:2px solid rgba(225,228,232,0.6);}.sort-indicator{display:inline-block;margin-left:8px;font-size:0.9rem;color:var(--primary);font-weight:normal;}.section-header{display:flex;align-items:center;margin-bottom:1.5rem;}.section-header i{margin-right:10px;font-size:1.8rem;color:var(--primary);}.usage-section,.examples-section,.tools-section{margin-top:1.5rem;}.usage-content{padding:0.5rem 1rem;}.usage-item{display:flex;align-items:center;margin:1rem 0;padding:0.8rem;background:rgba(240,245,255,0.6);border-radius:10px;transition:var(--transition);}.usage-item:hover{background:rgba(225,238,255,0.8);transform:translateX(5px);}.usage-item i{margin-right:12px;font-size:1.2rem;color:var(--primary);width:24px;text-align:center;}.usage-item p{margin:0;font-size:0.95rem;color:var(--dark);}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0.5rem;}.example-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:rgba(240,245,255,0.6);border-radius:10px;cursor:pointer;transition:var(--transition);text-align:center;min-height:90px;}.example-item:hover{background:rgba(225,238,255,0.8);transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.1);}.example-item i{font-size:1.5rem;margin-bottom:0.8rem;color:var(--primary);}.example-item span{font-size:0.9rem;color:var(--dark);}.tools-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0.5rem;}.tool-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:rgba(240,245,255,0.6);border-radius:10px;text-decoration:none;transition:var(--transition);text-align:center;min-height:90px;}.tool-item:hover{background:rgba(225,238,255,0.8);transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.1);}.tool-item img{width:32px;height:32px;margin-bottom:0.8rem;object-fit:contain;}.tool-item span{font-size:0.9rem;color:var(--dark);}@media (max-width:992px){.container{flex-direction:column;}.left-panel,.right-panel{width:100%;}.header{padding:1.5rem;}h1{font-size:2rem;}.examples-grid,.tools-list{grid-template-columns:repeat(2,1fr);}}@media (max-width:576px){body{padding:1rem;}.controls{flex-direction:column;}.btn{width:100%;justify-content:center;}.panel{padding:1.5rem;}h1{font-size:1.8rem;}.examples-grid,.tools-list{grid-template-columns:1fr;}}