/* Parameter settings keep the existing fields in a single consistent workspace. */
.tt-watermark-preview { position:relative; max-width:440px; overflow:hidden; padding:20px; border:1px solid var(--tt-border); border-radius:8px; background:#fff; color:#344054; }
.tt-watermark-preview-question > span { padding:3px 8px; border-radius:4px; color:#5677fc; background:#eef2ff; font-size:12px; }
.tt-watermark-preview-question > p { margin:14px 0 12px; font-size:15px; font-weight:500; }
.tt-watermark-preview-question > div { margin-top:8px; padding:9px 12px; border:1px solid #e8edf3; border-radius:6px; font-size:13px; }
.tt-watermark-preview-layer { position:absolute; inset:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); pointer-events:none; user-select:none; }
.tt-watermark-preview-mark { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:6px; opacity:.12; transform:rotate(-22deg); text-align:center; font-size:12px; line-height:18px; }
.tt-watermark-preview-mark img { width:82px; height:36px; object-fit:contain; }
.tt-watermark-preview-mark small { display:block; margin-top:3px; font-size:11px; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace > .panel-body { padding:24px; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace #myTabContent > .tab-pane.active { display:block; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form { width:100%; max-width:none; margin:0; padding:0; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-grid,
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-fields,
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-sections { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .form-group:not(.layer-footer) { display:block; min-width:0; margin:0; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .form-group > .control-label { float:none; display:block; width:100%; padding:0 0 8px; color:var(--tt-text); text-align:left; font-size:14px; font-weight:500; line-height:22px; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .form-group > div[class*="col-"] { float:none; width:100%; max-width:none; min-width:0; padding:0; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .form-group::before,
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .form-group::after { display:none; }
.tt-config-workspace .tt-config-wide,
.tt-config-workspace .tt-config-grid > .layer-footer { grid-column:1 / -1; }
.tt-config-workspace .tt-config-form > input[type="hidden"] { display:none; }
.tt-config-workspace .tt-config-basics { padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid var(--tt-border); }
.tt-config-workspace .tt-config-basics h2 { margin:0 0 20px; color:var(--tt-heading); font-size:16px; font-weight:600; line-height:24px; }
.tt-config-workspace .tt-config-sections { gap:20px; }
.tt-config-workspace .tt-config-sections > .row { min-width:0; margin:0; }
.tt-config-workspace .tt-config-sections > .row > .col-sm-1 { display:none; }
.tt-config-workspace .tt-config-sections > .row > .col-sm-10 { float:none; width:100%; padding:0; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-sections .panel { display:block; width:100%; max-width:none; margin:0; border-radius:8px; box-shadow:none; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-sections .panel > .panel-heading { padding:15px 20px; color:var(--tt-heading); background:#fafbfc; font-size:15px; font-weight:500; line-height:22px; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-sections .panel > .panel-body { display:grid; gap:20px; padding:20px; }
.tt-config-workspace #page_my_follow_mp_btn-1 > .form-group + .form-group { margin-top:20px; }
.tt-config-workspace .tt-config-form .help-block,
.tt-config-workspace .tt-config-form .info-text { display:block; max-width:100%; margin:8px 0 0; color:var(--tt-muted); font-size:13px; line-height:22px; }
.tt-config-workspace .tt-config-form .info-text a { white-space:normal; }
.tt-config-workspace .tt-config-form .radio { max-width:100%; }
.tt-config-workspace .tt-config-form .radio label { white-space:normal; text-align:left; }
.tt-config-workspace .tt-config-notice { margin:0 0 24px; padding:12px 16px; font-size:13px; line-height:22px; }
.tt-config-workspace .tt-config-actions { margin:24px 0 0; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .layer-footer { position:static; display:block; width:100%; margin:4px 0 0; padding:20px 0 0; border-top:1px solid var(--tt-border); background:transparent; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .layer-footer > .control-label { display:none; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace form.tt-config-form .layer-footer > div { display:flex; justify-content:flex-start; gap:10px; width:100%; padding:0; }
.tt-config-workspace .tt-config-form .layer-footer .btn { min-width:84px; margin:0; }
.tt-config-workspace #vm_pay_config { grid-column:1 / -1; margin:0; padding:20px; border:1px solid var(--tt-border); border-radius:8px; background:#f9f9f9; box-shadow:none; }
.tt-config-workspace #vm_pay_config > h4 { margin:0 0 20px; color:var(--tt-heading); font-size:15px; font-weight:500; line-height:24px; }
@media (max-width:800px) {
    :is(body.inside-aside, body.inside-header) .tt-config-workspace > .panel-body { padding:20px; }
    :is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-grid,
    :is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-fields,
    :is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-config-sections { grid-template-columns:minmax(0,1fr); gap:20px; }
}

/* Brand and entry settings use the same compact white workspace as other forms. */
.tt-entry-section { margin-top:28px; padding-top:24px; border-top:1px solid var(--tt-border); }
.tt-entry-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.tt-entry-heading h3 { margin:0 0 6px; font-size:16px; font-weight:600; color:var(--tt-heading); }
.tt-entry-heading p,.tt-entry-info p { margin:0; color:var(--tt-muted); font-size:13px; line-height:22px; }
.tt-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tt-entry-card { display:flex; align-items:center; gap:20px; min-width:0; padding:20px; border:1px solid var(--tt-border); border-radius:8px; background:#fff; }
.tt-entry-image { display:flex; align-items:center; justify-content:center; flex:0 0 148px; width:148px; height:148px; color:var(--tt-muted); font-size:13px; background:#f9f9f9; border-radius:6px; }
.tt-entry-image img { width:148px; height:148px; object-fit:contain; border-radius:4px; }
.tt-entry-info { min-width:0; }
.tt-entry-info h4 { margin:0 0 6px; color:var(--tt-heading); font-size:15px; font-weight:600; }
.tt-entry-info .btn { margin-top:12px; }
.tt-entry-url { display:block; margin-top:8px; word-break:break-all; font-size:12px; line-height:20px; }
.tt-entry-info .tt-entry-error { color:#b45309; margin-top:8px; }
.tt-entry-section [hidden] { display:none !important; }
@media (max-width:1100px) { .tt-entry-grid { grid-template-columns:minmax(0,1fr); } }
@media (max-width:520px) { .tt-entry-card { align-items:flex-start; flex-direction:column; } .tt-entry-heading { align-items:flex-start; } }

.tt-entry-info { display:flex; flex-direction:column; align-items:flex-start; min-height:148px; }
.tt-entry-info .btn { margin-top:auto; }
.tt-entry-info .tt-entry-error:empty { display:none; }
.tt-entry-info .tt-entry-url { margin-bottom:12px; }
.tt-entry-jump { width:100%; min-width:0; margin:16px 0; padding-top:16px; border-top:1px solid var(--tt-border); text-align:left; }
.tt-entry-jump h4 { margin:0 0 5px; font-size:13px; line-height:20px; }
.tt-entry-jump .tt-entry-jump-help { margin-bottom:14px; font-size:12px; line-height:20px; }
.tt-entry-field + .tt-entry-field { margin-top:12px; }
.tt-entry-field-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
.tt-entry-field-head label { margin:0; color:var(--tt-muted); font-size:12px; font-weight:400; line-height:20px; }
.tt-entry-copy { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-width:52px; min-height:32px; margin:0; padding:5px 11px; border:1px solid var(--tt-border); border-radius:6px; color:var(--tt-text); background:#fff; font-family:inherit; font-size:13px; line-height:20px; box-shadow:none; cursor:pointer; }
.tt-entry-copy:hover,.tt-entry-copy:focus { color:var(--tt-primary); border-color:#bbc3d2; background:#f5f7fa; }
.tt-entry-value { display:block; width:100%; min-width:0; height:36px; padding:7px 10px; border:1px solid var(--tt-border); border-radius:6px; color:var(--tt-text); background:#f9f9f9; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:20px; box-shadow:none; }
.tt-entry-value:focus { border-color:var(--tt-primary); outline:2px solid #dde2eb; outline-offset:1px; }
.tt-entry-path { height:56px; resize:vertical; overflow-wrap:anywhere; word-break:break-all; }
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-image-control:has(#c-share_image) { grid-template-columns:100px minmax(0,1fr); }
:is(body.inside-aside, body.inside-header) .tt-config-workspace .tt-image-control:has(#c-share_image) :is(.tt-image-placeholder,.plupload-preview,.plupload-preview li,.plupload-preview li a,.plupload-preview img) { width:100px; height:80px; }

/* The practice settings reuse the parameter editor's scale and save controls. */
.tt-config-workspace .tt-ai-practice-intro { display:flex; align-items:center; gap:16px; margin-bottom:4px; padding-bottom:24px; border-bottom:1px solid var(--tt-border); }
.tt-ai-practice-mark { display:flex; align-items:center; justify-content:center; flex:0 0 44px; height:44px; border-radius:10px; background:#eef0f5; color:#2b487b; font-size:20px; }
.tt-ai-practice-intro h3 { margin:0 0 6px; color:var(--tt-heading); font-size:17px; font-weight:600; line-height:24px; }
.tt-ai-practice-intro p { margin:0; color:var(--tt-muted); font-size:13px; line-height:22px; }
#ai-practice-config-form .input-group.tt-ai-practice-count { width:280px !important; max-width:100%; }
.tt-ai-practice-guide { display:grid; gap:16px; padding:20px; border:1px solid var(--tt-border); border-radius:8px; background:#fafbfc; }
.tt-ai-practice-guide > div { display:flex; align-items:baseline; gap:24px; }
.tt-ai-practice-guide span { flex:0 0 70px; color:var(--tt-text); font-size:13px; font-weight:500; }
.tt-ai-practice-guide p { margin:0; color:var(--tt-muted); font-size:13px; line-height:22px; }
.tt-ai-practice-guide a { color:#2b487b; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:480px) { .tt-ai-practice-guide > div { display:block; } .tt-ai-practice-guide p { margin-top:4px; } }

/* Layui adapter: the reference configuration form uses vertical labels and one full-width column. */
body.hr-admin.hr-settings .layui-card { border-radius:12px; box-shadow:0 2px 10px #15223806; }
body.hr-admin.hr-settings .layui-card-body { padding:24px; }
body.hr-admin.hr-settings .layui-card-header { padding:15px 20px; min-height:54px; }
body.hr-admin.hr-settings .layui-form { width:100%; max-width:none; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0; background:transparent; }
body.hr-admin.hr-settings .layui-form-item { display:block; min-width:0; margin:0 0 20px; }
body.hr-admin.hr-settings .layui-form-item::before,body.hr-admin.hr-settings .layui-form-item::after { display:none; }
body.hr-admin.hr-settings .layui-form-item > .layui-form-label { float:none; display:block; width:100% !important; padding:0 0 8px !important; margin:0; color:var(--tt-text); font-size:14px; font-weight:500; line-height:22px; text-align:left; background:transparent; border:0; }
body.hr-admin.hr-settings .layui-form-item > .layui-input-block { float:none; width:100%; max-width:none; min-width:0; min-height:0; padding:0; margin-left:0 !important; }
body.hr-admin.hr-settings :is(.layui-input,.layui-select) { height:40px !important; min-height:40px; padding:8px 11px; }
body.hr-admin.hr-settings .layui-form-item > .layui-form-label:empty { display:none; }
body.hr-admin.hr-settings .layui-form-item > .layui-form-mid,body.hr-admin.hr-settings .layui-input-block > .layui-form-mid,body.hr-admin.hr-settings .help-block { display:block; float:none; width:100%; max-width:100%; padding:0 !important; margin:8px 0 0; color:var(--tt-muted); font-size:13px; line-height:22px; }
body.hr-admin.hr-settings .layui-inline { display:block; width:100%; margin:0; }
body.hr-admin.hr-settings .layui-col-md8 { float:none; width:100%; }
body.hr-admin.hr-settings .layui-tab-card { height:auto !important; border:0; box-shadow:none; }
body.hr-admin.hr-settings .layui-tab-card > .layui-tab-title { margin:-24px -24px 0; padding:0 20px; background:#fff; border-radius:11px 11px 0 0; }
body.hr-admin.hr-settings .layui-tab-card > .layui-tab-title > li { min-width:0; margin:0 28px 0 0; padding:17px 0 16px; min-height:56px; line-height:22px; }
body.hr-admin.hr-settings .layui-tab-card > .layui-tab-title > li:last-child { margin-right:0; }
body.hr-admin.hr-settings .layui-tab-card > .layui-tab-title > .layui-this { color:#1d3867; background:transparent; font-weight:600; }
body.hr-admin.hr-settings .layui-tab-card > .layui-tab-title > .layui-this::after { border-radius:2px; background:#1e407a; }
body.hr-admin.hr-settings .layui-tab-content { height:auto !important; padding:24px; }
body.hr-admin.hr-settings .layui-card-body .layui-tab-content { padding:24px 0 0; }
body.hr-admin.hr-settings .layui-card-body .layui-tab:not(.layui-tab-card) > .layui-tab-title { padding:0; }
body.hr-admin.hr-settings .layui-tab-item { min-width:0; }
body.hr-admin.hr-settings .hr-settings-heading { margin:24px 0 20px; padding-top:24px; border-top:1px solid var(--tt-border); color:var(--tt-heading); font-size:16px; font-weight:600; line-height:24px; }
body.hr-admin.hr-settings .hr-settings-heading:first-child { margin-top:0; padding-top:0; border-top:0; }
body.hr-admin.hr-settings .layui-elem-quote { margin:24px 0 20px; padding:24px 0 0; border:0; border-top:1px solid var(--tt-border); background:transparent; color:var(--tt-heading); font-size:16px; font-weight:600; line-height:24px; }
body.hr-admin.hr-settings hr { height:1px; margin:24px 0; background:var(--tt-border) !important; }
body.hr-admin.hr-settings .hr-settings-actions,body.hr-admin.hr-settings .hr-form-actions { position:static; display:block; width:100%; padding:20px 0 0; margin:24px 0 0; border-top:1px solid var(--tt-border); background:transparent; }
body.hr-admin.hr-settings .hr-settings-actions > .layui-form-label,body.hr-admin.hr-settings .hr-form-actions > .layui-form-label { display:none; }
body.hr-admin.hr-settings :is(.hr-settings-actions,.hr-form-actions) > .layui-input-block { display:flex; justify-content:flex-start; gap:10px; width:100%; max-width:none; margin:0 !important; }
body.hr-admin.hr-settings :is(.hr-settings-actions,.hr-form-actions) .layui-btn { min-width:84px; margin:0; }
body.hr-admin.hr-settings .hr-settings-notice { margin:0 0 24px; padding:12px 16px; border:1px solid var(--tt-border); border-radius:8px; background:#f9f9f9; color:var(--tt-muted); font-size:13px; line-height:22px; }
body.hr-admin.hr-settings .hr-ios-price { margin-top:12px; }
body.hr-admin.hr-settings .hr-ios-price > label { display:block; padding:0 0 8px; color:var(--tt-muted); font-size:13px; }
body.hr-admin.hr-settings .hr-ios-price + br,body.hr-admin.hr-settings .layui-input-block > br { display:none; }
body.hr-admin.hr-settings #myTabContent { margin:0 !important; }
body.hr-admin.hr-settings :is(#des,#privacy) { width:100% !important; }
body.hr-admin.hr-settings .edui-editor { max-width:100%; }
body.hr-admin.hr-settings .hr-theme-control { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
body.hr-admin.hr-settings .hr-theme-control > .layui-inline { flex:0 0 auto; width:auto; }
body.hr-admin.hr-settings .hr-theme-control .layui-colorpicker { width:40px; height:40px; padding:5px; border:1px solid var(--tt-input-border); border-radius:7px; }
body.hr-admin.hr-settings .hr-theme-control .layui-colorpicker-trigger-bg { border-radius:4px; }
body.hr-admin.hr-settings .hr-theme-value { color:var(--tt-text); font:14px/22px ui-monospace,SFMono-Regular,Consolas,monospace; }
body.hr-admin.hr-settings .hr-theme-help { display:flex; align-items:center; gap:10px; margin-top:10px; color:var(--tt-muted); font-size:13px; }
body.hr-admin.hr-settings .hr-settings-actions:last-child { margin-bottom:0; }
body.hr-admin.hr-settings .tt-entry-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; }
body.hr-admin.hr-settings .tt-entry-fields .tt-entry-field { margin:0; }
body.hr-admin.hr-settings .tt-entry-card .tt-entry-info { flex:1; }
body.hr-admin.hr-settings #qrcodes { width:148px; height:148px; }
body.hr-admin.hr-settings #qrcodes canvas { display:block; width:148px; height:148px; }
@media(max-width:800px) { body.hr-admin.hr-settings .layui-card-body,body.hr-admin.hr-settings .layui-tab-content { padding:20px; } body.hr-admin.hr-settings .layui-tab-card > .layui-tab-title { margin:-20px -20px 0; } }

/* Match the reference's segmented radio choices without changing submitted inputs. */
/* 单选：去掉外层容器，选项之间用间距区分 */
body.hr-settings .layui-input-block:has(> input[type=radio]) { display:flex; flex-wrap:wrap; align-items:center; gap:22px; width:auto; max-width:100%; padding:0; border:0; border-radius:0; background:transparent; }
body.hr-settings .layui-input-block > .layui-form-radio { display:inline-flex; align-items:center; gap:8px; min-width:0; min-height:0; margin:0; padding:2px 0; color:#5a6372; border:0; border-radius:0; background:transparent; line-height:22px; cursor:pointer; }
body.hr-settings .layui-input-block > .layui-form-radio > i { margin:0; font-size:18px; color:#c3c7cf; transition:color .15s ease; }
body.hr-settings .layui-input-block > .layui-form-radio > div { color:#5a6372; font-size:14px; }
body.hr-settings .layui-input-block > .layui-form-radio:hover > i { color:#1e407a; }
body.hr-settings .layui-input-block > .layui-form-radioed { color:#1e407a; border:0; background:transparent; box-shadow:none; }
body.hr-settings .layui-input-block > .layui-form-radioed > i { color:#1e407a; }
body.hr-settings .layui-input-block > .layui-form-radioed > div { color:#1e407a; font-weight:500; }

body.hr-settings .hr-connection-card { display:flex; flex-direction:column; gap:12px; min-width:0; padding:24px; border:1px solid var(--tt-border); border-radius:12px; background:#fff; }
body.hr-settings .hr-connection-card h2 { margin:0; color:var(--tt-heading); font-size:16px; font-weight:600; line-height:24px; }
body.hr-settings .hr-connection-card p { min-height:44px; margin:0; color:var(--tt-muted); font-size:13px; line-height:22px; }
body.hr-settings .hr-connection-card label { margin:0; color:var(--tt-muted); font-size:13px; font-weight:400; }
body.hr-settings .hr-connection-card .tt-entry-value { height:40px; padding:8px 11px; font-size:13px; }
body.hr-settings .hr-connection-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:auto; padding-top:4px; }
body.hr-settings .hr-connection-actions .layui-btn { margin:0; }

/* 主题色选择面板：输入框与清空/确定按钮保持同一行 */
body.hr-settings .layui-colorpicker-main { width: 320px !important; }
body.hr-settings .layui-colorpicker-main-input { display: flex; align-items: center; justify-content: flex-end; gap: 10px; white-space: nowrap; text-align: left; padding-top: 10px; }
body.hr-settings .layui-colorpicker-main-input > .layui-inline { float: none !important; margin: 0 !important; flex: 1 1 auto; min-width: 0; }
body.hr-settings .layui-colorpicker-main-input .layui-input { width: 100% !important; }
body.hr-settings .layui-colorpicker-main-input > .layui-btn-container { float: none !important; flex: 0 0 auto; display: flex; align-items: center; }
body.hr-settings .layui-colorpicker-main-input > .layui-btn-container .layui-btn { margin: 0 !important; }
body.hr-settings .layui-colorpicker-main-input > .layui-btn-container .layui-btn + .layui-btn { margin-left: 8px !important; }

/* 带单位输入框：输入框与 % / 元 等单位合并为一体化控件 */
body.hr-settings .hr-input-unit { display:flex; align-items:stretch; width:100%; max-width:100%; }
body.hr-settings .hr-input-unit > .layui-input { flex:1 1 0; width:auto !important; min-width:0; height:40px !important; border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; }
body.hr-settings .hr-input-unit > .layui-input:focus { position:relative; z-index:1; }
body.hr-settings .hr-input-unit > .hr-unit { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-width:46px; padding:0 12px; border:1px solid var(--tt-input-border,#dcdee3); border-left:0; border-radius:0 6px 6px 0; background:#f4f4f4; color:#5b6474; font-size:14px; line-height:1; white-space:nowrap; }