/* 线上套餐(031):/paket/<级别>/ 套餐对比、/beli/ 结账、/beli/sukses/ 付款结果。和 site.css、tools.css 一起用 */

.tool.paket{max-width:1180px}
.h-sub{color:var(--ink2);font-weight:700}

/* 套餐卡片 */
.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 20px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.pk.best{border-color:var(--clay);box-shadow:0 24px 48px -34px oklch(0.54 0.15 32/.7)}
.pk .badge{position:absolute;top:-12px;left:20px;padding:4px 12px;border-radius:999px;background:var(--clay);color:var(--cream);font:700 12px/1.4 var(--f-b);letter-spacing:.04em}
.pk h3{font-size:20px;line-height:1.2}
.pk .lvl{font:600 13px/1.3 var(--f-b);color:var(--ink2)}
.pk .blurb{font-size:15px;color:var(--ink2)}
.pk .price{font:800 clamp(24px,1rem + 1vw,30px)/1.1 var(--f-d);color:var(--ink);font-variant-numeric:tabular-nums}
.pk .price s{display:block;font:500 14px/1.3 var(--f-b);color:var(--ink2)}
.pk .price small{display:block;font:500 13px/1.4 var(--f-b);color:var(--ink2);margin-top:2px}
.pk ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45}
.pk li{display:grid;grid-template-columns:18px 1fr;gap:8px}
.pk li::before{content:"✓";color:var(--clay);font-weight:800}
.pk .btn{margin-top:auto;width:100%}
.pk-skel .price,.pk-skel h3{color:var(--ink2)}
.pk-note{margin-top:14px;font-size:14px;color:var(--ink2)}
.pk-soon{margin-top:18px;padding:14px 16px;border-radius:14px;border:1px dashed var(--line);font-size:15px}
.pk-soon a{color:var(--clay);font-weight:600}

/* 对比表 */
.cmp{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}
.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp thead th{background:var(--paper2);font:700 13px/1.3 var(--f-b);color:var(--ink2)}
.cmp td.y{color:var(--clay);font-weight:800}
.cmp td.n{color:var(--line)}

/* 结账 */
.co [hidden],.pk-note[hidden],.pk-soon[hidden]{display:none!important}
.co{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px clamp(24px,4vw,48px);align-items:start;margin-top:22px}
.co-form{display:flex;flex-direction:column;gap:16px}
.co-form .fld input,.co-form .fld textarea{min-height:52px;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--paper);font:500 17px/1.4 var(--f-b);color:var(--ink);width:100%}
.co-form .fld textarea{min-height:96px;resize:vertical}
.co-form .fld input:focus,.co-form .fld textarea:focus{border-color:var(--clay);outline:none;background:#fff}
.co-form .fld small{font-weight:500;font-size:13px;color:var(--ink2)}
.co-form .fld .err{font-weight:600;font-size:13px;color:#b8352c}
.co-form .fld.bad input,.co-form .fld.bad textarea{border-color:#b8352c}
.co-form .btn[disabled]{opacity:.55;pointer-events:none}
.co-msg{padding:12px 16px;border-radius:12px;background:oklch(0.54 0.15 32/.08);color:var(--ink);font-size:15px}
.co-msg a{color:var(--clay);font-weight:600}
.co-msg[hidden]{display:none}
.co-sum{position:sticky;top:96px}
.co-sum .pk{padding:20px}
.co-sum dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:15px;margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}
.co-sum dt{color:var(--ink2)} .co-sum dd{font-weight:700;text-align:right}
.co-sum .tot{font:800 22px/1.2 var(--f-d)}
.co-pay{margin-top:12px;font-size:13px;color:var(--ink2)}
.co-alt{margin-top:10px;font-size:14px;color:var(--ink2)} .co-alt a{color:var(--clay);font-weight:600}

/* 付款结果 */
.ok-card{max-width:620px}
.ok-card .ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--paper2);font:900 26px/1 var(--f-h);color:var(--clay);margin-bottom:14px}
.ok-card.paid .ic{background:var(--clay);color:var(--cream)}
.ok-card h1{font-size:clamp(28px,1rem + 2vw,40px);margin:0 0 10px}
.ok-card .login{display:inline-block;margin:6px 0 2px;padding:8px 14px;border-radius:10px;background:var(--paper2);font:700 18px/1.3 var(--f-b);color:var(--ink)}
.ok-card ol{margin:14px 0 0 1.2em;color:var(--ink);font-size:16px}
.ok-card ol li{margin-bottom:6px}
.spin{display:inline-block;width:16px;height:16px;border:2.5px solid var(--line);border-top-color:var(--clay);border-radius:50%;animation:spin 0.9s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation-duration:3s}}

@media (max-width:1080px){.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .pk-grid{grid-template-columns:1fr;gap:20px}
  .co{grid-template-columns:1fr}
  .co-sum{position:static;order:-1}
}
.co-me{margin:0 0 4px;padding:10px 12px;border-radius:12px;background:var(--paper2, #f3ece2);font-size:15px} .co-me a{color:var(--clay);font-weight:600}

/* 套餐页改版 pk2(2026-10-11):卖点 + 多久学会 + 两档价格 + 课本页 / 老师真照片 */
.pk2-hero{display:grid;gap:28px;align-items:center;margin:8px 0 12px}
@media (min-width:880px){.pk2-hero{grid-template-columns:1.15fr .85fr;gap:48px}}
.pk2-hero h1{font-size:clamp(36px,7vw,60px);line-height:1.04;margin:10px 0 14px}
.pk2-hero h1 span{color:var(--clay)}
.pk2-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 20px;padding:14px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.pk2-facts dt{font:800 clamp(26px,5vw,36px)/1 var(--f-d);color:var(--clay)}
.pk2-facts dd{font-size:13px;color:var(--ink2);margin-top:4px;line-height:1.3}
.pk2-book{position:relative;margin:0 auto;max-width:360px;width:100%;padding-right:70px}
.pk2-book img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 24px 60px #2b252233}
.pk2-book .pk2-page{position:absolute;right:0;bottom:-24px;width:58%;transform:rotate(4deg);border:1px solid var(--line)}
.pk2-sec{margin-top:clamp(40px,6vw,64px)}
.pk2-sec h2{font-size:clamp(26px,4.4vw,36px);margin-bottom:12px}
.pk2-can{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.pk2-can li{padding:13px 0 13px 34px;border-bottom:1px solid var(--line);position:relative;font-size:17px}
.pk2-can li::before{content:'✓';position:absolute;left:4px;top:12px;color:var(--clay);font-weight:800}
.pk2-grid{grid-template-columns:1fr !important}
@media (min-width:760px){.pk2-grid{grid-template-columns:1fr 1fr !important}}
.pk2-pay{font-size:14px;color:var(--ink2);margin-top:12px}
.g-sub{color:var(--ink2);font-size:15px;margin:4px 0 12px}.g-sub a{color:var(--clay);font-weight:700}
.pk2-plan{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.pk2-plan li{display:grid;grid-template-columns:110px 1fr;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.pk2-plan span{grid-row:span 2;font:800 15px var(--f-b);color:var(--clay)}
.pk2-plan b{font-size:17px}.pk2-plan small{color:var(--ink2);font-size:14px}
.pk2-teacher{display:grid;gap:24px;align-items:center}
@media (min-width:880px){.pk2-teacher{grid-template-columns:1fr 1fr}}
.pk2-teacher > img{width:100%;height:auto;border-radius:14px;object-fit:cover;aspect-ratio:3/2}
.pk2-teacher p{font-size:17px;color:var(--ink2)}
.pk2-mini{width:160px;height:auto;margin-top:16px;border-radius:6px;box-shadow:0 12px 30px #2b252226;border:1px solid var(--line)}
.pk2-one{max-width:560px}
.pk2-lvs{list-style:none;margin:20px 0 0;padding:0;border-top:2px solid var(--ink)}
.pk2-lv a{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.pk2-lv a:hover b{color:var(--clay)}
.pk2-lvn{font:800 18px var(--f-b);color:var(--clay)}
.pk2-lvt b{display:block;font-size:19px}.pk2-lvt small{color:var(--ink2);font-size:14px}
.pk2-lvp{text-align:right;font-size:13px;color:var(--ink2)}.pk2-lvp b{display:block;font:800 20px var(--f-b);color:var(--ink)}
.pk2-live{padding:22px;border-radius:16px;background:var(--paper2)}.pk2-live p{color:var(--ink2);margin-bottom:12px;font-size:17px}

/* /paket/ 总览 v4(2026-10-11 晚,老板嫌 v3 太 AI 味):沿用课本封面的语言 —— 衬线大标题 + 细线 + 留白,只用陶土红一个强调色;
   不要卡片框、不要彩色大数字、不要圆形浮动箭头;图片保持 3:2 原比例 */
.pk3{--serif:"Source Serif 4","Noto Serif SC",Georgia,serif;--red:#b8352c;padding-bottom:64px;max-width:1180px}
.pk3-k{font:700 12px/1.4 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 8px}
.pk3 .pk3-h1{font:600 clamp(36px,7vw,64px)/1.02 var(--serif);letter-spacing:-.02em;margin:0 0 12px}
.pk3 .a-lede{max-width:60ch;color:var(--ink2)}
/* 级别目录:大号衬线数字,当前级别红字 + 下划线 */
.pk3-tabs{position:sticky;top:64px;z-index:5;display:flex;justify-content:space-between;gap:4px;overflow-x:auto;scrollbar-width:none;margin:28px 0 0;padding:6px 0 0;background:var(--paper);border-bottom:1px solid var(--ink)}
.pk3-tabs::-webkit-scrollbar{display:none}
.pk3-tabs a{flex:1 0 54px;display:grid;justify-items:center;padding:6px 4px 10px;color:var(--ink2);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.pk3-tabs small{font:700 10px var(--f-b);letter-spacing:.14em}
.pk3-tabs b{font:500 clamp(30px,6vw,44px)/1 var(--serif);color:var(--ink);transition:color .2s}
.pk3-tabs em{font:500 12px var(--f-b);font-style:normal;margin-top:4px;white-space:nowrap}
.pk3-tabs a:hover b{color:var(--red)}
.pk3-tabs a[aria-selected="true"]{border-bottom-color:var(--red)}
.pk3-tabs a[aria-selected="true"] b,.pk3-tabs a[aria-selected="true"] small{color:var(--red)}
/* 横滑 */
.pk3-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:48px;outline:none}
.pk3-track::-webkit-scrollbar{display:none}
.pk3-slide{flex:0 0 100%;scroll-snap-align:start;scroll-margin-top:170px;display:grid;gap:22px;padding:26px 0 8px;grid-template-areas:'img' 'info' 'buy'}
.pk3-l{grid-area:img}.pk3-r{grid-area:info}.pk3-slide>.pk3-img{margin:0}
.pk3-img img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:4px}
.pk3-img figcaption{font:italic 400 14px/1.4 var(--serif);color:var(--ink2);margin-top:8px}
.pk3 .pk3-t{font:600 clamp(40px,9vw,68px)/1 var(--serif);letter-spacing:-.025em;margin:0}
.pk3-t .zh{font:500 .42em var(--f-h);color:var(--ink2);letter-spacing:0;margin-left:.25em;vertical-align:.35em}
.pk3 .pk3-sub{font:italic 400 clamp(19px,3.6vw,23px)/1.35 var(--serif);color:var(--ink);margin:10px 0 0}
/* 规格表(像课本版权页) */
.pk3-spec{margin:22px 0 0;border-top:1px solid var(--ink)}
.pk3-spec div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
.pk3-spec dt{font:600 12px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.pk3-spec dd{margin:0;font:400 15px var(--f-b);color:var(--ink2);text-align:right}
.pk3-spec dd b{font:600 22px/1 var(--serif);color:var(--ink);font-variant-numeric:lining-nums}
.pk3-spec dd small{display:block;font-size:12px}
.pk3 .pk3-h{font:700 12px var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin:26px 0 8px}
.pk3-can{list-style:none;margin:0;padding:0;counter-reset:c}
.pk3-can li{counter-increment:c;display:grid;grid-template-columns:34px 1fr;padding:6px 0;font-size:17px;line-height:1.45}
.pk3-can li::before{content:counter(c,decimal-leading-zero);font:600 15px/1.6 var(--serif);color:var(--red)}
.pk3-get{list-style:none;margin:0;padding:0;columns:2 240px;column-gap:28px}
.pk3-get li{break-inside:avoid;padding:4px 0 4px 16px;position:relative;font-size:15px;line-height:1.45;color:var(--ink2)}
.pk3-get li::before{content:'';position:absolute;left:0;top:.8em;width:6px;height:1px;background:var(--ink)}
/* 价格 */
.pk3-buy{margin-top:6px;padding-top:18px;border-top:1px solid var(--ink)}
/* 上一级 / 下一级 */
.pk3-nav{display:flex;justify-content:space-between;align-items:center;margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14px}
.pk3-arr{background:none;border:0;padding:6px 0;font:600 14px var(--f-b);color:var(--ink);cursor:pointer}
.pk3-arr:hover{color:var(--red)}.pk3-arr[disabled]{opacity:.25;cursor:default}
.pk3-count{font:500 15px var(--serif);color:var(--ink2)}.pk3-count b{color:var(--ink);font-weight:600}
/* 对比表 */
.pk3 .pk2-sec h2{font:600 clamp(26px,4vw,34px)/1.1 var(--serif);letter-spacing:-.01em}
.pk3-tablewrap{overflow-x:auto}
.pk3-table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.pk3-table th,.pk3-table td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-variant-numeric:tabular-nums}
.pk3-table thead th{border-bottom:1px solid var(--ink);font:700 11px var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.pk3-table tbody th a{font:600 17px var(--serif);color:var(--ink);text-decoration:none}.pk3-table tbody th a:hover{color:var(--red)}
@media (min-width:900px){
  .pk3-slide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:'img info' 'buy info';grid-template-rows:auto 1fr;column-gap:56px;row-gap:28px;align-items:start;padding-top:40px}
  .pk3-r{padding-top:4px}
}
.pk2-lvimg{margin:0}.pk2-lvimg img{width:100%;height:auto;border-radius:18px;display:block}

/* /paket/hsk1–6 详情页 v4(2026-10-11,和 /paket/ 总览同一套:衬线大字 + 细线 + 陶土红一色;不要卡片框 / 阴影 / 胶囊徽章)
   只作用在 .pk2(详情页 main);结账页 /beli/ 的 .pk 卡片不受影响 */
.pk2{--serif:"Source Serif 4","Noto Serif SC",Georgia,serif;--red:#b8352c;max-width:1180px;padding-bottom:64px}
.pk2 .eyebrow{font:700 12px/1.4 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.pk2 .pk2-hero{gap:32px;margin-top:4px}
@media (min-width:880px){.pk2 .pk2-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.pk2 .pk2-hero h1{font:600 clamp(38px,7vw,62px)/1.03 var(--serif);letter-spacing:-.02em;margin:10px 0 14px}
.pk2 .pk2-hero h1 span{color:var(--red);font-style:italic;font-weight:500}
.pk2 .a-lede{color:var(--ink2)}
.pk2 .pk2-facts{gap:0;padding:0;margin:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.pk2 .pk2-facts div{padding:12px 6px 10px}.pk2 .pk2-facts div+div{border-left:1px solid var(--line)}
.pk2 .pk2-facts dt{font:600 clamp(26px,5vw,34px)/1 var(--serif);color:var(--ink);font-variant-numeric:lining-nums}
.pk2 .pk2-facts dd{font:600 11px/1.35 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:6px}
.pk2 .t-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.pk2 .t-cta .btn-ghost{background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:4px 0;color:var(--ink);font-weight:700;min-height:0}
.pk2 .t-cta .btn-ghost:hover{color:var(--red);border-color:var(--red)}
.pk2 .pk2-book img{border-radius:3px;box-shadow:0 18px 40px #2b25221f}
.pk2 .pk2-book .pk2-page{border-radius:3px}
.pk2 .pk2-lvimg figcaption{font:italic 400 14px/1.4 var(--serif);color:var(--ink2);margin-top:8px}
.pk2 .pk2-lvimg img{border-radius:4px}
/* 小节 */
.pk2 .pk2-sec{margin-top:clamp(48px,7vw,80px)}
.pk2 .pk2-sec h2,.pk2 .faq2 h2{font:600 clamp(28px,4.4vw,40px)/1.08 var(--serif);letter-spacing:-.015em;margin-bottom:16px}
.pk2 .g-sub{font-size:15px}.pk2 .g-sub a{color:var(--red)}
.pk2 .pk2-can{border-top:1px solid var(--ink);counter-reset:c}
.pk2 .pk2-can li{counter-increment:c;padding:12px 0 12px 44px;font-size:17px}
.pk2 .pk2-can li::before{content:counter(c,decimal-leading-zero);left:0;top:13px;font:600 15px/1.6 var(--serif);color:var(--red)}
.pk2 .pk2-plan{border-top:1px solid var(--ink)}
.pk2 .pk2-plan span{font:italic 500 16px/1.4 var(--serif);color:var(--red)}
.pk2 .pk2-plan b{font:600 19px/1.3 var(--serif)}
/* 价格:不要卡片,用细线分两栏,推荐档顶部粗红线 */
.pk2 .pk-grid{gap:0;margin-top:20px;border-top:1px solid var(--ink)}
@media (min-width:760px){.pk2 .pk2-grid:not(.pk2-one){grid-template-columns:1fr 1fr !important}.pk2 .pk2-grid:not(.pk2-one) .pk+.pk{border-left:1px solid var(--line);padding-left:32px}.pk2 .pk2-grid:not(.pk2-one) .pk:first-child{padding-right:32px}}
.pk2 .pk{background:none;border:0;border-radius:0;box-shadow:none;padding:22px 0 26px;gap:10px}
.pk2 .pk+.pk{border-top:1px solid var(--line)}
@media (min-width:760px){.pk2 .pk2-grid:not(.pk2-one) .pk+.pk{border-top:0}}
.pk2 .pk.best{box-shadow:none;border-color:transparent;position:relative}
.pk2 .pk.best::after{content:'';position:absolute;left:0;right:0;top:-2px;height:3px;background:var(--red)}
@media (min-width:760px){.pk2 .pk2-grid:not(.pk2-one) .pk.best::after{left:32px}}
.pk2 .pk .badge{position:static;align-self:flex-start;padding:0;background:none;border-radius:0;color:var(--red);font:700 11px/1.4 var(--f-b);letter-spacing:.14em;text-transform:uppercase}
.pk2 .pk h3{font:600 clamp(21px,3vw,25px)/1.2 var(--serif)}
.pk2 .pk .blurb{font-size:15px}
.pk2 .pk .price{font:600 clamp(34px,5vw,44px)/1 var(--serif);letter-spacing:-.01em;font-variant-numeric:lining-nums;margin:4px 0}
.pk2 .pk .price small{font:500 13px/1.6 var(--f-b);margin-top:6px}
.pk2 .pk ul{gap:6px;margin:4px 0 8px}
.pk2 .pk li{grid-template-columns:16px 1fr;font-size:15px;color:var(--ink2)}
.pk2 .pk li::before{content:'';width:6px;height:1px;background:var(--ink);margin-top:.75em;font-weight:400}
.pk2 .pk .btn{width:auto;align-self:flex-start;margin-top:auto}
@media (max-width:520px){.pk2 .pk .btn{width:100%;align-self:stretch}}
.pk2 .pk-note{font-size:13px}
.pk2 .pk2-pay{font-size:14px}
.pk2 .pk2-pay a{color:var(--red)}
/* 真人课咨询:不要灰底框,细线隔开 */
.pk2 .pk2-live{background:none;border-radius:0;padding:22px 0 0;border-top:1px solid var(--ink)}
.pk2 .pk2-live .btn-ghost{background:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:4px 0;color:var(--ink);font-weight:700}
/* 老师 */
.pk2 .pk2-teacher > img{border-radius:4px}
.pk2 .pk2-teacher h2{margin-bottom:10px}
/* 常见问题 */
.pk2 .faq2 details{padding:16px 0}
.pk2 .faq2 summary{font:600 19px/1.35 var(--serif)}
.pk2 .faq2 summary::after{color:var(--red);font-weight:400;font-family:var(--f-b)}
.pk2 .faq2 h2{border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:0}
/* 只有一档(HSK2–6):电脑上左边名字 + 价格 + 按钮,右边包含的内容 */
.pk2 .pk2-sec h2{text-wrap:pretty}
.pk2 .pk2-one{max-width:none;grid-template-columns:1fr !important}
@media (min-width:760px){
  .pk2 .pk2-one .pk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;row-gap:10px;align-content:start}
  .pk2 .pk2-one .pk > *{grid-column:1}
  .pk2 .pk2-one .pk ul{grid-column:2;grid-row:1 / span 6;margin:4px 0 0;padding-left:32px;border-left:1px solid var(--line)}
  .pk2 .pk2-one .pk .btn{margin-top:8px;justify-self:start}
}
.pk2 .pk2-one .pk .btn-ghost{background:var(--clay);border-color:var(--clay);color:#fff}

/* 结账 /beli/ + 付款结果 /beli/sukses/ v4(2026-10-11,和 /paket/ 同一套:衬线大字 + 细线 + 陶土红一色;不要白卡片 / 阴影 / 大圆角) */
.co4{--serif:"Source Serif 4","Noto Serif SC",Georgia,serif;--red:#b8352c;max-width:1080px;padding-bottom:72px}
.co4-k{font:700 12px/1.4 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 8px}
.co4 h1{font:600 clamp(36px,6vw,56px)/1.04 var(--serif);letter-spacing:-.02em;margin:0 0 12px}
.co4 .a-lede{color:var(--ink2);max-width:58ch}
.co4 .co{gap:32px clamp(32px,6vw,72px);margin-top:32px}
/* 表单:去掉卡片,顶部一条墨线 */
.co4 .co-form{background:none;border:0;border-radius:0;box-shadow:none;padding:22px 0 0;border-top:1px solid var(--ink);gap:20px}
.co4 .fld{font:700 11px/1.4 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);gap:8px}
.co4 .fld small{letter-spacing:0;text-transform:none;font:500 13px/1.45 var(--f-b);color:var(--ink2)}
.co4 .fld .err{letter-spacing:0;text-transform:none}
.co4 .co-form .fld input,.co4 .co-form .fld textarea{min-height:50px;border-radius:3px;border:1px solid #cdbfb0;background:#fffdf9;font:500 17px/1.4 var(--f-b);letter-spacing:0;text-transform:none}
.co4 .co-form .fld input:focus,.co4 .co-form .fld textarea:focus{border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px #b8352c1f}
.co4 .co-form .fld.bad input,.co4 .co-form .fld.bad textarea{border-color:var(--red)}
.co4 .co-form .btn-main{align-self:flex-start;min-width:260px;justify-content:center;margin-top:6px}
@media (max-width:520px){.co4 .co-form .btn-main{align-self:stretch;min-width:0}}
.co4 .co-pay{font-size:13px;line-height:1.55;margin-top:4px}.co4 .co-pay a{color:var(--ink);text-decoration:underline}
.co4 .co-alt{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.co4 .co-alt a{color:var(--red)}
.co4 .co-msg{border-radius:0;background:none;border-left:3px solid var(--red);padding:6px 0 6px 14px;margin-bottom:16px}
.co4 .co-msg a{color:var(--red)}
.co4 .co-me{border-radius:0;background:none;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:15px}.co4 .co-me a{color:var(--red)}
/* 订单摘要:不要卡片 */
.co4 .co-sum{top:110px;border-top:1px solid var(--ink);padding-top:16px}
.co4 .co-sum::before{content:attr(data-label);display:block;font:700 11px/1.4 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin-bottom:10px}
.co4 .co-sum .pk{background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:8px}
.co4 .co-sum .pk .badge{display:none}
.co4 .co-sum .pk h3{font:600 clamp(22px,3vw,26px)/1.2 var(--serif)}
.co4 .co-sum .pk .blurb{font-size:15px}
.co4 .co-sum .pk .price{font:600 32px/1 var(--serif);font-variant-numeric:lining-nums;margin:6px 0 4px}
.co4 .co-sum .pk .price small{font:500 13px/1.6 var(--f-b);margin-top:6px}
.co4 .co-sum .pk ul{gap:6px;margin-top:6px}
.co4 .co-sum .pk li{grid-template-columns:16px 1fr;font-size:15px;color:var(--ink2)}
.co4 .co-sum .pk li::before{content:'';width:6px;height:1px;background:var(--ink);margin-top:.75em}
.co4 .co-sum dl{margin-top:18px;padding-top:14px;border-top:1px solid var(--ink);align-items:baseline}
.co4 .co-sum dt{font:700 11px/1.4 var(--f-b);letter-spacing:.12em;text-transform:uppercase}
.co4 .co-sum dd{font-weight:600}
.co4 .co-sum .tot{font:600 34px/1 var(--serif);font-variant-numeric:lining-nums;color:var(--ink)}
@media (max-width:760px){.co4 .co-sum{border-top:1px solid var(--ink);padding-bottom:18px;border-bottom:1px solid var(--line)}}
/* 付款结果 */
.co4 .ok-card{background:none;border:0;border-radius:0;box-shadow:none;padding:24px 0 0;border-top:1px solid var(--ink);max-width:640px}
.co4 .ok-card .ic{width:auto;height:auto;border-radius:0;background:none;display:block;font:600 44px/1 var(--serif);color:var(--red);margin-bottom:12px}
.co4 .ok-card.paid .ic{background:none;color:var(--red)}
.co4 .ok-card h1{font:600 clamp(32px,5vw,46px)/1.08 var(--serif)}
.co4 .ok-card .login{border-radius:0;background:none;padding:6px 0;border-bottom:1px solid var(--ink);font:600 22px/1.3 var(--serif)}
.co4 .ok-card ol{list-style:none;margin:18px 0 0;padding:0;counter-reset:c;border-top:1px solid var(--line)}
.co4 .ok-card ol li{counter-increment:c;display:grid;grid-template-columns:36px 1fr;padding:10px 0;margin:0;border-bottom:1px solid var(--line)}
.co4 .ok-card ol li::before{content:counter(c,decimal-leading-zero);font:600 15px/1.6 var(--serif);color:var(--red)}
.co4 .ok-card .btn{margin-top:18px}

/* /paket/ 价格区 v4.1(2026-10-11):价目表式两行 —— 价格 + 购买;真人课 / 咨询整行可点;开放进度挪进规格表 */
.pk3-buy{margin-top:6px;border-top:1px solid var(--ink)}
.pk3-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.pk3-price{margin:0;font:600 clamp(32px,5vw,42px)/1 var(--serif);letter-spacing:-.01em;font-variant-numeric:lining-nums}
.pk3-price small{display:block;font:500 13px/1.6 var(--f-b);letter-spacing:0;color:var(--ink2);margin-top:6px}
.pk3-main .btn{flex:0 0 auto;padding-inline:26px}
.pk3-alt{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;padding:14px 0;color:var(--ink);text-decoration:none}
.pk3-alt b{display:block;font:600 16px/1.35 var(--f-b)}
.pk3-alt small{display:block;font-size:13px;line-height:1.45;color:var(--ink2);margin-top:2px}
.pk3-alt .p{font:600 20px/1 var(--serif);font-variant-numeric:lining-nums;white-space:nowrap}
.pk3-alt .go{font-size:18px;color:var(--red);transition:transform .2s}
.pk3-alt:hover b{color:var(--red)}.pk3-alt:hover .go{transform:translateX(3px)}
.pk3-more{display:inline-block;margin-top:14px;font:600 14px var(--f-b);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}
.pk3-more:hover{color:var(--red);border-color:var(--red)}
@media (max-width:520px){.pk3-main{flex-direction:column;align-items:stretch}.pk3-main .btn{justify-content:center}}
/* 短横线列表:横线对齐文字中线(之前用 1px 色块,行高一变就偏上) */
.pk3-get li::before,.pk2 .pk li::before,.co4 .co-sum .pk li::before{content:'–';width:auto;height:auto;background:none;color:var(--ink2);font:400 15px/1.45 var(--f-b);margin:0}
.pk3-get li::before{position:absolute;left:0;top:4px}
/* 线下课包(雅加达市内,只 WhatsApp 咨询) */
.pk2 .pk2-off{margin:14px 0 16px;font:600 clamp(30px,5vw,40px)/1 var(--serif);font-variant-numeric:lining-nums;color:var(--ink)}
.pk2 .pk2-off small{display:block;font:500 13px/1.6 var(--f-b);color:var(--ink2);margin-top:6px}
.pk2 .pk2-off b{font-weight:600}

/* /paket/ 总览顶部:体验直播课入口(2026-10-13) */
.pk3-coba{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:22px 0 0;padding:14px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.pk3-coba .pk3-k{margin:0}
.pk3-coba b{font:600 clamp(19px,2.6vw,23px)/1.25 var(--serif)}
.pk3-coba em{font-style:normal;font-weight:700;color:var(--red);margin-left:auto}
.pk3-coba:hover b{color:var(--red)}