/* submit.css — 提交页专属样式 */
.submit-page{max-width:600px;margin:0 auto;padding:20px 0 0}

/* Hero区域 */
.submit-hero{background:var(--gradient,linear-gradient(135deg,var(--primary,#8b5cf6),#a855f7,#d946ef));border-radius:16px;padding:32px 24px 28px;color:#fff;text-align:center;margin-top:-16px;margin-bottom:16px;position:relative;overflow:hidden}
.submit-hero::before{content:'';position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.9) 1.5px,transparent 0);background-size:24px 24px}
.submit-hero-title{font-size:24px;font-weight:800;margin:0 0 6px;position:relative}
.submit-hero-desc{font-size:14px;color:rgba(255,255,255,.8);margin:0;position:relative}

/* 表单卡片 */
.submit-form{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid #e5e7eb}

/* 登录提示 */
.submit-login-tip{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f3ff;border-radius:10px;font-size:13px;color:#64748b;margin-bottom:20px}
.submit-login-tip a{color:var(--primary,#8b5cf6);font-weight:600;text-decoration:none}

/* 表单项 */
.submit-field{margin-bottom:20px}
.submit-field label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}
.submit-field label .required{color:#ef4444;margin-left:2px}
.submit-field label .hint{font-size:12px;color:#94a3b8;font-weight:400;margin-left:6px}

/* 通用输入框 */
.submit-input{width:100%;padding:13px 16px;font-size:15px;border:1px solid #e0e0e0;border-radius:10px;background:#f9fafb;outline:none;transition:all .2s;box-sizing:border-box}
.submit-input:focus{border-color:var(--primary,#8b5cf6);background:#fff;box-shadow:0 0 0 3px rgba(var(--primary-rgb,139,92,246),0.1)}
.submit-input::placeholder{color:#c0c4cc}

/* URL行：input + 获取按钮并排，紧密贴合 */
.submit-url-wrap{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:10px;background:#f8f9fa;height:48px;transition:.15s}
.submit-url-wrap:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.1)}
.submit-url-wrap .submit-input{border:none;background:transparent;height:100%;padding:0 16px;box-shadow:none;flex:1;min-width:0}
.submit-fetch-btn{flex-shrink:0;margin:4px;height:calc(100% - 8px);padding:0 16px;background:linear-gradient(135deg,var(--accent,#10b981),var(--accent,#14b8a6));color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.submit-fetch-btn:hover{filter:brightness(1.1)}
.submit-fetch-status{font-size:13px;margin-top:6px;display:none;padding:6px 12px;border-radius:6px}

/* 提交方式选择 */
.submit-mode-group{margin-bottom:20px}
.submit-mode-group>label,.submit-mode-title{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}
.submit-mode-options{display:flex;flex-direction:row;gap:12px}
.submit-mode-card{flex:1;padding:16px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;text-align:center;transition:all .2s;background:#fff}
.submit-mode-card.active{border-color:var(--primary,#8b5cf6);background:#faf5ff}
.submit-mode-card .mode-title{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:4px}
.submit-mode-card .mode-desc{font-size:12px;color:#94a3b8}

/* 提交按钮 */
.submit-btn{width:100%;padding:16px;margin-top:28px;background:linear-gradient(135deg,var(--primary,#8b5cf6),var(--primary-dark,#7c3aed));color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(var(--primary-rgb,139,92,246),0.35);letter-spacing:.5px}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--primary-rgb,139,92,246),0.45)}
.submit-btn:active{transform:translateY(0)}
.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* 提示卡片 */
.submit-tips{margin-top:24px;background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb}
.submit-tips h3{font-size:15px;font-weight:700;color:#374151;margin:0 0 12px}
.submit-tips ul{margin:0;padding-left:20px;font-size:13px;color:#64748b;line-height:2}
.submit-tips li{margin-bottom:2px}

/* 成功页面 */
.submit-success{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gray-50)}
.submit-success-inner{text-align:center;padding:40px}
.submit-success-icon{font-size:48px;margin-bottom:12px}
.submit-success h2{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 8px}
.submit-success p{font-size:14px;color:#94a3b8;margin:0 0 24px}
.submit-success a{display:inline-block;padding:12px 28px;background:var(--primary,#8b5cf6);color:#fff;border-radius:10px;text-decoration:none;font-size:14px;font-weight:500}

/* 移动端 */
@media(max-width:768px){
  .submit-hero{padding:24px 16px 20px;margin-bottom:16px}
  .submit-page{padding:16px 0 0}
  .submit-title{font-size:20px}
  .submit-desc{font-size:13px;margin-bottom:20px}
  .submit-form{padding:18px 16px}
  .submit-input{padding:12px 14px;font-size:14px}
  .submit-btn{padding:14px;font-size:16px}
}

/* 暗色模式 - 提交页 */

/* 暗色模式 - 提交页完整适配 */