* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", sans-serif; background: #e8f4fc url(/static/background.png) center top no-repeat; background-size: cover; min-height: 100vh; color: #333; }
body.no-bg { background: linear-gradient(180deg, #e8f4fc 0%, #f5f9fc 100%); }
.header { display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.header-logo-wrap { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.header-logo { width: 40px; height: 40px; object-fit: contain; display: block; }
.header-logo-wrap .logo-text { display: none; font-weight: 600; color: #1890ff; font-size: 15px; }
.header nav { display: flex; align-items: center; gap: 28px; }
.header nav a { color: #2c3e50; text-decoration: none; font-size: 15px; }
.header nav a:hover { color: #1890ff; }
.header nav a.active { color: #1890ff; }
.header-right { display: flex; align-items: center; gap: 16px; }
.btn-apply { background: #1890ff; color: #fff !important; padding: 8px 20px; border-radius: 4px; text-decoration: none; font-size: 14px; }
.btn-apply:hover { background: #40a9ff; }
.btn-login { color: #1890ff; text-decoration: none; padding: 6px 16px; border: 1px solid #1890ff; border-radius: 4px; font-size: 14px; }
.btn-login:hover { background: #e6f7ff; }
.header-right { position: relative; }
.user-menu { position: absolute; right: 0; top: 44px; background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.08); padding: 6px; min-width: 160px; z-index: 10; }
.user-menu-item { display: block; padding: 10px 12px; color: #262626; text-decoration: none; font-size: 14px; border-radius: 6px; }
.user-menu-item:hover { background: #f5f5f5; }
.main { max-width: 1000px; margin: 0 auto; padding: 32px 24px; }
body.page-user-center .main { max-width: 1200px; padding: 24px; }
body.page-user-center .dashboard-body { padding: 0; }
.hero { text-align: center; padding: 40px 0; }
.hero h1 { font-size: 28px; margin-bottom: 24px; color: #1890ff; }
.search-box { display: flex; justify-content: center; gap: 12px; max-width: 480px; margin: 0 auto; }
.search-box input { flex: 1; height: 44px; padding: 0 16px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; }
.search-box input:focus { outline: none; border-color: #1890ff; }
.btn-search { height: 44px; padding: 0 24px; background: #1890ff; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; }
.btn-search:hover { background: #40a9ff; }
.content-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 32px; }
/* 设计图布局：左 1/3 案例卡，右 2/3 上新闻卡 + 下 3×5 图格 */
.content-wrap-design { max-width: 1000px; margin: 32px auto 0; padding: 0 24px; grid-template-columns: 1fr 2fr; gap: 24px; align-items: start; }
.panel { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.panel-title { text-align: center; font-size: 16px; color: #000; margin-bottom: 20px; font-weight: 600; }
.panel-left { }
.panel-right-col { display: flex; flex-direction: column; gap: 24px; }
.panel-news { }
.panel-grid-wrap { padding: 24px; }
.case-list, .news-list { list-style: none; }
.case-list li, .news-list li { padding: 10px 0; font-size: 14px; color: #666; display: flex; align-items: flex-start; gap: 8px; line-height: 1.5; }
.case-list li { border-bottom: none; }
.news-list li { border-bottom: none; }
.case-list .case-star { color: #999; font-size: 12px; flex-shrink: 0; }
.chart-placeholder { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 32px; }
.chart-placeholder-12 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 32px; }
.chart-placeholder-15 { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(3, 1fr); gap: 16px; }
.chart-placeholder-15 .chart-item { height: 100px; background: transparent; border: 0; border-radius: 6px; position: relative; display:block; overflow:hidden; }
.chart-placeholder-15 .chart-dot { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #bfbfbf; }
.chart-item { height: 120px; background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%); }
.chart-placeholder-12 .chart-item { height: 100px; border: 1px solid #e8e8e8; }
.home-hero { position: relative; text-align: center; padding: 48px 24px 56px; min-height: 260px; }
.home-hero-inner { position: relative; z-index: 1; max-width: 560px; margin: 0 auto; }
.home-hero-logo-wrap { margin-bottom: 20px; }
.home-hero-logo { width: 120px; height: 120px; object-fit: contain; display: block; margin: 0 auto; }
.home-hero-logo-text { display: none; font-size: 18px; font-weight: 600; color: #1890ff; }
.home-hero-title { font-size: 22px; color: #2c3e50; margin-bottom: 24px; font-weight: 600; }
.home-search { max-width: 480px; margin: 0 auto; }
.footer { text-align: center; padding: 24px; color: #666; font-size: 12px; margin-top: 40px; }

/* 登录/注册页（与设计图一致，左侧 login_image.png） */
body.page-login-body, body.page-register-body { background: linear-gradient(to top right, #e6f7ff 0%, #bae7ff 40%, #91d5ff 100%); background-attachment: scroll; min-height: 100vh; }
.main.page-login, .main.page-register { max-width: 1100px; margin: 0 auto; padding: 40px 24px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 56px; min-height: calc(100vh - 140px); }
.main.page-login .login-illust, .main.page-register .login-illust { flex: 1; min-height: 420px; max-width: 560px; display: flex; align-items: center; justify-content: center; }
.main.page-login .login-illust-img, .main.page-register .login-illust-img { max-width: 100%; max-height: 480px; width: auto; height: auto; object-fit: contain; display: block; }
.login-form-card, .register-form-card { background: #fff; padding: 36px 40px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.08); width: 400px; flex-shrink: 0; }
.login-form-card .tabs { display: flex; gap: 32px; margin-bottom: 28px; border-bottom: 1px solid #f0f0f0; }
.login-form-card .tabs a { padding-bottom: 12px; font-size: 16px; color: #595959; text-decoration: none; margin-bottom: -1px; }
.login-form-card .tabs a.active { color: #1890ff; font-weight: 600; border-bottom: 2px solid #1890ff; }
.login-form-card .form-group input[type="text"],
.login-form-card .form-group input[type="password"],
.register-form-card .form-group input[type="text"],
.register-form-card .form-group input[type="password"] { background: #fafafa; border-radius: 6px; height: 44px; }
.login-form-card .btn-submit, .register-form-card .btn-submit { height: 48px; border-radius: 6px; font-weight: 500; }
.register-form-card h2 { font-size: 18px; color: #262626; margin-bottom: 24px; font-weight: 600; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; color: #262626; font-size: 14px; }
.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="datetime-local"] { width: 100%; height: 44px; padding: 0 14px; border: 1px solid #e8e8e8; font-size: 14px; background: #fafafa; border-radius: 6px; }
.form-group input:focus { outline: none; border-color: #1890ff; background: #fff; }

/* 全站表单输入框统一样式（与申请职业成就记录页一致：浅灰底、细边框、圆角） */
.panel input[type="text"],
.panel input[type="password"],
.panel input[type="email"],
.panel input[type="number"],
.panel input[type="tel"],
.panel select,
.panel textarea {
  width: 100%;
  max-width: 100%;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  font-size: 14px;
  color: #262626;
}
.panel input[type="text"],
.panel input[type="password"],
.panel input[type="email"],
.panel input[type="number"],
.panel input[type="tel"],
.panel select { height: 40px; padding: 0 12px; }
.panel textarea { min-height: 80px; padding: 8px 12px; resize: vertical; }
.panel input::placeholder,
.panel textarea::placeholder { color: #bfbfbf; }
.panel input:focus,
.panel select:focus,
.panel textarea:focus { outline: none; border-color: #1890ff; background: #fff; }
/* 企业查询页：与设计图一致（蓝色背景图） */
body.page-enterprise-query {
  background: #e8f4fc url(/static/background.png) center top no-repeat;
  background-size: cover;
  background-attachment: scroll;
  min-height: 100vh;
}
.enterprise-query-wrap { max-width: 1000px; margin: 0 auto; padding: 24px 24px 48px; }
.enterprise-query-card { background: transparent; border-radius: 0; box-shadow: none; padding: 18px 0 0; }
.enterprise-query-head { margin-bottom: 32px; }
.enterprise-query-label { display: inline-block; font-size: 18px; font-weight: 700; color: #2c3e50; margin: 0 14px 0 0; vertical-align: middle; }
.enterprise-search-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.enterprise-search-row .enterprise-query-input { flex: 1; min-width: 240px; height: 38px; padding: 0 12px; border: 1px solid #d9d9d9; border-radius: 4px; font-size: 14px; background: #fff; color: #262626; }
.enterprise-search-row .enterprise-query-input:focus { outline: none; border-color: #1890ff; background: #fff; }
.enterprise-search-row .enterprise-query-input::placeholder { color: #bfbfbf; }
.btn-query { display: inline-flex; align-items: center; justify-content: center; height: 38px; padding: 0 22px; background: #1677ff; color: #fff; border: none; border-radius: 4px; font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap; }
.btn-query:hover { background: #40a9ff; color: #fff; }
.enterprise-result-wrap { display: grid; grid-template-columns: 1fr 460px; gap: 30px; align-items: start; margin-top: 70px; }
.enterprise-result-main { background: transparent; padding: 0; border-radius: 0; border: 0; }
.enterprise-name { font-size: 30px; font-weight: 800; margin: 0 0 14px 0; color: #1f2d3d; line-height: 1.35; }
.cert-badge { display: inline-block; padding: 10px 22px; background: linear-gradient(90deg, #5b8cff 0%, #3f7cff 100%); color: #fff; border-radius: 22px; font-size: 13px; margin-bottom: 22px; }
.enterprise-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.stat-box { padding: 16px 14px; background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 8px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,.06); }
.stat-label { font-size: 13px; color: #1677ff; margin-bottom: 8px; font-weight: 600; }
.stat-num { font-size: 20px; font-weight: 800; color: #1f2d3d; }
.enterprise-result-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-outline { height: 34px; padding: 0 20px; background: transparent; color: #4a90e2; border: 2px solid rgba(74,144,226,.65); border-radius: 18px; font-size: 14px; cursor: pointer; }
.btn-outline:hover { background: rgba(74,144,226,.08); }
.enterprise-result-visual { min-height: 240px; }
.enterprise-visual-placeholder { width: 100%; height: 260px; border: 10px solid rgba(0,0,0,.15); border-radius: 4px; background: #fff; position: relative; overflow: hidden; }
.enterprise-visual-placeholder::before{
  content:'';
  position:absolute; inset: 0;
  background:
    linear-gradient(135deg, transparent 52%, #1e88e5 52% 100%),
    linear-gradient(225deg, transparent 52%, #1e88e5 52% 100%);
  background-size: 60% 70%, 60% 70%;
  background-position: left bottom, right bottom;
  background-repeat: no-repeat;
  opacity: .95;
}
.enterprise-visual-placeholder::after{
  content:'';
  position:absolute; right: 26%; top: 18%;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(0,0,0,.25);
}
.enterprise-no-result { padding: 32px; text-align: center; color: #8c8c8c; font-size: 15px; }
@media (max-width: 768px) { .enterprise-query-wrap { padding: 16px; } .enterprise-query-card { padding: 24px 20px; } .enterprise-result-wrap { grid-template-columns: 1fr; } .enterprise-result-visual { min-height: 200px; } .enterprise-visual-placeholder { min-height: 200px; } }
/* 机构入驻页：渐变背景 + 白卡片 + 两列表单 */
.enterprise-join-wrap { max-width: 1000px; margin: 0 auto; padding: 24px 24px 48px; }
.enterprise-join-card { background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,.06); padding: 40px 48px; }
.enterprise-join-title { font-size: 18px; font-weight: 600; color: #262626; margin: 0 0 28px 0; }
.enterprise-join-form .institution-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 40px; }
.enterprise-join-form .form-group { display: flex; flex-direction: column; gap: 8px; }
.enterprise-join-form .form-group label { font-size: 14px; color: #262626; margin: 0; }
.enterprise-join-form .form-group .required { color: #f5222d; }
.enterprise-join-form .form-input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #e8e8e8; border-radius: 6px; font-size: 14px; background: #fafafa; color: #262626; }
.enterprise-join-form .form-input:focus { outline: none; border-color: #1890ff; background: #fff; }
.enterprise-join-form .form-input::placeholder { color: #bfbfbf; }
.enterprise-join-form .upload-row { display: flex; gap: 8px; align-items: center; }
.enterprise-join-form .upload-row .form-input { flex: 1; min-width: 0; }
.enterprise-join-form .btn-upload { height: 40px; padding: 0 20px; background: #1890ff; color: #fff; border: none; border-radius: 6px; font-size: 14px; cursor: pointer; flex-shrink: 0; }
.enterprise-join-form .btn-upload:hover { background: #40a9ff; }
.enterprise-join-form .link-download { font-size: 14px; color: #1890ff; margin-top: 6px; display: inline-block; text-decoration: none; }
.enterprise-join-form .link-download:hover { text-decoration: underline; }
.enterprise-join-form .code-row { display: flex; gap: 12px; }
.enterprise-join-form .code-row .form-input { flex: 1; }
.enterprise-join-form .btn-getcode { height: 40px; padding: 0 16px; background: #1890ff; color: #fff; border: none; border-radius: 6px; font-size: 14px; cursor: pointer; white-space: nowrap; }
.enterprise-join-form .btn-getcode:hover { background: #40a9ff; }
.enterprise-join-form .form-group-full { grid-column: 1 / -1; }
.enterprise-join-footer { margin-top: 32px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.enterprise-join-footer .checkbox-label { font-size: 14px; color: #262626; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: normal; }
.enterprise-join-footer .link-agree { color: #1890ff; text-decoration: none; margin-left: 2px; }
.enterprise-join-footer .link-agree:hover { text-decoration: underline; }
.enterprise-join-footer .form-submit-row { margin: 0; text-align: right; }
.enterprise-join-footer .btn-apply-submit { min-width: 120px; height: 44px; padding: 0 32px; background: #1890ff; color: #fff; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; }
.enterprise-join-footer .btn-apply-submit:hover { background: #40a9ff; }
@media (max-width: 768px) { .enterprise-join-wrap { padding: 16px; } .enterprise-join-card { padding: 24px 20px; } .enterprise-join-form .institution-form-grid { grid-template-columns: 1fr; } .enterprise-join-footer { flex-direction: column; align-items: flex-start; } .enterprise-join-footer .form-submit-row { width: 100%; text-align: right; } }
.institution-join-panel { max-width: 880px; }
.institution-join-title { font-size: 20px; font-weight: 600; color: #1890ff; margin-bottom: 24px; }
.institution-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 40px; }
.institution-form .upload-row { display: flex; gap: 8px; align-items: center; }
.institution-form .upload-row .form-input { flex: 1; }
.institution-form .btn-upload { height: 40px; padding: 0 16px; background: #1890ff; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; }
.institution-form .form-submit-row { margin-top: 32px; text-align: center; }
.institution-form .btn-submit-large { width: 200px; height: 44px; background: #1890ff; color: #fff; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; }
.institution-form .btn-submit-large:hover { background: #40a9ff; }
.institution-form .link-download { font-size: 14px; color: #1890ff; margin-top: 6px; display: inline-block; }
.institution-form .checkbox-label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: normal; font-size: 14px; }
.realname-panel { max-width: 720px; }
.realname-panel .upload-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.realname-panel .upload-box label { display: block; margin-bottom: 8px; color: #333; font-size: 14px; }
.realname-panel .upload-area { border: 2px dashed #e8e8e8; border-radius: 8px; min-height: 160px; display: flex; align-items: center; justify-content: center; background: #fafafa; cursor: pointer; position: relative; }
.realname-panel .upload-area:hover { border-color: #1890ff; background: #f0f8ff; }
.realname-panel .btn-cert { padding: 10px 48px; font-size: 16px; }
.institution-form .form-group label,
.realname-panel .form-group label { display: block; margin-bottom: 8px; color: #262626; font-size: 14px; }
.institution-form .required,
.realname-panel .required { color: #f5222d; }
@media (max-width: 768px) { .institution-form-grid { grid-template-columns: 1fr; } .realname-panel .upload-row { grid-template-columns: 1fr; } }

/* 用户中心/企业中心等页面表单输入框统一样式 */
.dashboard-body input[type="text"],
.dashboard-body input[type="password"],
.dashboard-body input[type="email"],
.dashboard-body input[type="number"],
.dashboard-body input[type="tel"],
.dashboard-body select,
.dashboard-body textarea,
.form-panel input[type="text"],
.form-panel input[type="password"],
.form-panel select,
.form-panel textarea {
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  font-size: 14px;
  color: #262626;
  padding: 0 12px;
}
.dashboard-body input[type="text"],
.dashboard-body input[type="password"],
.dashboard-body select,
.form-panel input[type="text"],
.form-panel input[type="password"],
.form-panel select { height: 40px; }
.dashboard-body textarea,
.form-panel textarea { min-height: 80px; padding: 8px 12px; resize: vertical; }
.dashboard-body input:focus,
.dashboard-body select:focus,
.dashboard-body textarea:focus,
.form-panel input:focus,
.form-panel select:focus,
.form-panel textarea:focus { outline: none; border-color: #1890ff; background: #fff; }
.form-group .code-row { display: flex; gap: 12px; }
.form-group .code-row input { flex: 1; }
.btn-getcode { height: 44px; padding: 0 16px; background: #1890ff; color: #fff; border: none; border-radius: 6px; cursor: pointer; white-space: nowrap; font-size: 14px; }
.btn-getcode:hover { background: #40a9ff; }
.btn-submit { width: 100%; background: #1890ff; color: #fff; border: none; cursor: pointer; font-size: 16px; }
.btn-submit:hover { background: #40a9ff; }
.login-form-card .login-tip, .register-form-card .register-tip { margin: 16px 0 24px; font-size: 14px; color: #595959; }
.login-form-card .login-tip a, .register-form-card .register-tip a { color: #1890ff; text-decoration: none; }
.illust { flex: 1; min-height: 400px; background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 50%); border-radius: 8px; }

/* 申请职业成就记录页：浅蓝到白渐变背景，申请记录按钮高亮 */
body.page-apply-achievement { background: radial-gradient(ellipse at top left, #e6f7ff 0%, #bae7ff 35%, rgba(255,255,255,0.95) 70%, #fff 100%); background-attachment: scroll; min-height: 100vh; }
.btn-apply.active { background: #096dd9; cursor: default; }

/* 申请记录列表页（/apply）：浅蓝渐变 + 居中白卡片 + 标题 + 蓝按钮 + 链接 */
body.page-apply-index { background: linear-gradient(180deg, #b3e0ff 0%, #cceeff 35%, #e6f7ff 65%, #f5fbff 100%); background-attachment: scroll; min-height: 100vh; }
.apply-index-wrap { max-width: 900px; margin: 0 auto; padding: 48px 24px; display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 200px); }

/* 关于职业成就记录页：浅蓝渐变 + 居中白卡片 */
/* 关于职业成就记录页 - 重写 */
body.page-about { background: linear-gradient(180deg, #d4ebf7 0%, #e8f4fc 40%, #f0f8ff 100%); background-attachment: scroll; min-height: 100vh; }
.about-page { max-width: 900px; margin: 0 auto; padding: 32px 24px 64px; }
.about-hero { text-align: center; margin-bottom: 32px; }
.about-hero-title { font-size: 26px; font-weight: 700; color: #1890ff; margin: 0 0 16px 0; }
.about-hero-lead { font-size: 16px; color: #595959; line-height: 1.7; margin: 0; max-width: 640px; margin-left: auto; margin-right: auto; }
.about-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); padding: 48px 56px; }
.about-section { margin-bottom: 36px; }
.about-section:last-child { margin-bottom: 0; }
.about-section-title { font-size: 18px; font-weight: 600; color: #262626; margin: 0 0 14px 0; padding-bottom: 8px; border-bottom: 1px solid #f0f0f0; }
.about-section-text { font-size: 15px; color: #595959; line-height: 1.85; margin: 0; }
.about-list { margin: 0; padding-left: 22px; color: #595959; font-size: 15px; line-height: 2; }
.about-list li { margin-bottom: 6px; }
@media (max-width: 768px) { .about-page { padding: 20px 16px 48px; } .about-card { padding: 28px 24px; } .about-hero-title { font-size: 22px; } .about-hero-lead { font-size: 15px; } }
.apply-index-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.08); padding: 48px 56px; width: 100%; max-width: 560px; }
.apply-index-title { font-size: 22px; color: #000; font-weight: 700; margin: 0 0 28px 0; text-align: left; line-height: 1.3; }
.apply-index-btn-wrap { margin: 0 0 28px 0; }
.apply-index-btn { display: inline-block; padding: 14px 32px; background: #1890ff; color: #fff !important; border-radius: 8px; font-size: 15px; font-weight: 500; text-decoration: none; border: none; cursor: pointer; line-height: 1.4; }
.apply-index-btn:hover { background: #40a9ff; color: #fff; }
.apply-index-links { font-size: 14px; margin: 0; }
.apply-index-links a { color: #1890ff; text-decoration: none; }
.apply-index-links a:hover { text-decoration: underline; }
.apply-index-sep { color: #8c8c8c; margin: 0 12px; font-weight: 400; }
@media (max-width: 768px) { .apply-index-wrap { padding: 24px 16px; min-height: auto; } .apply-index-card { padding: 32px 24px; max-width: 100%; } }

/* 申请职业成就记录表单（与设计图一致：白卡片、左标题、浅灰输入框、灰选择文件按钮） */
.apply-achievement-wrap { max-width: 900px; margin: 0 auto; padding: 24px 0; }
.apply-achievement-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 16px rgba(0,0,0,.06); padding: 40px 48px; }
.apply-achievement-title { font-size: 20px; color: #1890ff; font-weight: 600; text-align: left; margin-bottom: 28px; }
.apply-achievement-form .form-row { display: grid; grid-template-columns: 120px 1fr; gap: 16px; align-items: start; margin-bottom: 20px; }
.apply-achievement-form .form-label { font-size: 14px; color: #262626; line-height: 40px; }
.apply-achievement-form .form-label .required { color: #f5222d; }
.apply-achievement-form .form-field { min-width: 0; }
.apply-achievement-form .form-input,
.apply-achievement-form .form-select { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #e8e8e8; border-radius: 6px; font-size: 14px; background: #fafafa; color: #262626; }
.apply-achievement-form .form-input:focus,
.apply-achievement-form .form-select:focus { outline: none; border-color: #1890ff; background: #fff; }
.apply-achievement-form .form-input::placeholder { color: #bfbfbf; }
.apply-achievement-form .form-textarea { width: 100%; padding: 8px 12px; border: 1px solid #e8e8e8; border-radius: 6px; font-size: 14px; resize: vertical; min-height: 88px; background: #fafafa; }
.apply-achievement-form .form-textarea:focus { outline: none; border-color: #1890ff; background: #fff; }
.apply-achievement-form .char-count { font-size: 12px; color: #999; display: block; text-align: right; margin-top: 4px; }
.apply-achievement-form .form-field-captcha { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.apply-achievement-form .captcha-input { width: 140px !important; flex-shrink: 0; }
.apply-achievement-form .captcha-img { display: inline-block; vertical-align: middle; background: #fafafa; border: 1px solid #e8e8e8; border-radius: 6px; cursor: pointer; }
.apply-achievement-form img.captcha-img { padding: 0; }
.apply-achievement-form .checkbox-inline { font-size: 14px; color: #262626; font-weight: normal; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; margin: 0; }
.apply-achievement-form .form-row-double { grid-template-columns: 120px 1fr 100px 1fr; align-items: center; }
.apply-achievement-form .form-label-inline { line-height: 40px; }
.apply-achievement-form .form-row-hint { margin-bottom: 8px; }
.apply-achievement-form .form-hint { font-size: 13px; color: #8c8c8c; margin: 0; line-height: 1.6; }
.apply-achievement-form .form-field-proof { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.apply-achievement-form .form-field-proof .btn-select-file { height: 36px; padding: 0 20px; background: #e8e8e8; color: #262626; border: 1px solid #d9d9d9; border-radius: 6px; font-size: 14px; cursor: pointer; }
.apply-achievement-form .form-field-proof .btn-select-file:hover { background: #d9d9d9; }
.apply-achievement-form .file-status { font-size: 14px; color: #8c8c8c; }
.apply-achievement-form .link-download { color: #1890ff; text-decoration: none; font-size: 14px; }
.apply-achievement-form .link-download:hover { text-decoration: underline; }
.apply-achievement-form .form-submit-row { margin-top: 36px; text-align: right; }
.apply-achievement-form .btn-apply-submit { width: auto; min-width: 160px; height: 44px; padding: 0 32px; background: #1890ff; color: #fff; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; font-weight: 500; box-shadow: 0 2px 4px rgba(24,144,255,.2); }
.apply-achievement-form .btn-apply-submit:hover { background: #40a9ff; }
@media (max-width: 768px) {
    .apply-achievement-card { padding: 24px 20px; }
    .apply-achievement-form .form-row { grid-template-columns: 1fr; gap: 8px; }
    .apply-achievement-form .form-label { line-height: 1.4; }
    .apply-achievement-form .form-row-double { grid-template-columns: 1fr; }
    .apply-achievement-form .form-row-captcha .form-field-captcha { flex-direction: column; align-items: flex-start; }
}

/* 首页改版：核心价值、员工激励、智能功能、方案优势 */
.hero-v2 { background: linear-gradient(180deg, #e8f4fc 0%, #f5f9fc 100%); padding: 48px 24px; margin: 0 -24px 32px -24px; }
.hero-inner { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: start; }
.hero-doc { background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,.08); padding: 24px; border: 1px solid #e8e8e8; }
.doc-preview { font-size: 14px; color: #333; }
.doc-title { font-weight: 600; margin-bottom: 8px; color: #1890ff; }
.doc-sub { color: #666; }
.hero-text { font-size: 15px; line-height: 1.9; color: #333; }
.hero-text p { margin-bottom: 16px; }
.section { max-width: 1000px; margin: 0 auto 48px; }
.section-title { font-size: 22px; margin-bottom: 8px; color: #1890ff; }
.section-sub { color: #666; margin-bottom: 24px; font-size: 14px; }
.incentive-section .tabs-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.incentive-section .tabs-nav a { padding: 8px 16px; background: #f5f5f5; color: #666; border-radius: 4px; text-decoration: none; font-size: 14px; }
.incentive-section .tabs-nav a:hover { background: #e6f7ff; color: #1890ff; }
.incentive-section .tabs-nav a.active { background: #1890ff; color: #fff; }
.tabs-content .tab-pane { display: none; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.tabs-content .tab-pane.active { display: block; }
.smart-section { background: #fafafa; padding: 32px; border-radius: 8px; }
.smart-inner { display: grid; grid-template-columns: 1fr 280px; gap: 40px; align-items: center; }
.smart-list { display: flex; flex-direction: column; gap: 24px; }
.smart-item { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.smart-item h3 { font-size: 16px; margin-bottom: 8px; color: #1890ff; }
.smart-item p { color: #666; font-size: 14px; margin-bottom: 12px; }
.btn-more { color: #1890ff; text-decoration: none; font-size: 14px; }
.btn-more:hover { text-decoration: underline; }
.smart-visual { position: relative; height: 200px; }
.chart-box { position: absolute; border-radius: 8px; background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%); }
.chart-box-1 { width: 200px; height: 140px; top: 0; left: 0; }
.chart-box-2 { width: 180px; height: 120px; bottom: 0; right: 0; }
.advantage-section .advantage-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.advantage-card { background: #fff; padding: 28px 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.06); text-align: center; }
.advantage-card h3 { font-size: 16px; margin: 16px 0 8px; color: #333; }
.advantage-card p { font-size: 14px; color: #666; line-height: 1.6; }
.advantage-icon { width: 56px; height: 56px; margin: 0 auto; border-radius: 8px; }
.advantage-icon-1 { background: linear-gradient(135deg, #1890ff 0%, #69c0ff 100%); }
.advantage-icon-2 { background: linear-gradient(135deg, #fa8c16 0%, #ffc069 100%); }
.advantage-icon-3 { background: linear-gradient(135deg, #52c41a 0%, #95de64 100%); }
.query-section { text-align: center; padding: 32px 0; }
.query-section .search-box { justify-content: center; }
.query-section .section-title { margin-bottom: 20px; }
/* ========== 移动端兼容 ========== */
@media (max-width: 768px) {
    .hero-inner { grid-template-columns: 1fr; }
    .smart-inner { grid-template-columns: 1fr; }
    .advantage-cards { grid-template-columns: 1fr !important; }
    .header { flex-wrap: wrap; padding: 12px 16px; }
    .header nav { width: 100%; order: 3; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; flex-wrap: wrap; gap: 12px; }
    .header-right { gap: 10px; }
    .main { padding: 20px 16px; }
    .content-wrap { grid-template-columns: 1fr; }
    .content-wrap-design { grid-template-columns: 1fr; padding: 0 16px; }
    .chart-placeholder-15 { grid-template-columns: repeat(3, 1fr); }
    .main.page-login, .main.page-register { flex-direction: column; padding: 24px 16px; min-height: auto; }
    .main.page-login .login-illust, .main.page-register .login-illust { min-height: 240px; max-width: 100%; }
    .main.page-login .login-illust-img, .main.page-register .login-illust-img { max-height: 280px; }
    .login-form-card, .register-form-card { width: 100%; max-width: 100%; padding: 28px 24px; }
    .illust { min-height: 200px; }
    .hero-v2 { padding: 24px 16px; margin-left: -16px; margin-right: -16px; }
    .section { margin-bottom: 32px; }
    .section-title { font-size: 18px; }
    .search-box { flex-direction: column; max-width: 100%; }
    .search-box input { width: 100%; }
    .btn-search { width: 100%; }
    .chart-placeholder { grid-template-columns: 1fr; }
    .chart-placeholder-12 { grid-template-columns: repeat(2, 1fr); }
    .home-hero { padding: 32px 16px 40px; }
    .home-hero-logo { width: 88px; height: 88px; }
    .panel { padding: 16px; }
    .footer { padding: 16px; font-size: 12px; }
}
@media (max-width: 480px) {
    .logo { font-size: 14px; }
    .header nav a { font-size: 14px; }
    .btn-apply { padding: 6px 12px; font-size: 13px; }
}