/* /Pages/Designer.cshtml.rz.scp.css */
/* ============================================================
   问卷设计页样式 —— Razor 作用域 CSS (Pages/Designer.cshtml.css)
   ============================================================ */

/* ---------- 顶部导航 ---------- */
header.main-header[b-ng6l9n6mym] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.navbar[b-ng6l9n6mym] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.brand[b-ng6l9n6mym] {
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
}

.brand span[b-ng6l9n6mym] {
    color: var(--primary);
}

.nav-links[b-ng6l9n6mym] {
    display: flex;
    gap: 24px;
}

.nav-links a[b-ng6l9n6mym] {
    color: var(--muted);
    font-size: 15px;
}

.nav-links a:hover[b-ng6l9n6mym] {
    color: var(--primary);
}

.nav-actions[b-ng6l9n6mym] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dsg-user[b-ng6l9n6mym] {
    font-size: 15px;
    color: var(--muted);
}

/* ---------- 标题区 ---------- */
.dsg-hero[b-ng6l9n6mym] {
    background: linear-gradient(135deg, #1e3a8a, var(--primary));
    color: #fff;
    padding: 40px 20px 36px;
}

.dsg-hero h1[b-ng6l9n6mym] {
    font-size: 32px;
    margin-bottom: 8px;
}

.dsg-meta[b-ng6l9n6mym] {
    opacity: .9;
    font-size: 15px;
}

/* ---------- 表单区 ---------- */
.dsg-body[b-ng6l9n6mym] {
    padding: 40px 20px 72px;
}

.dsg-section[b-ng6l9n6mym] {
    margin-bottom: 28px;
}

.dsg-label[b-ng6l9n6mym] {
    display: block;
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 6px;
}

.dsg-title-input[b-ng6l9n6mym] {
    width: 100%;
    max-width: 720px;
    padding: 12px 16px;
    font-size: 18px;
    border: 1px solid var(--line);
    border-radius: 10px;
}

.dsg-input[b-ng6l9n6mym] {
    width: 100%;
    max-width: 720px;
    padding: 10px 14px;
    font-size: 15px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--ink);
    background: #fff;
}

.dsg-title-input:focus[b-ng6l9n6mym],
.dsg-input:focus[b-ng6l9n6mym] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.dsg-error[b-ng6l9n6mym] {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #b91c1c;
}

/* ---------- 题目卡片 ---------- */
.dsg-question[b-ng6l9n6mym] {
    margin-bottom: 20px;
    padding: 22px 24px;
}

.dsg-qhead[b-ng6l9n6mym] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.dsg-qnum[b-ng6l9n6mym] {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary);
}

.btn-sm[b-ng6l9n6mym] {
    padding: 5px 12px;
    font-size: 13px;
}

.dsg-row[b-ng6l9n6mym] {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-top: 14px;
}

.dsg-row select[b-ng6l9n6mym] {
    width: 200px;
}

.dsg-check[b-ng6l9n6mym] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--muted);
    padding-bottom: 11px;
    cursor: pointer;
}

.dsg-check input[b-ng6l9n6mym] {
    width: 16px;
    height: 16px;
}

.dsg-options[b-ng6l9n6mym] {
    margin-top: 14px;
}

.dsg-options-input[b-ng6l9n6mym] {
    max-width: 480px;
    resize: vertical;
    font-family: inherit;
}

.dsg-image[b-ng6l9n6mym] {
    margin-top: 14px;
}

.dsg-thumb[b-ng6l9n6mym] {
    display: block;
    max-width: 240px;
    max-height: 160px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 8px;
}

.dsg-file[b-ng6l9n6mym] {
    font-size: 14px;
    color: var(--muted);
}

/* ---------- 操作区 ---------- */
.dsg-actions[b-ng6l9n6mym] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

@media (max-width: 720px) {
    .dsg-row[b-ng6l9n6mym] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .dsg-row select[b-ng6l9n6mym] {
        width: 100%;
    }
}
/* /Pages/Index.cshtml.rz.scp.css */
/* ============================================================
   首页专有样式 —— Razor 作用域 CSS (Pages/Index.cshtml.css)
   ============================================================ */

/* ---------- 顶部导航 ---------- */
header.main-header[b-p486qfd6c5] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.navbar[b-p486qfd6c5] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.brand[b-p486qfd6c5] {
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
}

.brand span[b-p486qfd6c5] {
    color: var(--primary);
}

.nav-links[b-p486qfd6c5] {
    display: flex;
    gap: 24px;
}

.nav-links a[b-p486qfd6c5] {
    color: var(--muted);
    font-size: 15px;
}

.nav-links a:hover[b-p486qfd6c5] {
    color: var(--primary);
}

.nav-actions[b-p486qfd6c5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-user[b-p486qfd6c5] {
    font-size: 15px;
    color: var(--muted);
}

.nav-logout[b-p486qfd6c5] {
    margin: 0;
}

/* ---------- 主视觉 ---------- */
.hero[b-p486qfd6c5] {
    background: linear-gradient(135deg, #1e3a8a, var(--primary));
    color: #fff;
}

.hero-inner[b-p486qfd6c5] {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 48px;
    flex-wrap: wrap;
}

.hero-text[b-p486qfd6c5] {
    flex: 1 1 380px;
    min-width: 280px;
}

.hero-text h1[b-p486qfd6c5] {
    font-size: 42px;
    line-height: 1.25;
    margin-bottom: 18px;
}

.hero-text p[b-p486qfd6c5] {
    font-size: 18px;
    opacity: .92;
    margin-bottom: 28px;
    max-width: 560px;
}

.hero-actions[b-p486qfd6c5] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.btn-light[b-p486qfd6c5] {
    background: #fff;
    color: var(--primary);
}

.btn-light:hover[b-p486qfd6c5] {
    background: #e5e7eb;
}

.btn-ghost[b-p486qfd6c5] {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, .6);
}

.btn-ghost:hover[b-p486qfd6c5] {
    background: rgba(255, 255, 255, .12);
}

.hero-card[b-p486qfd6c5] {
    flex: 1 1 320px;
    min-width: 260px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 16px;
    padding: 28px;
    backdrop-filter: blur(4px);
}

.hero-card h3[b-p486qfd6c5] {
    font-size: 20px;
    margin-bottom: 10px;
}

.hero-card p[b-p486qfd6c5] {
    font-size: 15px;
    opacity: .9;
    margin-bottom: 0;
}

/* ---------- 使用流程 ---------- */
.steps .step[b-p486qfd6c5] {
    text-align: center;
    padding: 24px;
}

.step .num[b-p486qfd6c5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #eff6ff;
    color: var(--primary);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 14px;
}

.step h3[b-p486qfd6c5] {
    font-size: 18px;
    margin-bottom: 6px;
}

.step p[b-p486qfd6c5] {
    color: var(--muted);
    font-size: 15px;
}

/* ---------- CTA ---------- */
.cta[b-p486qfd6c5] {
    text-align: center;
}

.cta h2[b-p486qfd6c5] {
    font-size: 28px;
    margin-bottom: 10px;
}

.cta p[b-p486qfd6c5] {
    color: var(--muted);
    margin-bottom: 24px;
}

/* ---------- 页脚 ---------- */
footer[b-p486qfd6c5] {
    background: var(--ink);
    color: #d1d5db;
    padding: 20px;
    text-align: center;
    font-size: 14px;
}

footer .footnote[b-p486qfd6c5] {
    margin-top: 4px;
    color: #9ca3af;
}

/* ---------- 响应式 ---------- */
@media (max-width: 720px) {
    .hero-text h1[b-p486qfd6c5] {
        font-size: 32px;
    }

    .nav-links[b-p486qfd6c5] {
        display: none;
    }
}
/* /Pages/Login.cshtml.rz.scp.css */
/* ============================================================
   登录页样式 —— Razor 作用域 CSS (Pages/Login.cshtml.css)
   ============================================================ */

.login-wrap[b-azle2f159x] {
    max-width: 420px;
    margin: 0 auto;
    padding: 72px 20px 24px;
}

.login-card[b-azle2f159x] {
    padding: 32px 28px;
}

.login-title[b-azle2f159x] {
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.login-error[b-azle2f159x] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 14px;
}

.login-label[b-azle2f159x] {
    display: block;
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 6px;
}

.login-input[b-azle2f159x] {
    width: 100%;
    padding: 10px 14px;
    font-size: 15px;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 16px;
}

.login-input:focus[b-azle2f159x] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.login-submit[b-azle2f159x] {
    width: 100%;
    font-size: 16px;
}

.login-footer[b-azle2f159x] {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding-bottom: 48px;
}
/* /Pages/NotFound.cshtml.rz.scp.css */
/* ============================================================
   404 页面样式 —— Razor 作用域 CSS (Pages/NotFound.cshtml.css)
   ============================================================ */

.nf-wrap[b-k2ffci41kn] {
    max-width: 720px;
    margin: 0 auto;
    padding: 96px 20px;
    text-align: center;
}

.nf-code[b-k2ffci41kn] {
    font-size: 110px;
    font-weight: 700;
    line-height: 1;
    color: var(--primary);
    letter-spacing: 4px;
}

.nf-title[b-k2ffci41kn] {
    font-size: 28px;
    margin: 18px 0 10px;
}

.nf-desc[b-k2ffci41kn] {
    color: var(--muted);
    margin-bottom: 28px;
}
/* /Pages/Questioner.cshtml.rz.scp.css */
/* ============================================================
   问卷填写页样式 —— Razor 作用域 CSS (Pages/Questioner.cshtml.css)
   ============================================================ */

/* ---------- 顶部导航 ---------- */
header.main-header[b-tfax43ea0a] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid var(--line);
}

.navbar[b-tfax43ea0a] {
    max-width: 1080px;
    margin: 0 auto;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.brand[b-tfax43ea0a] {
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
}

.brand span[b-tfax43ea0a] {
    color: var(--primary);
}

.nav-links[b-tfax43ea0a] {
    display: flex;
    gap: 24px;
}

.nav-links a[b-tfax43ea0a] {
    color: var(--muted);
    font-size: 15px;
}

.nav-links a:hover[b-tfax43ea0a] {
    color: var(--primary);
}

.qer-user[b-tfax43ea0a] {
    color: var(--muted);
    font-size: 15px;
}

/* ---------- 标题区 ---------- */
.qer-hero[b-tfax43ea0a] {
    background: linear-gradient(135deg, #1e3a8a, var(--primary));
    color: #fff;
    padding: 48px 20px 40px;
}

.qer-hero h1[b-tfax43ea0a] {
    font-size: 34px;
    margin-bottom: 10px;
}

.qer-meta[b-tfax43ea0a] {
    opacity: .9;
    font-size: 15px;
}

/* ---------- 表单区 ---------- */
.qer-body[b-tfax43ea0a] {
    padding: 40px 20px 72px;
}

.qer-success[b-tfax43ea0a] {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #047857;
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 24px;
    font-size: 15px;
}

/* ---------- 提交成功页 ---------- */
.qer-done[b-tfax43ea0a] {
    max-width: 520px;
    margin: 24px auto 0;
    padding: 44px 32px;
    text-align: center;
}

.qer-done-icon[b-tfax43ea0a] {
    font-size: 52px;
    margin-bottom: 16px;
}

.qer-done h2[b-tfax43ea0a] {
    font-size: 26px;
    margin-bottom: 10px;
}

.qer-done p[b-tfax43ea0a] {
    color: var(--muted);
    margin-bottom: 22px;
}

.qer-empty[b-tfax43ea0a] {
    color: var(--muted);
    text-align: center;
}

.qer-list[b-tfax43ea0a] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.qer-item[b-tfax43ea0a] {
    border-left: 4px solid var(--primary) !important;
}

.qer-item-head[b-tfax43ea0a] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.qer-num[b-tfax43ea0a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eff6ff;
    color: var(--primary);
    font-size: 14px;
    font-weight: 700;
}

.qer-type[b-tfax43ea0a] {
    font-size: 13px;
    color: var(--primary);
    background: #eff6ff;
    border-radius: 999px;
    padding: 2px 10px;
}

.qer-flag[b-tfax43ea0a] {
    font-size: 13px;
    color: var(--muted);
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 2px 10px;
}

.qer-title[b-tfax43ea0a] {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 12px;
}

.qer-image[b-tfax43ea0a] {
    display: block;
    max-width: 480px;
    max-height: 320px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 14px;
}

.qer-input[b-tfax43ea0a] {
    width: 100%;
    max-width: 480px;
    padding: 10px 14px;
    font-size: 15px;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--ink);
}

.qer-input:focus[b-tfax43ea0a] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.qer-options[b-tfax43ea0a] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.qer-check[b-tfax43ea0a] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    cursor: pointer;
}

.qer-check input[b-tfax43ea0a] {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.qer-hint[b-tfax43ea0a] {
    color: var(--muted);
    font-size: 14px;
}

.qer-actions[b-tfax43ea0a] {
    margin-top: 28px;
    text-align: center;
}

/* ---------- 页脚 ---------- */
footer[b-tfax43ea0a] {
    background: var(--ink);
    color: #d1d5db;
    padding: 20px;
    text-align: center;
    font-size: 14px;
}

footer .footnote[b-tfax43ea0a] {
    margin-top: 4px;
    color: #9ca3af;
}
/* /Pages/Register.cshtml.rz.scp.css */
/* ============================================================
   注册页样式 —— Razor 作用域 CSS (Pages/Register.cshtml.css)
   ============================================================ */

.login-wrap[b-6nf0ua9o4l] {
    max-width: 420px;
    margin: 0 auto;
    padding: 72px 20px 24px;
}

.login-card[b-6nf0ua9o4l] {
    padding: 32px 28px;
}

.login-title[b-6nf0ua9o4l] {
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.login-error[b-6nf0ua9o4l] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 14px;
}

.login-label[b-6nf0ua9o4l] {
    display: block;
    font-size: 14px;
    color: var(--muted);
    margin-bottom: 6px;
}

.login-input[b-6nf0ua9o4l] {
    width: 100%;
    padding: 10px 14px;
    font-size: 15px;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 16px;
}

.login-input:focus[b-6nf0ua9o4l] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.login-submit[b-6nf0ua9o4l] {
    width: 100%;
    font-size: 16px;
}

.login-footer[b-6nf0ua9o4l] {
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding-bottom: 48px;
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-mq6kfl2b01] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-mq6kfl2b01] {
  color: #0077cc;
}

.btn-primary[b-mq6kfl2b01] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-mq6kfl2b01], .nav-pills .show > .nav-link[b-mq6kfl2b01] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-mq6kfl2b01] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-mq6kfl2b01] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-mq6kfl2b01] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-mq6kfl2b01] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-mq6kfl2b01] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}