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

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

/* C03 的观察条件与即时结果。尺寸和配色继续使用事务所终端变量。 */
[data-puxin-product-case03] .c3-step-guide{margin:12px 0;padding:11px 13px;border-left:3px solid var(--gold);background:var(--bright)}
[data-puxin-product-case03] .c3-step-guide b{display:block;margin:5px 0;font-size:14px;line-height:1.65;color:var(--ink)}
[data-puxin-product-case03] .c3-step-guide p{font-size:12px;line-height:1.65;color:var(--muted);margin:4px 0 0}
[data-puxin-product-case03] .c3-gray{filter:grayscale(1)}
[data-puxin-product-case03] #c3-photo-tools{position:sticky;top:-15px;z-index:2;background:var(--paper);padding:8px 0;margin:0 0 8px;border-bottom:1px solid var(--line)}
[data-puxin-product-case03] #c3-photo-tools:empty{display:none}
[data-puxin-product-case03] .c3-view-label{flex:1 0 100%;font-size:12px}
[data-puxin-product-case03] .c3-view-label b{color:var(--darkgold);display:block}
[data-puxin-product-case03] .c3-view-label span{color:var(--muted);display:block;margin-top:3px}
[data-puxin-product-case03] #c3-photo-tools button{min-height:38px;font-size:12px;padding:7px 12px}
[data-puxin-product-case03] .c3-local-feedback{padding:10px 12px;border-left:3px solid var(--gold);background:var(--well);font-size:12px;line-height:1.75}
[data-puxin-product-case03] #c3-actions .c3-local-feedback{color:var(--ink)}
[data-puxin-product-case03] #c3-before-after{display:block}
[data-puxin-product-case03] .c3-revision-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
[data-puxin-product-case03] .c3-revision-pair figure{min-width:0;padding:7px;border:1px solid var(--line);background:var(--bright);border-radius:5px}
[data-puxin-product-case03] .c3-revision-pair img{width:100%;height:auto;object-fit:contain}
[data-puxin-product-case03] .c3-method-cards{display:grid;gap:16px}
[data-puxin-product-case03] .c3-method-card{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:center;background:var(--paper);border-top:2px solid var(--gold);padding:14px}
[data-puxin-product-case03] .c3-method-card>*{min-width:0}
[data-puxin-product-case03] .c3-method-card img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}
[data-puxin-product-case03] .c3-method-card h4{font:600 18px/1.5 var(--serif);margin:0 0 8px}
[data-puxin-product-case03] .c3-method-card p{font-size:12px;line-height:1.8}
[data-puxin-product-case03] .c3-tip-question{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
[data-puxin-product-case03] .c3-tip-question b{display:block;color:var(--darkgold)}
[data-puxin-product-case03] .c3-reason,[data-puxin-product-case03] .c3-shape-choices{display:grid;gap:6px}
[data-puxin-product-case03] .c3-use-status{font-size:12px;line-height:1.7}
[data-puxin-product-case03] .c3-use-status b{color:var(--darkgold)}
.tkp-layer #c3-actions .c3-reason{padding:10px 12px;border-bottom:1px solid var(--line)}
.tkp-layer #c3-actions .c3-reason>button,.tkp-layer #c3-actions .c3-shape-choices>button{padding:10px 12px;min-height:44px;font:13px/1.7 var(--sans);border:1px solid var(--line);border-radius:5px;background:var(--bright)}
.tkp-layer #c3-actions .c3-reason>button:before,.tkp-layer #c3-actions .c3-shape-choices>button:before{display:none}
.tkp-layer #c3-actions .c3-reason>button[aria-pressed=true],.tkp-layer #c3-actions .c3-shape-choices>button[aria-pressed=true]{border-color:var(--darkgold);background:var(--well);box-shadow:inset 3px 0 0 var(--gold)}
.tkp-layer #c3-actions .c3-shape-choices{padding:8px 12px}
.tkp-layer #c3-actions .c3-use-status{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bright)}
.tkp-layer #c3-actions #c3-complete{padding-right:18px;background:var(--gold);color:#fff;line-height:1.6}
.tkp-layer #c3-actions #c3-complete:after{display:none}
.tkp-layer #c3-actions #c3-complete:before{color:#fff}
@media(max-width:620px){[data-puxin-product-case03] .c3-method-card,[data-puxin-product-case03] .c3-revision-pair{grid-template-columns:1fr}[data-puxin-product-case03] .c3-method-card{gap:9px}[data-puxin-product-case03] .c3-step-guide{padding:10px}}
/* 图片选择：按钮坐标相对于完整的 3:2 图片，不依赖缩放或裁切。 */
[data-puxin-product-case03] .c3-photo-frame{position:relative;width:100%;margin:0 auto}
[data-puxin-product-case03] .c3-photo-frame.is-use{max-width:690px}
[data-puxin-product-case03] .c3-photo-frame.is-use #c3-photo{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain}
[data-puxin-product-case03] #c3-photo-hotspots{position:absolute;inset:0;pointer-events:none}
[data-puxin-product-case03] #c3-photo-hotspots .c3-box-hotspot{position:absolute;pointer-events:auto;transform:none;padding:0;min-height:44px;min-width:44px;border:2px solid transparent;border-radius:10px;background:transparent;box-shadow:none;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}
[data-puxin-product-case03] #c3-photo-hotspots .c3-box-hotspot span{font:600 11px/1.3 var(--sans);padding:5px 8px;border:1px solid var(--gold);border-radius:20px;background:rgba(255,253,248,.94);color:var(--ink);margin-bottom:-15px;white-space:nowrap}
[data-puxin-product-case03] #c3-photo-hotspots .c3-box-hotspot:hover,[data-puxin-product-case03] #c3-photo-hotspots .c3-box-hotspot:focus-visible{background:rgba(184,145,75,.08);border-color:var(--gold);outline:2px solid var(--gold);outline-offset:2px}
[data-puxin-product-case03] #c3-photo-hotspots .c3-box-hotspot[aria-pressed=true]{border-color:var(--darkgold);background:rgba(184,145,75,.08)}
[data-puxin-product-case03] #c3-photo-hotspots .c3-box-hotspot[aria-pressed=true] span{background:var(--darkgold);color:#fff}
[data-puxin-product-case03] #c3-choices:not(:empty){margin:8px 0 12px}
/* 学习增强：设置直接驱动关系图，作品保留真实练习结果。 */
[data-puxin-product-case03] .c3-practice {margin:14px 0;padding:16px;border:1px solid var(--line,#d8c6a6);border-radius:10px;background:#fffdf8;min-width:0;max-width:100%;box-sizing:border-box}
[data-puxin-product-case03] .c3-practice[hidden] {display:none!important}
[data-puxin-product-case03] .c3-practice h4 {margin:0 0 10px;font-size:17px}
[data-puxin-product-case03] .c3-practice p {line-height:1.7;overflow-wrap:anywhere}
[data-puxin-product-case03] .c3-practice fieldset {border:0;border-top:1px solid #e6ddd0;padding:10px 0;margin:12px 0;min-width:0}
[data-puxin-product-case03] .c3-practice legend {font-size:13px;padding-right:8px;color:#766446}
[data-puxin-product-case03] .c3-practice .row {display:flex;flex-wrap:wrap;gap:7px;min-width:0}
[data-puxin-product-case03] .c3-practice button {min-height:44px;white-space:normal;max-width:100%;flex:0 1 auto}
[data-puxin-product-case03] .c3-practice button[aria-pressed=true] {background:#eadebf;border-color:#94723c;color:#3f3525}
[data-puxin-product-case03] .c3-practice svg,[data-puxin-product-case03] .c3-practice-result svg {display:block;width:100%;height:auto;max-width:100%;background:#faf7f1;border-radius:8px;font:13px sans-serif;color:#51493c}
[data-puxin-product-case03] .c3-practice-result {margin:12px 0;padding:10px;border:1px solid #ded0b9;border-radius:7px;min-width:0}
[data-puxin-product-case03] .c3-practice-result figure {margin:12px 0}
[data-puxin-product-case03] .c3-practice-result summary {cursor:pointer;font-weight:600;line-height:1.6}
[data-puxin-product-case03] .c3-practice :focus-visible {outline:2px solid #92713c;outline-offset:3px}
@media(max-width:620px){[data-puxin-product-case03] .c3-practice{padding:11px}[data-puxin-product-case03] .c3-practice .row button{flex:1 1 85px;font-size:13px;padding:9px 8px}}
[data-puxin-product-case03]{box-sizing:border-box}[data-puxin-product-case03] .workcard:has(.c3-practice-result){grid-template-columns:1fr}[data-puxin-product-case03] .workcard:has(.c3-practice-result)>img{max-width:240px}
[data-puxin-product-case03] .c3-practice-result svg{max-width:620px}[data-puxin-product-case03] .workcard:has(.c3-practice-result){grid-template-columns:130px minmax(0,1fr)}@media(max-width:620px){[data-puxin-product-case03] .workcard:has(.c3-practice-result){grid-template-columns:1fr}}

/* 生活剧情版：所有新增规则限定于本章，沿用事务所终端结构。 */
[data-puxin-product-case03][data-story-revision="1"]{box-sizing:border-box}
[data-puxin-product-case03][data-story-revision="1"] .choices{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}
[data-puxin-product-case03][data-story-revision="1"] .story-plan{padding:7px;text-align:left;min-width:0;font-size:14px}
[data-puxin-product-case03][data-story-revision="1"] .story-plan img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--bright);margin-bottom:5px}
[data-puxin-product-case03][data-story-revision="1"] .story-scene{position:relative;min-width:0}
[data-puxin-product-case03][data-story-revision="1"] .story-motion-overlay{position:absolute;inset:0;background:rgba(250,247,239,.94);display:flex;align-items:center;justify-content:center;padding:8px}
[data-puxin-product-case03][data-story-revision="1"] .story-motion-overlay svg{max-width:100%;max-height:100%;width:100%;height:auto}
[data-puxin-product-case03][data-story-revision="1"] .story-feedback{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--gold);background:var(--bright)}
[data-puxin-product-case03][data-story-revision="1"] .story-feedback b{font-size:12px;font-weight:500;color:var(--darkgold)}
[data-puxin-product-case03][data-story-revision="1"] .story-feedback p{font-size:15px;margin-top:5px}
[data-puxin-product-case03][data-story-revision="1"] .story-theory,[data-puxin-product-case03][data-story-revision="1"] .story-hint{padding:10px 12px;margin-top:12px;background:var(--well);border-radius:6px}
[data-puxin-product-case03][data-story-revision="1"] .story-hint-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
[data-puxin-product-case03][data-story-revision="1"] .story-hint-pair img{width:100%;height:auto;object-fit:contain}
[data-puxin-product-case03][data-story-revision="1"] .story-hint-pair svg{display:block;width:100%;height:auto;background:var(--bright)}
[data-puxin-product-case03][data-story-revision="1"] .story-memo{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;margin:14px 0}
[data-puxin-product-case03][data-story-revision="1"] .story-memo dt{color:var(--darkgold)}
[data-puxin-product-case03][data-story-revision="1"] .story-memo dd{margin:0;overflow-wrap:anywhere}
[data-puxin-product-case03][data-story-revision="1"] .story-record{padding:12px 0;border-bottom:1px solid var(--line)}
[data-puxin-product-case03][data-story-revision="1"] .story-clue{padding:8px 0 13px;border-bottom:1px solid var(--line)}
[data-puxin-product-case03][data-story-revision="1"] #c3-feature:empty{display:none}
[data-puxin-product-case03][data-story-revision="1"] #c3-intro-photo{object-fit:contain}
[data-puxin-product-case03][data-story-revision="1"] .intro-frame{background:#e9e3d8}
[data-puxin-product-case03][data-story-revision="1"] .intro-caption{z-index:2}
[data-puxin-product-case03][data-story-revision="1"] .intro-caption p{overflow-wrap:anywhere}
@media(max-width:600px){
 [data-puxin-product-case03][data-story-revision="1"] .story-memo{grid-template-columns:1fr;gap:3px}
 [data-puxin-product-case03][data-story-revision="1"] .story-memo dd{margin-bottom:8px}
 [data-puxin-product-case03][data-story-revision="1"] .story-plan{font-size:12px}
 [data-puxin-product-case03][data-story-revision="1"] .stage{padding-bottom:0;row-gap:10px}
 [data-puxin-product-case03][data-story-revision="1"] .dialogue{margin-top:0}
 [data-puxin-product-case03][data-story-revision="1"] .intro>.row{flex-wrap:wrap}
}

/* 反馈焦点保留到下一步；关系示意与原照片并列阅读。 */
[data-puxin-product-case03][data-story-revision="1"] .story-focus-diagram{margin:12px 0;padding:10px 12px;background:#faf7f0;border:1px solid var(--line);border-radius:7px}
[data-puxin-product-case03][data-story-revision="1"] .story-focus-diagram svg{display:block;width:100%;height:auto;max-width:500px;margin:0 auto}
[data-puxin-product-case03][data-story-revision="1"] .story-focus-diagram figcaption{margin-top:6px;color:var(--darkgold);font-size:13px;line-height:1.6}

/* 终端反馈先看到关系，原照片完整缩放，不占满教学面板。 */
@media(min-width:1101px) and (min-height:640px){
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram,.story-cause) #c3-photo{height:clamp(120px,17vh,180px);max-height:180px;object-fit:contain}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .story-focus-diagram{margin:8px 0;padding:6px 9px}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .story-focus-diagram svg{max-height:82px}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram) #c3-photo-tools{padding:5px 0;margin-bottom:4px}
}
@media(min-width:1101px) and (min-height:640px) and (max-height:800px){
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram){display:flex;flex-direction:column}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram)>*{flex-shrink:0}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram) .work-head{order:-5}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram) #c3-step-guide{display:none}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] #c3-task:has(.story-focus-diagram){display:contents}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] #c3-task>.story-focus-note{order:-4;flex-shrink:0}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] #c3-task>.story-focus-diagram{order:-3;flex-shrink:0}
 .tkp-layer [data-puxin-product-case03][data-story-revision="1"] .work:has(.story-focus-diagram)>figure{order:-2}
}