[data-puxin-product-case02]{--paper:#f7f4ee;--bright:#fffdf8;--well:#efe8dc;--line:#d8c8ae;--gold:#b79255;--darkgold:#7f633d;--ink:#453f38;--muted:#766b5d;--serif:"Noto Serif SC","Songti SC","SimSun",serif;color-scheme:light;background:var(--paper);color:var(--ink);font:14px/1.65 "Noto Sans SC","Microsoft YaHei",sans-serif;border:1px solid var(--line);border-radius:14px;overflow:hidden;width:100%}
[data-puxin-product-case02] *{box-sizing:border-box}[data-puxin-product-case02] [hidden]{display:none!important}[data-puxin-product-case02] h2,[data-puxin-product-case02] h3,[data-puxin-product-case02] h4,[data-puxin-product-case02] p,[data-puxin-product-case02] figure{margin:0}[data-puxin-product-case02] h2,[data-puxin-product-case02] h3,[data-puxin-product-case02] h4{font-family:var(--serif);font-weight:500}[data-puxin-product-case02] h2{font-size:25px}[data-puxin-product-case02] h3{font-size:19px}[data-puxin-product-case02] h4{font-size:16px;margin:10px 0 5px}[data-puxin-product-case02] button{font:inherit;color:var(--ink);background:var(--bright);border:1px solid var(--line);border-radius:7px;min-height:44px;padding:9px 12px;text-align:left;cursor:pointer;touch-action:manipulation}[data-puxin-product-case02] button:hover{border-color:var(--gold);background:#f6efe0}[data-puxin-product-case02] button[aria-pressed=true],[data-puxin-product-case02] button[aria-expanded=true]{background:#eee0c5;border-color:var(--darkgold)}[data-puxin-product-case02] button.primary{background:var(--ink);color:var(--bright);border-color:var(--ink)}[data-puxin-product-case02] button:disabled{opacity:.55;cursor:default}[data-puxin-product-case02] .muted,[data-puxin-product-case02] figcaption{font-size:12px;color:var(--muted)}[data-puxin-product-case02] .kicker{font-size:11px;color:var(--darkgold);letter-spacing:.1em}[data-puxin-product-case02] header{padding:18px 22px 12px;display:flex;gap:14px;justify-content:space-between;align-items:center}[data-puxin-product-case02] .tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 22px 12px}[data-puxin-product-case02] .tools p{flex:1;min-width:160px;font-size:12px;color:var(--muted)}[data-puxin-product-case02] #c2-storage-status[data-failed=true]{color:#914d40}[data-puxin-product-case02] nav{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 14px;border-bottom:1px solid var(--line)}[data-puxin-product-case02] nav button{font-size:12px}[data-puxin-product-case02] .panel{padding:18px 22px;border-bottom:1px solid var(--gold);background:var(--bright)}[data-puxin-product-case02] .panel-head,[data-puxin-product-case02] .work-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}[data-puxin-product-case02] .panel p{margin:7px 0}[data-puxin-product-case02] .panel ul{padding-left:20px}[data-puxin-product-case02] .home{padding:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}[data-puxin-product-case02] .home h3{font-size:25px;margin:10px 0}[data-puxin-product-case02] figure img{display:block;width:100%;border-radius:7px}[data-puxin-product-case02] figcaption{margin-top:7px}[data-puxin-product-case02] .row{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px}[data-puxin-product-case02] .progress{display:flex;flex-wrap:wrap;list-style:none;gap:5px;padding:12px 22px;margin:0}[data-puxin-product-case02] .progress li{padding:4px 8px;font-size:11px;background:var(--well);border-radius:4px}[data-puxin-product-case02] .progress [aria-current]{background:var(--ink);color:var(--bright)}[data-puxin-product-case02] .stage{display:grid;grid-template-columns:105px minmax(0,1fr) 230px;gap:16px;padding:20px;background:var(--well);align-items:start}[data-puxin-product-case02] .person{align-self:end;overflow:hidden}[data-puxin-product-case02] .person img{border-radius:0}[data-puxin-product-case02] .person figcaption{font-size:11px;text-align:center;background:var(--paper);padding:5px}[data-puxin-product-case02] .work,[data-puxin-product-case02] aside{min-width:0;padding:15px;background:var(--paper);border:1px solid var(--gold);border-radius:10px}[data-puxin-product-case02] #c2-actions{display:grid;gap:8px;margin-top:12px}[data-puxin-product-case02] #c2-actions p{font-size:12px;color:var(--muted)}[data-puxin-product-case02] #c2-feature{font-size:12px;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}[data-puxin-product-case02] .boundary{font-size:11px;color:var(--muted);margin-top:12px;border-top:1px solid var(--line);padding-top:10px}[data-puxin-product-case02] .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}[data-puxin-product-case02] .choices button{padding:5px;font-size:11px;min-width:0}[data-puxin-product-case02] .choices img{display:block;width:100%;margin-bottom:5px;border-radius:3px}[data-puxin-product-case02] .dialogue{padding:18px 22px;display:flex;gap:14px;align-items:start;border-top:1px solid var(--gold)}[data-puxin-product-case02] .dialogue>img{width:54px;height:66px;object-fit:cover;object-position:top;border:1px solid var(--gold);border-radius:50%}[data-puxin-product-case02] .dialogue>div{flex:1;min-width:0}[data-puxin-product-case02] #c2-line{font:16px/1.8 var(--serif);margin-top:5px}[data-puxin-product-case02] #c2-message{margin-top:6px}[data-puxin-product-case02] .path-board{background:var(--bright);border:1px solid var(--line);padding:9px;margin-top:12px;border-radius:7px}[data-puxin-product-case02] .path-board svg{display:block;width:100%;height:auto}[data-puxin-product-case02] .path-board text{font:14px "Microsoft YaHei",sans-serif;fill:var(--ink)}[data-puxin-product-case02] .path-board .wire{fill:none;stroke:#999189;stroke-width:5;stroke-linecap:round}[data-puxin-product-case02] .path-board .follow{stroke:var(--ink);stroke-width:7;stroke-dasharray:12 5}[data-puxin-product-case02] .path-board p{font-size:11px;color:var(--muted)}[data-puxin-product-case02] .path-description{font-size:12px;margin-top:8px}[data-puxin-product-case02] .before-after{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}[data-puxin-product-case02] .before-after img{width:100%;display:block;border-radius:5px}[data-puxin-product-case02] .before-after p{font-size:11px}[data-puxin-product-case02] .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}[data-puxin-product-case02] .tip{border-top:2px solid var(--gold);padding-top:5px;min-width:0}[data-puxin-product-case02] .version{padding:10px 0;border-bottom:1px solid var(--line)}[data-puxin-product-case02] .version p{font-size:12px}[data-puxin-product-case02] .workcard{padding:12px;border:1px solid var(--gold);margin:12px 0;display:grid;grid-template-columns:130px minmax(0,1fr);gap:15px}[data-puxin-product-case02] .workcard img{width:100%;display:block}[data-puxin-product-case02] .workcard p{font-size:12px}[data-puxin-product-case02] .intro{padding:18px 22px}[data-puxin-product-case02] .intro-frame{position:relative;aspect-ratio:16/9;background:var(--well);overflow:hidden;border:1px solid var(--gold);border-radius:8px}[data-puxin-product-case02] .intro-frame video,[data-puxin-product-case02] #c2-intro-photo{width:100%;height:100%;display:block;object-fit:cover}[data-puxin-product-case02] .intro-frame video{position:absolute;inset:0;object-fit:contain;background:#201c17}[data-puxin-product-case02] #c2-intro-person{position:absolute;height:85%;width:35%;object-fit:contain;bottom:0;left:2%}[data-puxin-product-case02] .intro-caption{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;background:rgba(247,244,238,.95);border-top:1px solid var(--gold)}[data-puxin-product-case02] .intro-caption span{font-size:11px;color:var(--darkgold)}[data-puxin-product-case02] .intro-caption p{font:19px/1.5 var(--serif);margin-top:4px}[data-puxin-product-case02] progress{width:95px;accent-color:var(--darkgold)}[data-puxin-product-case02] #c2-intro-note{margin-top:9px}
@media(max-width:850px){[data-puxin-product-case02] .stage{grid-template-columns:minmax(0,1fr) 220px}[data-puxin-product-case02] .person{display:none}}
@media(max-width:600px){[data-puxin-product-case02] header{display:block;padding:16px}[data-puxin-product-case02] h2{font-size:22px}[data-puxin-product-case02] nav,[data-puxin-product-case02] .tools{padding-left:16px;padding-right:16px}[data-puxin-product-case02] .home,[data-puxin-product-case02] .stage,[data-puxin-product-case02] .card-grid{grid-template-columns:1fr;padding:13px;gap:13px}[data-puxin-product-case02] .dialogue{padding:15px;flex-wrap:wrap;gap:10px}[data-puxin-product-case02] .dialogue>img{width:42px;height:53px}[data-puxin-product-case02] .dialogue>div{flex:1 1 calc(100% - 62px)}[data-puxin-product-case02] #c2-sim-label{margin-left:52px}[data-puxin-product-case02] .panel,[data-puxin-product-case02] .intro{padding:14px}[data-puxin-product-case02] .intro-frame{aspect-ratio:4/3}[data-puxin-product-case02] .intro-caption p{font-size:16px}[data-puxin-product-case02] .workcard{grid-template-columns:85px minmax(0,1fr);gap:10px}[data-puxin-product-case02] .card-grid{padding:0}}
@media(prefers-reduced-motion:reduce){[data-puxin-product-case02] *,[data-puxin-product-case02] *::before,[data-puxin-product-case02] *::after{animation:none!important;transition:none!important}}

[data-puxin-product-case02] .feedback-quote{margin:0 0 7px;padding:10px;border-left:3px solid var(--gold);background:var(--bright)}[data-puxin-product-case02] .feedback-quote span{font-size:11px;color:var(--darkgold)}[data-puxin-product-case02] #c2-actions .feedback-quote p{font:15px/1.7 var(--serif);color:var(--ink);margin-top:5px}
@media(min-width:601px){[data-puxin-product-case02] #c2-photo{max-height:360px;object-fit:contain;background:var(--bright)}}

/* 图片教学：独立方法图、现场定位和情境图不参与线路练习的 SVG 布局。 */
[data-puxin-product-case02] .work{container-type:inline-size}
[data-puxin-product-case02] .c2-photo-inspection{margin-top:12px}
[data-puxin-product-case02] .c2-inspection-tools{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px}
[data-puxin-product-case02] .c2-inspection-tools button{min-height:36px;padding:7px 10px;font-size:12px}
[data-puxin-product-case02] .c2-action-photo{padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--bright)}
[data-puxin-product-case02] .c2-action-photo>img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:3px;background:var(--well)}
[data-puxin-product-case02] .c2-action-photo figcaption b,[data-puxin-product-case02] .c2-revision-pair figcaption b{display:block;font-size:12px;color:var(--darkgold)}
[data-puxin-product-case02] .c2-action-photo figcaption span,[data-puxin-product-case02] .c2-revision-pair figcaption span{display:block;margin-top:4px;font-size:11px;line-height:1.6;color:var(--muted)}
[data-puxin-product-case02] .c2-image-note{margin-top:9px;font-size:11px;line-height:1.65;color:var(--muted)}
[data-puxin-product-case02] .c2-marked-photo{position:relative;width:100%;margin:8px 0;background:var(--well);border:1px solid var(--line);border-radius:4px;overflow:hidden;isolation:isolate}
[data-puxin-product-case02] .c2-marked-photo>img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1400/933;object-fit:contain;border:0;border-radius:0}
[data-puxin-product-case02] .c2-marked-photo>svg.c2-analysis-svg{position:absolute!important;inset:0!important;z-index:1;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;display:block!important;aspect-ratio:auto!important;pointer-events:none;background:none!important;border:0!important}
[data-puxin-product-case02] .c2-analysis-svg .c2-mark-ring{fill:none!important;stroke:#9b5619!important;stroke-width:10}
[data-puxin-product-case02] .c2-analysis-svg .c2-mark-line{fill:none!important;stroke:#9b5619!important;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
[data-puxin-product-case02] .c2-analysis-svg .c2-mark-space{fill:rgba(248,241,219,.2)!important;stroke:#9b5619!important;stroke-width:8;stroke-dasharray:16 12}
[data-puxin-product-case02] .c2-photo-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);min-height:32px;padding:5px 8px;border-radius:20px;border-color:var(--darkgold);background:rgba(255,253,248,.94);box-shadow:0 2px 5px rgba(40,30,20,.14);font-size:11px;text-align:center;white-space:nowrap}
[data-puxin-product-case02] .c2-photo-hotspot[aria-pressed="true"]{background:var(--darkgold);color:#fff}
[data-puxin-product-case02] .c2-clue-inspection{max-width:660px;margin:10px auto 16px}
[data-puxin-product-case02] .c2-clue-caption{font-size:12px;line-height:1.7;min-height:42px}
[data-puxin-product-case02] .c2-method-cards{display:grid;grid-template-columns:1fr;gap:16px;margin-top:12px}
[data-puxin-product-case02] .c2-method-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:center;padding:14px;background:var(--paper);border-top:2px solid var(--gold)}
[data-puxin-product-case02] .c2-method-card figure{min-width:0}
[data-puxin-product-case02] .c2-method-card figure img{display:block;width:100%;height:auto;object-fit:contain;background:var(--well);border:1px solid var(--line);border-radius:4px}
[data-puxin-product-case02] .c2-method-card figcaption{margin-top:7px;font-size:11px;line-height:1.6}
[data-puxin-product-case02] .c2-method-card h4{margin-top:0;font:600 18px/1.5 var(--serif)}
[data-puxin-product-case02] .c2-method-card p{font-size:12px;line-height:1.8}
[data-puxin-product-case02] .c2-tip-question{margin-top:14px!important;padding-top:11px;border-top:1px solid var(--line)}
[data-puxin-product-case02] .c2-tip-question b{display:block;margin-bottom:4px;color:var(--darkgold);font-size:11px}
[data-puxin-product-case02] #c2-before-after{display:block}
[data-puxin-product-case02] .c2-revision-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
[data-puxin-product-case02] .c2-revision-pair>figure{min-width:0;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--bright)}
[data-puxin-product-case02] .c2-revision-details>summary{cursor:pointer;font-size:12px;color:var(--darkgold)}
@container(max-width:330px){[data-puxin-product-case02] .c2-revision-pair{grid-template-columns:1fr}}
@media(max-width:620px){[data-puxin-product-case02] .c2-method-card,[data-puxin-product-case02] .c2-revision-pair{grid-template-columns:1fr}[data-puxin-product-case02] .c2-method-card{gap:9px}}

/* 采用条件集中呈现；阶段操作复用右侧入口，避免无反馈的灰按钮。 */
.tkp-layer #c2-actions .c2-review-status,#c2-panel-body .c2-review-status{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bright);font-size:12px;line-height:1.7}
#c2-actions .c2-review-status b,#c2-panel-body .c2-review-status b{color:var(--darkgold)}
#c2-actions .c2-review-status ul,#c2-panel-body .c2-review-status ul{list-style:none;padding:0;margin:6px 0 0}
#c2-actions .c2-review-status li,#c2-panel-body .c2-review-status li{margin:3px 0;color:var(--ink)}
#c2-panel-body .c2-adoption-review{max-width:760px;margin:auto}
#c2-panel-body .c2-adoption-review>.path-board{margin:8px 0 16px}
#c2-panel-body .c2-review-judgment{display:grid;gap:8px;margin:14px 0}
#c2-panel-body .c2-review-judgment button{text-align:left;line-height:1.65}
#c2-panel-body .c2-review-judgment button[aria-pressed="true"]{background:var(--well);border-color:var(--darkgold);box-shadow:inset 3px 0 0 var(--gold)}
#c2-panel-body .c2-review-feedback{padding:10px 12px;border-left:3px solid var(--gold);background:var(--well);font-size:12px}
#c2-panel-body .c2-review-footer{position:sticky;bottom:-18px;margin-top:12px;padding:12px 0;background:var(--bright);border-top:1px solid var(--line);z-index:2}
#c2-panel-body #c2-review-adopt{width:100%;background:var(--darkgold);color:var(--bright);border-color:var(--darkgold);line-height:1.5}
#c2-panel-body #c2-review-adopt:disabled{background:var(--well);color:var(--muted);border-color:var(--line);opacity:1;cursor:not-allowed}
#c2-progress li.c2-progress-action{padding:0;font-size:11px;flex:0 1 auto;overflow:visible}
#c2-progress li.c2-progress-action:before{display:none}
#c2-progress li.c2-progress-action button{display:block;min-height:32px;width:100%;height:100%;padding:5px 12px;border:1px solid var(--gold);border-radius:4px;background:transparent;color:var(--darkgold);font:inherit;text-align:center;text-decoration:underline;text-underline-offset:3px}
#c2-progress li.c2-progress-action button:hover{background:var(--well)}
#c2-progress li.c2-progress-action button:focus-visible{outline:2px solid var(--darkgold);outline-offset:2px}
@media(max-width:620px){#c2-panel-body .c2-review-footer{bottom:-14px}#c2-progress li.c2-progress-action button{min-height:40px}}

/* C02：当前任务、图上操作、两步应用；沿用事务所纸色与金色。 */
[data-puxin-product-case02] .c2-home-journey{padding:12px 15px;margin:16px 0;border-left:3px solid var(--gold);background:var(--bright);font-size:12px;line-height:1.8}
[data-puxin-product-case02] .c2-home-journey span{color:var(--muted)}
[data-puxin-product-case02] .c2-step-guide{margin:12px 0;padding:11px 13px;border-left:3px solid var(--gold);background:var(--bright)}
[data-puxin-product-case02] .c2-step-guide b{display:block;margin:5px 0;font-size:14px;line-height:1.65;color:var(--ink)}
[data-puxin-product-case02] .c2-step-guide p{font-size:12px;line-height:1.65;color:var(--muted);margin:4px 0 0}
[data-puxin-product-case02] .path-board{margin:10px 0 16px}
[data-puxin-product-case02] .path-board h4{margin:0;font-size:14px}
[data-puxin-product-case02] .path-board svg{max-height:260px}
[data-puxin-product-case02] .path-board .c2-wire-target{cursor:pointer;outline:none}
[data-puxin-product-case02] .path-board .c2-wire-target rect{fill:#f7f2e8;stroke:#d5bf97;stroke-width:1}
[data-puxin-product-case02] .path-board .c2-wire-target .c2-wire-hit{stroke:transparent;stroke-width:22;fill:none;pointer-events:stroke}
[data-puxin-product-case02] .path-board .c2-wire-target text,[data-puxin-product-case02] .path-board .c2-wire-target .wire{pointer-events:none}
[data-puxin-product-case02] .path-board .c2-wire-target:hover rect,[data-puxin-product-case02] .path-board .c2-wire-target:focus-visible rect,[data-puxin-product-case02] .path-board .c2-wire-end.is-selected rect{fill:#eddec0;stroke:#8a642b;stroke-width:2}
[data-puxin-product-case02] .path-board .c2-wire-end.is-selected rect{fill:#8a642b;stroke:#694812}
[data-puxin-product-case02] .path-board .c2-wire-end.is-selected text{fill:#fff}
[data-puxin-product-case02] .path-board .c2-wire-target:focus-visible .wire,[data-puxin-product-case02] .path-board .c2-wire-target:hover .wire{stroke:#8a642b}
[data-puxin-product-case02] .path-board .wire.follow{stroke:#9b6c22;stroke-width:7}
[data-puxin-product-case02] .path-board .c2-path-feedback{font-size:13px;line-height:1.65;margin:4px 0 10px;padding:9px 11px;color:var(--ink);background:var(--well);border-left:3px solid var(--gold)}
[data-puxin-product-case02] .c2-end-controls{margin-top:8px}
.tkp-layer #c2-actions .c2-use-status{padding:12px 16px;background:var(--bright);border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}
#c2-actions .c2-use-status b{color:var(--darkgold)}
#c2-actions .c2-use-status ol{display:flex;gap:8px;list-style:none;padding:0;margin:8px 0;flex-wrap:wrap}
#c2-actions .c2-use-status li{padding:3px 9px;border:1px solid var(--line);border-radius:5px}
#c2-actions .c2-use-status li[aria-current="step"]{border-color:var(--gold);background:var(--well);color:var(--darkgold)}
#c2-actions .c2-use-status p{font-size:12px;color:var(--muted);margin:0}
.tkp-layer #c2-actions #c2-complete{padding-right:18px;background:var(--gold);color:#fff;line-height:1.6}
.tkp-layer #c2-actions #c2-complete:after{display:none}
.tkp-layer #c2-actions #c2-complete:before{color:#fff}
.tkp-layer #c2-actions .c2-review-status{padding:10px 16px}
#c2-actions .c2-review-status p{margin:5px 0 0;font-size:12px}
.tkp-layer #c2-panel-body .c2-review-judgment button[aria-pressed="true"]{border-color:var(--darkgold);background:var(--well);box-shadow:inset 3px 0 0 var(--gold)}
.tkp-layer #c2-panel-body #c2-review-adopt{background:var(--darkgold);color:#fff}
.tkp-layer #c2-panel-body #c2-review-adopt:disabled{background:var(--well);color:var(--muted)}
.tkp-layer #c2-panel-body .c2-review-footer{position:static;padding:10px 0;margin:0 0 12px}
#c2-panel-body #c2-review-diagram{font-weight:400;font-size:12px}
@media(max-width:620px){[data-puxin-product-case02] .c2-step-guide{padding:10px}[data-puxin-product-case02] .path-board .row button{min-height:42px;padding:8px 12px}}