/* 2026-10-20 创意大师 · 共用 Tab / 爆款文案页 */
.studio-tabbar { display: flex; justify-content: center; margin: 18px auto 6px; }
.studio-tabs { display: inline-flex; gap: 3px; background: var(--hover); padding: 3px; border-radius: var(--r-xl); }
.studio-tab { padding: 8px 22px; border-radius: var(--r-lg); font-size: var(--fs-sm); font-weight: 600; color: var(--tx2); text-decoration: none; white-space: nowrap; }
.studio-tab:hover { color: var(--tx1); }
.studio-tab.active { background: var(--surface); color: var(--tx1); box-shadow: var(--hairline), var(--sh-1); }
@media (max-width: 640px) { .studio-tabbar { margin: 14px 0 4px; } .studio-tabs { width: 100%; } .studio-tab { flex: 1; text-align: center; padding: 8px 10px; } }

/* ── 爆款文案页 ── */
.sc-page { max-width: 1060px; margin: 0 auto; padding: 40px 24px 72px; }
.sc-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.sc-head h1 { margin: 0; }
.sc-subtabs { display: inline-flex; gap: 4px; background: var(--hover); padding: 3px; border-radius: var(--r-xl); margin: 18px 0 20px; }
.sc-subtab { padding: 7px 18px; border: 0; border-radius: var(--r-lg); background: transparent; color: var(--tx2); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; font-family: var(--f-ui); }
.sc-subtab.active { background: var(--surface); color: var(--tx1); box-shadow: var(--hairline), var(--sh-1); }
.sc-contextbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; padding: 12px 16px; background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); }
.sc-contextbar label { font-size: var(--fs-xs); color: var(--tx3); white-space: nowrap; }
.sc-contextbar select { flex: 1 1 260px; min-width: 0; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--tx1); font-size: var(--fs-sm); font-family: var(--f-ui); }
.sc-hint { font-size: var(--fs-xs); color: var(--tx3); line-height: 1.6; }

.sc-modules { display: grid; grid-template-columns: repeat(auto-fill, minmax(236px, 1fr)); gap: 14px; }
.sc-mod { position: relative; background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 18px 18px 16px; cursor: pointer; transition: border-color .18s, transform .18s, background .18s; }
.sc-mod:hover { border-color: var(--brand-soft-border); background: var(--bg); transform: translateY(-2px); }
.sc-mod-top { display: flex; align-items: center; gap: 12px; }
.sc-mod-ic { width: 46px; height: 46px; border-radius: 14px; background: var(--brand-soft); border: 1px solid var(--brand-soft-border); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.sc-mod-tt { min-width: 0; }
.sc-mod-tt b { display: block; font-size: .98rem; font-family: var(--serif); }
.sc-mod-tt span { display: block; font-size: var(--fs-xs); color: var(--tx3); margin-top: 2px; }
.sc-mod-ds { margin-top: 12px; font-size: var(--fs-xs); color: var(--tx3); line-height: 1.7; min-height: 36px; }
.sc-mod-badge { position: absolute; right: 14px; top: 14px; font-size: .66rem; font-weight: 700; color: var(--brand); background: var(--brand-soft); border: 1px solid var(--brand-soft-border); border-radius: 999px; padding: 3px 9px; }

.sc-wizard { margin-top: 18px; background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 22px; }
.sc-wizard-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.sc-wizard-head h2 { font-size: 1.12rem; margin: 0; font-family: var(--serif); }
.sc-wizard-head .sc-back { border: 0; background: transparent; color: var(--tx2); cursor: pointer; font-size: var(--fs-sm); padding: 6px 0; }
.sc-steps { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.sc-step { font-size: var(--fs-xs); color: var(--tx3); background: var(--hover); border-radius: 999px; padding: 5px 11px; }
.sc-step.on { color: var(--brand); background: var(--brand-soft); font-weight: 700; }
.sc-sec-title { font-size: var(--fs-sm); font-weight: 700; color: var(--tx1); margin: 4px 0 4px; }
.sc-sec-sub { font-size: var(--fs-xs); color: var(--tx3); margin-bottom: 12px; line-height: 1.7; }
.sc-openings { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sc-opening { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); cursor: pointer; transition: border-color .15s, background .15s; }
.sc-opening:hover { border-color: var(--brand-soft-border); }
.sc-opening.sel { border-color: var(--brand); background: var(--brand-soft); }
.sc-opening .no { font-size: var(--fs-xs); color: var(--tx3); flex-shrink: 0; padding-top: 2px; }
.sc-opening .tx { font-size: var(--fs-sm); line-height: 1.75; color: var(--tx1); }
.sc-opening.sel .tx { color: var(--brand-ink); }
.sc-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-chip { padding: 8px 14px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--tx2); font-size: var(--fs-xs); cursor: pointer; transition: all .15s; font-family: var(--f-ui); }
.sc-chip:hover { border-color: var(--brand-soft-border); color: var(--brand); }
.sc-chip.sel { background: var(--brand); border-color: var(--brand); color: #fff; font-weight: 700; }
.sc-auto { display: inline-flex; align-items: center; gap: 7px; font-size: var(--fs-xs); color: var(--tx2); cursor: pointer; padding: 6px 0; }
.sc-auto input { width: 16px !important; height: 16px !important; margin: 0; }
.sc-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.sc-row label { font-size: var(--fs-xs); color: var(--tx3); }
.sc-input, .sc-textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--tx1); font-size: var(--fs-sm); font-family: var(--f-ui); }
.sc-textarea { min-height: 76px; resize: vertical; line-height: 1.7; }
.sc-actions { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; }
.sc-actions .right { display: flex; gap: 10px; }
.sc-primary { border: 0; border-radius: 12px; padding: 11px 24px; background: var(--btn-bg); color: var(--btn-tx); font-weight: 700; cursor: pointer; font-family: var(--f-ui); }
.sc-primary:disabled { background: var(--border-strong); cursor: wait; }
.sc-secondary { border: 1px solid var(--border); border-radius: 12px; padding: 10px 18px; background: var(--surface); color: var(--tx1); font-weight: 600; cursor: pointer; font-family: var(--f-ui); }
.sc-link { color: var(--brand); cursor: pointer; text-decoration: underline; font-size: var(--fs-xs); }

.sc-result { margin-top: 18px; }
.sc-result-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 22px; }
.sc-result-title { font-family: var(--serif); font-size: 1.15rem; font-weight: 800; margin-bottom: 12px; }
.sc-result-label { font-size: var(--fs-xs); color: var(--tx3); margin-top: 12px; }
.sc-result-text { white-space: pre-wrap; word-break: break-word; font-size: .9rem; line-height: 1.85; color: var(--tx1); margin-top: 4px; }
.sc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.sc-tag { font-size: var(--fs-xs); color: var(--brand); background: var(--brand-soft); border-radius: 999px; padding: 3px 9px; }
.sc-result-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 18px; }
.sc-note { font-size: var(--fs-xs); color: var(--tx3); line-height: 1.7; margin-top: 10px; }

.sc-history { margin-top: 26px; }
.sc-history h3 { font-size: var(--fs-sm); margin-bottom: 10px; }
.sc-hitem { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--border); cursor: pointer; }
.sc-hitem:hover { background: var(--hover); }
.sc-hitem .t { min-width: 0; }
.sc-hitem .t b { display: block; font-size: var(--fs-sm); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-hitem .t span { display: block; font-size: var(--fs-xs); color: var(--tx3); margin-top: 2px; }
.sc-hitem .acts { display: flex; gap: 6px; flex-shrink: 0; }

.sc-video-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 22px; }
.sc-video-card h2 { font-family: var(--serif); font-size: 1.1rem; margin: 0 0 6px; }
.sc-url { width: 100%; min-height: 84px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--tx1); font-size: var(--fs-sm); font-family: var(--f-ui); line-height: 1.7; resize: vertical; }
.sc-mode { display: flex; gap: 18px; flex-wrap: wrap; margin: 14px 0; }
.sc-mode label { display: inline-flex; align-items: center; gap: 7px; font-size: var(--fs-xs); color: var(--tx2); cursor: pointer; }
.sc-mode input { width: 16px !important; height: 16px !important; margin: 0; }
.sc-upload-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.sc-progress { margin-top: 18px; background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 20px; }
.sc-pbar { height: 8px; background: var(--hover); border-radius: 999px; overflow: hidden; margin: 12px 0; }
.sc-pbar i { display: block; height: 100%; width: 0; background: var(--brand); border-radius: 999px; transition: width .4s ease; }
.sc-psteps { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.sc-pstep { display: flex; align-items: center; gap: 8px; font-size: var(--fs-xs); color: var(--tx3); }
.sc-pstep.on { color: var(--brand); font-weight: 700; }
.sc-pstep.done { color: var(--tx2); }
.sc-pdot { width: 8px; height: 8px; border-radius: 50%; background: var(--border-strong); flex-shrink: 0; }
.sc-pstep.on .sc-pdot { background: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.sc-pstep.done .sc-pdot { background: var(--tx3); }

.sc-video-result { margin-top: 18px; }
.sc-video-meta { display: flex; gap: 14px; flex-wrap: wrap; font-size: var(--fs-xs); color: var(--tx3); margin: 8px 0 14px; }
.sc-video-player { width: 100%; max-height: 520px; background: #000; border-radius: 14px; display: block; }
.sc-report { margin-top: 18px; }
.sc-report-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 20px; margin-bottom: 14px; }
.sc-report-card h3 { font-family: var(--serif); font-size: 1.02rem; margin: 0 0 10px; }
.sc-report-card h4 { font-size: var(--fs-sm); margin: 14px 0 6px; }
.sc-report-card p, .sc-report-card li { font-size: var(--fs-sm); line-height: 1.8; color: var(--tx1); }
.sc-report-card ul { padding-left: 20px; margin: 4px 0; }
.sc-seg-wrap { overflow-x: auto; }
.sc-seg { width: 100%; border-collapse: collapse; font-size: var(--fs-xs); min-width: 680px; }
.sc-seg th, .sc-seg td { border-bottom: 1px solid var(--border); padding: 9px 8px; text-align: left; vertical-align: top; line-height: 1.65; }
.sc-seg th { color: var(--tx3); font-weight: 600; background: var(--hover); }
.sc-seg td.time { white-space: nowrap; color: var(--tx3); }
.sc-transcript { max-height: 300px; overflow: auto; border: 1px solid var(--border); border-radius: 12px; padding: 12px; background: var(--bg-sub); }
.sc-transcript p { font-size: var(--fs-sm); line-height: 1.8; margin: 4px 0; }
.sc-transcript .ts { color: var(--tx3); font-size: var(--fs-xs); margin-right: 8px; }
.sc-rewrite { margin-top: 18px; background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 20px; }

@media (max-width: 640px) {
  .sc-page { padding: 20px 16px 64px; }
  .sc-modules { grid-template-columns: 1fr; }
  .sc-openings { grid-template-columns: 1fr; }
  .sc-result-card, .sc-wizard, .sc-video-card, .sc-report-card, .sc-progress, .sc-rewrite { padding: 16px; }
  .sc-video-player { max-height: 360px; }
}

/* ── 2026-10-20 爆款文案 / 爆款拆解：复用爆款制作卡片墙视觉 ── */
.sc-hero { text-align: center; padding: 30px 20px 6px; }
.sc-hero .seal {
  width: 72px; height: 72px; border-radius: 20px; margin: 0 auto 18px;
  background: var(--brand-soft); border: 1px solid var(--brand-soft-border);
  display: flex; align-items: center; justify-content: center; color: var(--brand);
  font-size: 34px; line-height: 1;
}
.sc-hero .seal svg { width: 34px; height: 34px; }
.sc-hero h1 { font-family: var(--serif); font-weight: 900; font-size: 2rem; letter-spacing: .01em; }
.sc-hero-module { padding-top: 10px; }
.sc-hero p { color: var(--ink-2); font-size: .92rem; margin-top: 10px; }

.fg { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; margin-top: 32px; }
.fcard {
  position: relative; background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 22px 22px 20px; text-decoration: none; color: inherit; cursor: pointer;
  transition: border-color var(--t), background var(--t), transform var(--t);
}
.fcard:hover { border-color: var(--brand-soft-border); background: var(--bg); transform: translateY(-2px); }
.fc-top { display: flex; align-items: center; gap: 13px; }
.fc-ic {
  width: 48px; height: 48px; border-radius: 14px; background: var(--brand-soft);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  border: 1px solid var(--brand-soft-border); color: var(--brand); transition: all var(--t);
}
.fc-ic-emoji { font-size: 24px; line-height: 1; }
.fcard:hover .fc-ic { background: var(--brand); color: #fff; border-color: var(--brand); }
.fc-tt { min-width: 0; }
.fc-tt b { display: block; font-size: 1rem; font-weight: 700; font-family: var(--serif); }
.fc-sub { display: block; font-size: var(--fs-xs); color: var(--tx3); margin-top: 2px; }
.fc-ds { margin-top: 12px; font-size: .82rem; color: var(--ink-3); line-height: 1.65; min-height: 40px; }
.fc-arrow { position: absolute; right: 18px; top: 24px; color: var(--border-strong); transition: all var(--t); }
.fcard:hover .fc-arrow { color: var(--brand); transform: translateX(3px); }
.fc-arrow svg { width: 15px; height: 15px; }
.fc-badge { position: absolute; right: 18px; top: 24px; font-size: .66rem; font-weight: 700; color: var(--brand); background: var(--brand-soft); border: 1px solid var(--brand-soft-border); border-radius: 999px; padding: 3px 9px; }
.fcard-badged .fc-tt { padding-right: 72px; }
.sc-contextbar + .fg { margin-top: 16px; }

.sc-backlink { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-size: var(--fs-xs); color: var(--tx3); text-decoration: none; }
.sc-backlink:hover { color: var(--brand); }

@media (max-width: 640px) {
  .fg { grid-template-columns: 1fr; }
  .sc-hero h1 { font-size: 1.7rem; }
}

/* ════════ 2026-10-20 创意大师统一页面壳 ════════
   A. 卡片墙页（/studio 爆款制作、/studio/copy.html 爆款文案）共用同一套 .pg/.pg-hero/.fg/.fcard；
   B. 功能页（feature.html、copy-feature.html、breakdown.html）共用同一套 780 版心 + .crumb 返回胶囊 + .pg-hd 头部。
   以后改壳只改这里，禁止再在单页里写另一套。 */

/* ── A. 卡片墙壳（从 index.html 原内联样式原样搬入） ── */
.pg { max-width: 1060px; margin: 0 auto; padding: 40px 24px 72px; }
.pg-hero { text-align: center; padding: 30px 20px 6px; }
.pg-hero .seal {
  width: 72px; height: 72px; border-radius: 20px; margin: 0 auto 18px;
  background: var(--brand-soft); border: 1px solid var(--brand-soft-border);
  display: flex; align-items: center; justify-content: center; color: var(--brand);
}
.pg-hero .seal svg { width: 34px; height: 34px; }
.pg-hero h1 { font-family: var(--serif); font-weight: 900; font-size: 2rem; letter-spacing: .01em; }
.pg-hero p { color: var(--ink-2); font-size: .92rem; margin-top: 10px; }
.fc-ic svg { width: 24px; height: 24px; }
/* 2026-10-02 双版本定价：月版锁定卡（年版专属） */
.fc-lockchip { position:absolute; right:18px; top:24px; display:inline-flex; align-items:center; gap:4px; font-size:.68rem; font-weight:700; color:var(--gold-strong); background:var(--gold-soft); border:1px solid var(--gold-border); border-radius:999px; padding:3px 10px; }
.fc-lockchip svg { width:11px; height:11px; }
.fcard-locked .fc-arrow { display:none; }
.fcard-locked .fc-ic { opacity:.8; }

/* ── B. 功能页壳：数值与 feature.html 完全一致（780 版心 / 返回胶囊 / 58px 徽标头 / card-block） ── */
.pg-feature { max-width: 780px; margin: 0 auto; padding: 34px 22px 80px; }
.pg-feature .pg-top { margin-bottom: 24px; }
.pg-feature .crumb {
  display: inline-flex; align-items: center; gap: 10px; padding: 9px 20px 9px 10px;
  background: var(--card); border: 1px solid var(--border); border-radius: 999px;
  color: var(--ink); text-decoration: none; font-size: .9rem; font-weight: 700;
  box-shadow: 0 3px 10px rgba(38,43,90,.08); transition: all var(--t);
}
.pg-feature .crumb .c-ic {
  width: 28px; height: 28px; border-radius: 50%; background: var(--brand-soft);
  color: var(--brand); display: inline-flex; align-items: center; justify-content: center;
  transition: all var(--t);
}
.pg-feature .crumb svg { width: 16px; height: 16px; }
.pg-feature .crumb:hover { border-color: var(--brand-soft-border); background: var(--brand-soft); transform: translateX(-2px); }
.pg-feature .crumb:hover .c-ic { background: var(--card); }
.pg-feature .pg-hd { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
.pg-feature .pg-hd .badge {
  width: 58px; height: 58px; border-radius: 16px; flex-shrink: 0;
  background: var(--brand-soft); border: 1px solid var(--brand-soft-border);
  color: var(--brand); display: flex; align-items: center; justify-content: center;
}
.pg-feature .pg-hd .badge svg { width: 28px; height: 28px; }
.pg-feature .pg-hd .badge-emoji { font-size: 28px; line-height: 1; }
.pg-feature .pg-hd h1 { font-family: var(--serif); font-weight: 900; font-size: 1.42rem; margin: 0; }
.pg-feature .pg-hd .sub { font-size: .8rem; color: var(--ink-3); margin-top: 3px; }
.pg-feature .pg-hd .sub b { color: var(--gold); }
.pg-feature .result { margin-top: 26px; }
.pg-feature .card-block {
  background: var(--card); border: 1px solid var(--border); border-radius: var(--r-lg);
  padding: 24px; box-shadow: 0 8px 26px -14px rgba(38,43,90,.12);
}
.pg-feature .sc-wizard { margin-top: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.pg-feature .sc-result-card { padding: 24px; box-shadow: 0 8px 26px -14px rgba(38,43,90,.12); }
.pg-feature .sc-video-card { background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.pg-feature .sc-progress, .pg-feature .sc-report-card, .pg-feature .sc-rewrite {
  padding: 24px; box-shadow: 0 8px 26px -14px rgba(38,43,90,.12);
}
@media (max-width: 640px) {
  .pg-feature { padding: 28px 16px 64px; }
  .pg-feature .pg-hd h1 { font-size: 1.28rem; }
  .pg-feature .pg-hd .sub { font-size: .78rem; }
}

/* ── 2026-10-20 爆款文案：目标卡（选题方向）+ 黄金开头长列表 ── */
.sc-goals { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.sc-goal { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); overflow: hidden; }
.sc-goal.open { border-color: var(--brand-soft-border); background: var(--card); }
.sc-goal-head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; }
.sc-goal-ic {
  width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0;
  background: var(--brand-soft); border: 1px solid var(--brand-soft-border);
  display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1;
}
.sc-goal-tt { min-width: 0; }
.sc-goal-tt b { display: block; font-size: .96rem; font-family: var(--serif); }
.sc-goal-tt span { display: block; font-size: var(--fs-xs); color: var(--tx3); margin-top: 2px; }
.sc-goal-chev { margin-left: auto; font-size: var(--fs-xs); color: var(--tx3); white-space: nowrap; }
.sc-goal-body { display: none; padding: 0 16px 16px; }
.sc-goal.open .sc-goal-body { display: block; }
.sc-goal-dirs { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-goal-dir {
  padding: 9px 14px; border: 1px solid var(--border); border-radius: 999px;
  background: var(--surface); color: var(--tx2); font-size: var(--fs-xs);
  cursor: pointer; font-family: var(--f-ui); transition: all .15s;
}
.sc-goal-dir:hover { border-color: var(--brand-soft-border); color: var(--brand); }
.sc-goal-dir.sel { background: var(--brand); border-color: var(--brand); color: #fff; font-weight: 700; }
.sc-goal-ai {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 12px; padding: 14px 16px; border: 1px solid var(--border);
  border-radius: 14px; background: var(--surface); cursor: pointer; transition: all .15s;
}
.sc-goal-ai.sel { border-color: var(--brand); background: var(--brand-soft); }
.sc-goal-ai b { display: block; font-size: .94rem; font-family: var(--serif); }
.sc-goal-ai span { display: block; font-size: var(--fs-xs); color: var(--tx3); margin-top: 2px; }
.sc-goal-ai-arrow {
  width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0;
  background: var(--brand); color: #fff; display: flex; align-items: center; justify-content: center;
}

.sc-opening-list { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.sc-opening-row {
  display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px;
  border: 1px solid var(--border); border-radius: 12px; background: var(--surface);
  cursor: pointer; transition: border-color .15s, background .15s;
}
.sc-opening-row:hover { border-color: var(--brand-soft-border); }
.sc-opening-row.sel { border-color: var(--brand); background: var(--brand-soft); }
.sc-opening-row .no { flex-shrink: 0; width: 26px; font-size: var(--fs-xs); color: var(--tx3); padding-top: 2px; }
.sc-opening-row .tx { flex: 1; font-size: var(--fs-sm); line-height: 1.75; color: var(--tx1); }
.sc-opening-row.sel .tx { color: var(--brand-ink); }
.sc-opening-row .act { flex-shrink: 0; font-size: var(--fs-xs); color: var(--brand); font-weight: 600; white-space: nowrap; padding-top: 2px; }
.sc-opening-row.auto { background: var(--bg-sub); }
.sc-opening-row.auto .no { color: var(--brand); font-weight: 700; }
.sc-opening-more { display: flex; align-items: center; gap: 10px; margin-top: 2px; }
.sc-opening-more .sc-secondary { padding: 8px 20px; }
.sc-opening-more .sc-note { margin-top: 0; }

@media (max-width: 640px) {
  .sc-goal-head { padding: 12px 14px; }
  .sc-goal-body { padding: 0 14px 14px; }
  .sc-goal-ic { width: 36px; height: 36px; font-size: 18px; }
  .sc-opening-row { padding: 12px; }
}