.device-checker-container{max-width:800px;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.device-checker-btn{background:#fff;color:#333;border:2px solid #e0e0e0;padding:15px 30px;font-size:16px;font-weight:500;border-radius:8px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(0 0 0 / .1);display:block;margin:0 auto 20px;min-width:200px;position:relative;overflow:hidden}.device-checker-btn:hover{background:#f8f9fa;border-color:#d0d0d0;transform:translateY(-1px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.device-checker-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgb(0 0 0 / .1)}.device-checker-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#f5f5f5;color:#999}.device-checker-btn.secondary{background:#f8f9fa;color:#666;border-color:#d0d0d0;margin-left:10px}.device-checker-btn.secondary:hover{background:#e9ecef;border-color:#b0b0b0}.device-checker-loading{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;margin:20px 0;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgb(0 0 0 / .05)}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #666;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.device-checker-loading p{color:#666;font-size:14px;margin:0}.device-checker-result{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgb(0 0 0 / .08);overflow:hidden;margin-top:20px;border:1px solid #e0e0e0}.device-info{padding:30px}.device-info h3{margin:0 0 25px 0;color:#333;font-size:22px;text-align:center;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:15px}.device-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px}.info-section{background:#fafafa;padding:20px;border-radius:8px;border:1px solid #e0e0e0;transition:all 0.3s ease}.info-section:hover{background:#f5f5f5;transform:translateY(-1px);box-shadow:0 2px 8px rgb(0 0 0 / .05)}.info-section h4{margin:0 0 15px 0;color:#333;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.info-item{margin-bottom:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.info-item:last-child{border-bottom:none;margin-bottom:0}.info-item strong{color:#555;font-weight:500;font-size:14px}.info-item span{color:#333;font-weight:400;text-align:right;max-width:60%}.main-info{border-left:3px solid #e0e0e0}.platform-info{border-left:3px solid #d0d0d0}.browser-info{border-left:3px solid silver}.resource-key-info{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px;margin:20px 0;border:1px solid #e9ecef}.resource-key-info p{margin:0;color:#666;font-size:12px}.copy-section{text-align:center;padding:20px;background:#fafafa;border-top:1px solid #e0e0e0}.copy-device-info-btn{background:#fff;color:#333;border:1px solid #d0d0d0;padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 1px 4px rgb(0 0 0 / .1)}.copy-device-info-btn:hover{background:#f5f5f5;border-color:#b0b0b0;transform:translateY(-1px);box-shadow:0 2px 6px rgb(0 0 0 / .15)}.copy-device-info-btn.copied{background:#f0f0f0;color:#666;animation:pulse 0.5s ease}.copy-device-info-btn.error{background:#fff5f5;color:#d32f2f;border-color:#ffcdd2}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.device-checker-error{background:#fff;color:#d32f2f;padding:25px;border-radius:8px;margin:10px 0;border:1px solid #ffcdd2;text-align:center;font-size:14px}.device-checker-error h4{margin:0 0 15px 0;color:#d32f2f;font-size:18px;font-weight:600}.device-checker-error p{margin:0 0 20px 0;color:#666;line-height:1.5}.error-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.error-actions .device-checker-btn{margin:0;min-width:150px}@media (max-width:768px){.device-checker-container{margin:10px;padding:0 10px}.device-info{padding:20px}.device-info-grid{grid-template-columns:1fr;gap:15px}.device-checker-btn{padding:12px 25px;font-size:14px;min-width:180px}.device-info h3{font-size:18px}.info-section h4{font-size:15px}.info-item{flex-direction:column;align-items:flex-start;gap:5px}.info-item span{max-width:100%;text-align:left}.error-actions{flex-direction:column;align-items:center}.error-actions .device-checker-btn{width:100%;max-width:200px}}.device-checker-result{animation:slideIn 0.4s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.device-checker-btn:focus,.copy-device-info-btn:focus{outline:2px solid #666;outline-offset:2px}@media (prefers-color-scheme:dark){.device-checker-container{color:#e0e0e0}.device-checker-btn{background:#2a2a2a;color:#e0e0e0;border-color:#444}.device-checker-btn:hover{background:#333;border-color:#555}.device-checker-btn.secondary{background:#333;color:#ccc;border-color:#444}.device-checker-btn.secondary:hover{background:#3a3a3a;border-color:#555}.device-checker-result{background:#2a2a2a;color:#e0e0e0;border-color:#444}.info-section{background:#333;color:#e0e0e0;border-color:#444}.info-section:hover{background:#3a3a3a}.copy-section{background:#333;border-top-color:#444}.copy-device-info-btn{background:#2a2a2a;color:#e0e0e0;border-color:#444}.copy-device-info-btn:hover{background:#333;border-color:#555}.device-checker-loading{background:#2a2a2a;border-color:#444;color:#e0e0e0}.info-item{border-bottom-color:#444}.info-item strong{color:#ccc}.info-item span{color:#e0e0e0}.device-info h3{color:#e0e0e0;border-bottom-color:#444}.info-section h4{color:#e0e0e0}.resource-key-info{background:#333;border-color:#444}.resource-key-info p{color:#ccc}.device-checker-error{background:#2a2a2a;color:#ff6b6b;border-color:#f44}.device-checker-error h4{color:#ff6b6b}.device-checker-error p{color:#ccc}}.text-center{text-align:center}.text-muted{color:#666}.font-small{font-size:12px}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.success{background:#4caf50}.status-indicator.warning{background:#ff9800}.status-indicator.error{background:#f44336}@keyframes keySwitch{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.resource-key-switching{animation:keySwitch 0.3s ease-in-out}