/* clock */
       body { font-family: Arial, sans-serif; max-width: 1200px; margin: 20px auto; padding: 20px; }
        .clock-table { border-collapse: collapse; width: 100%; max-width: 1200px; }
        .clock-table th, .clock-table td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
        .clock-table tr:hover { background-color: #f5f5f5; }
        .time-col { font-family: monospace; }
        .header { color: #666; margin-bottom: 20px; width: 100%; max-width: 1200px;}
        .search {width:40%;float:right;}
        .container { background: #f5f5f5; padding: 20px; border-radius: 8px; }
        input[type="text"] { width: 60%; padding: 8px; margin-right: 10px; }
        button { padding: 8px 16px; background: #007bff; color: white; border: none; border-radius: 4px; }
        .error { color: #dc3545; margin-top: 10px; }
        .result { margin-top: 20px; background: white; padding: 15px; border-radius: 4px; }