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

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

/* C07 的观察条件与即时结果。尺寸和配色继续使用事务所终端变量。 */
[data-puxin-product-case07] .c7-step-guide{margin:12px 0;padding:11px 13px;border-left:3px solid var(--gold);background:var(--bright)}
[data-puxin-product-case07] .c7-step-guide b{display:block;margin:5px 0;font-size:14px;line-height:1.65;color:var(--ink)}
[data-puxin-product-case07] .c7-step-guide p{font-size:12px;line-height:1.65;color:var(--muted);margin:4px 0 0}
[data-puxin-product-case07] .c7-gray{filter:grayscale(1)}
[data-puxin-product-case07] #c7-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-case07] #c7-photo-tools:empty{display:none}
[data-puxin-product-case07] .c7-view-label{flex:1 0 100%;font-size:12px}
[data-puxin-product-case07] .c7-view-label b{color:var(--darkgold);display:block}
[data-puxin-product-case07] .c7-view-label span{color:var(--muted);display:block;margin-top:3px}
[data-puxin-product-case07] #c7-photo-tools button{min-height:38px;font-size:12px;padding:7px 12px}
[data-puxin-product-case07] .c7-local-feedback{padding:10px 12px;border-left:3px solid var(--gold);background:var(--well);font-size:12px;line-height:1.75}
[data-puxin-product-case07] #c7-actions .c7-local-feedback{color:var(--ink)}
[data-puxin-product-case07] #c7-before-after{display:block}
[data-puxin-product-case07] .c7-revision-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
[data-puxin-product-case07] .c7-revision-pair figure{min-width:0;padding:7px;border:1px solid var(--line);background:var(--bright);border-radius:5px}
[data-puxin-product-case07] .c7-revision-pair img{width:100%;height:auto;object-fit:contain}
[data-puxin-product-case07] .c7-method-cards{display:grid;gap:16px}
[data-puxin-product-case07] .c7-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-case07] .c7-method-card>*{min-width:0}
[data-puxin-product-case07] .c7-method-card img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}
[data-puxin-product-case07] .c7-method-card h4{font:600 18px/1.5 var(--serif);margin:0 0 8px}
[data-puxin-product-case07] .c7-method-card p{font-size:12px;line-height:1.8}
[data-puxin-product-case07] .c7-tip-question{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
[data-puxin-product-case07] .c7-tip-question b{display:block;color:var(--darkgold)}
[data-puxin-product-case07] .c7-reason,[data-puxin-product-case07] .c7-part-choices{display:grid;gap:6px}
[data-puxin-product-case07] .c7-use-status{font-size:12px;line-height:1.7}
[data-puxin-product-case07] .c7-use-status b{color:var(--darkgold)}
.tkp-layer #c7-actions .c7-reason{padding:10px 12px;border-bottom:1px solid var(--line)}
.tkp-layer #c7-actions .c7-reason>button,.tkp-layer #c7-actions .c7-part-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 #c7-actions .c7-reason>button:before,.tkp-layer #c7-actions .c7-part-choices>button:before{display:none}
.tkp-layer #c7-actions .c7-reason>button[aria-pressed=true],.tkp-layer #c7-actions .c7-part-choices>button[aria-pressed=true]{border-color:var(--darkgold);background:var(--well);box-shadow:inset 3px 0 0 var(--gold)}
.tkp-layer #c7-actions .c7-part-choices{padding:8px 12px}
.tkp-layer #c7-actions .c7-use-status{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bright)}
.tkp-layer #c7-actions #c7-complete{padding-right:18px;background:var(--gold);color:#fff;line-height:1.6}
.tkp-layer #c7-actions #c7-complete:after{display:none}
.tkp-layer #c7-actions #c7-complete:before{color:#fff}
@media(max-width:620px){[data-puxin-product-case07] .c7-method-card,[data-puxin-product-case07] .c7-revision-pair{grid-template-columns:1fr}[data-puxin-product-case07] .c7-method-card{gap:9px}[data-puxin-product-case07] .c7-step-guide{padding:10px}}

/* 路线是独立可点击关系图；照片保持原图比例。 */
[data-puxin-product-case07] .path-board {padding:13px;background:var(--bright);border:1px solid var(--line);border-radius:8px;margin-top:12px}
[data-puxin-product-case07] .path-board h4{margin:0 0 8px;font-size:16px}
[data-puxin-product-case07] .path-board svg{width:100%;height:auto;max-height:380px;display:block;overflow:visible}
[data-puxin-product-case07] .path-board svg text{font:13px "Microsoft YaHei",sans-serif;fill:var(--ink)}
[data-puxin-product-case07] .path-board>p{font-size:12px;margin-top:10px;line-height:1.7}
[data-puxin-product-case07] .c7-table{fill:#ded2bd;stroke:#9c8970;stroke-width:2}
[data-puxin-product-case07] .c7-support{fill:none;stroke:#777168;stroke-width:14;stroke-linejoin:round}
[data-puxin-product-case07] .c7-hook{fill:none;stroke:#7f796f;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
[data-puxin-product-case07] .c7-loop{fill:#b9c5bd;stroke:#507362;stroke-width:3}
[data-puxin-product-case07] .c7-gap{fill:none;stroke:#b48b45;stroke-width:5;stroke-dasharray:5 4}
[data-puxin-product-case07] .c7-route-line{fill:none;stroke-width:4;stroke-dasharray:8 6;pointer-events:none}
[data-puxin-product-case07] .c7-route-target{fill:none;stroke:transparent;stroke-width:30;cursor:pointer;pointer-events:stroke}
[data-puxin-product-case07] .c7-svg-route[role=button]{cursor:pointer;outline:none}
[data-puxin-product-case07] .c7-svg-route[role=button] text{paint-order:stroke;stroke:var(--bright);stroke-width:5;stroke-linejoin:round;font-size:14px;pointer-events:all}
[data-puxin-product-case07] .c7-svg-route.is-selected .c7-route-line{stroke-width:7;stroke-dasharray:none}
[data-puxin-product-case07] .c7-svg-route[role=button]:focus-visible .c7-route-target,[data-puxin-product-case07] .c7-svg-route[role=button]:hover .c7-route-target{stroke:rgba(183,146,85,.2)}
[data-puxin-product-case07] #c7-choices:not(:empty){margin:8px 0 12px}
[data-puxin-product-case07] #c7-task .c7-local-feedback{margin:12px 0 0;color:var(--ink)}
[data-puxin-product-case07] #c7-photo{object-fit:contain!important;object-position:center;aspect-ratio:3/2}
@media(max-width:620px){[data-puxin-product-case07] .path-board svg text,[data-puxin-product-case07] .path-board .c7-svg-route[role=button] text{font-size:22px}[data-puxin-product-case07] .path-board{padding:9px}}
/* 路径观察真正切换主图；应用照片作为完整、不裁切的动作参考。 */
[data-puxin-product-case07].c7-diagram-view .work>figure{display:none}
[data-puxin-product-case07].c7-diagram-view .choices img{display:none}
[data-puxin-product-case07].c7-use-view .c7-context{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px;align-items:center}
[data-puxin-product-case07].c7-use-view .c7-context .c7-step-guide{margin:0}
[data-puxin-product-case07].c7-use-view .c7-context figure{margin:0;min-width:0}
[data-puxin-product-case07].c7-use-view #c7-photo{width:100%;height:auto!important;max-height:116px!important;aspect-ratio:3/2;object-fit:contain!important;background:var(--bright)}
[data-puxin-product-case07].c7-use-view .c7-context figcaption{font-size:11px;line-height:1.5}
[data-puxin-product-case07].c7-use-view .path-board{margin-top:10px;padding:10px}
[data-puxin-product-case07].c7-use-view .path-board h4{margin-bottom:3px}
[data-puxin-product-case07].c7-use-view .path-board>p{margin-top:6px}
[data-puxin-product-case07].c7-use-view #c7-feature:empty{display:none}
@media(max-width:1100px),(max-height:639px){[data-puxin-product-case07].c7-use-view .c7-context{display:block}[data-puxin-product-case07].c7-use-view .c7-context figure{margin:10px 0 0}[data-puxin-product-case07].c7-use-view #c7-photo{height:120px!important;max-height:120px!important;aspect-ratio:auto}[data-puxin-product-case07].c7-use-view .c7-context figcaption{text-align:center}}

/* 部位图可点击区比标记更大，照片始终完整显示。 */
[data-puxin-product-case07] .c7-cup-body{fill:#e7e2d9;stroke:#6b655d;stroke-width:3}
[data-puxin-product-case07] .c7-cup-cap{fill:#d7d2c7;stroke:#6b655d;stroke-width:2}
[data-puxin-product-case07] .c7-flip{fill:#ebe7df;stroke:#7f796e;stroke-width:2}
[data-puxin-product-case07] .c7-rib{fill:none;stroke:#bcb5a7;stroke-width:1.5}
[data-puxin-product-case07] .c7-band{fill:#cfc7b7;stroke:#a99e89;stroke-width:1.5}
[data-puxin-product-case07] .c7-part-leader{fill:none;stroke-width:2}
[data-puxin-product-case07] .c7-part-number{fill:#fff;font-weight:bold;pointer-events:none}
[data-puxin-product-case07] .c7-part-target,[data-puxin-product-case07] .c7-label-target{fill:transparent;stroke:transparent;pointer-events:all}
[data-puxin-product-case07] .c7-svg-part[role=button]{cursor:pointer;outline:none}
[data-puxin-product-case07] .c7-svg-part[role=button]:hover .c7-part-target,[data-puxin-product-case07] .c7-svg-part[role=button]:focus-visible .c7-part-target{fill:rgba(183,146,85,.2);stroke:#7f633d;stroke-width:2}
[data-puxin-product-case07] .c7-svg-part.is-selected .c7-part-dot{stroke:#fff;stroke-width:3}
[data-puxin-product-case07] .path-board svg{max-height:350px}
[data-puxin-product-case07] .path-board svg text{font-size:14px}
[data-puxin-product-case07] .path-board .c7-part-label{font-size:14px}
[data-puxin-product-case07] .path-board .c7-part-number{font-size:15px}
[data-puxin-product-case07].c7-diagram-view .work>figure{display:none}
@media(max-width:620px){[data-puxin-product-case07] .path-board svg{max-height:none}[data-puxin-product-case07] .path-board svg text,[data-puxin-product-case07] .path-board .c7-part-label{font-size:18px}[data-puxin-product-case07] .path-board .c7-part-number{font-size:19px}}

/* C07 家族收纳关系图：同一门卡保持大小，不把示意当成实物测量。 */
[data-puxin-product-case07] .c7-step-guide{scroll-margin-top:24px}
[data-puxin-product-case07] .c7-object{fill:#ebe4d8;stroke:#655c4f;stroke-width:2.5}
[data-puxin-product-case07] .c7-inner{fill:#f7f2e9;stroke:#b9aa92;stroke-width:1.5}
[data-puxin-product-case07] .c7-divider{fill:none;stroke:#a99b85;stroke-width:5}
[data-puxin-product-case07] .c7-lid{fill:#e1d9cb;stroke:#857967;stroke-width:2}
[data-puxin-product-case07] .c7-family-mark{fill:none;stroke:#b38d4f;stroke-width:2.5}
[data-puxin-product-case07] .c7-card>rect:first-child{fill:#d0b679;stroke:#8b754d;stroke-width:2}
[data-puxin-product-case07] .c7-card-chip{fill:#b79b5c;stroke:#8b754d;stroke-width:1}
[data-puxin-product-case07] .c7-card text{fill:#4b402f;font-size:14px}
[data-puxin-product-case07] .c7-key{fill:none;stroke:#8a867f;stroke-width:4}
[data-puxin-product-case07] .c7-earbuds{fill:#ddd8ce;stroke:#8a8379;stroke-width:2}
[data-puxin-product-case07] .c7-zone-target{fill:transparent;stroke:transparent;stroke-width:3;pointer-events:all}
[data-puxin-product-case07] .c7-svg-part:focus-visible .c7-zone-target,[data-puxin-product-case07] .c7-svg-part:hover .c7-zone-target{stroke:#7f633d;fill:rgba(183,146,85,.1)}
[data-puxin-product-case07] .path-board svg .c7-part-label{font-size:16px;font-weight:600;paint-order:stroke;stroke:#fffdf8;stroke-width:3}
[data-puxin-product-case07] .path-board svg .c7-object-title{font-size:16px;font-weight:600}
[data-puxin-product-case07] .path-board svg .c7-object-label{font-size:12px}
[data-puxin-product-case07] .c7-dual-feedback{display:grid;gap:8px}
[data-puxin-product-case07] .c7-dual-feedback .feedback-quote{margin:0}
[data-puxin-product-case07] .c7-dual-feedback button{min-height:36px;padding:5px 10px;margin-top:7px;font-size:12px}
.tkp-layer #c7-actions .c7-dual-feedback .feedback-quote{padding:10px 12px}
.tkp-layer #c7-actions .c7-dual-feedback .feedback-quote p{font:13px/1.65 var(--serif)}
.tkp-layer #c7-actions .c7-dual-feedback button{padding:6px 10px;min-height:36px;font:12px/1.5 var(--sans);border:1px solid var(--line);background:var(--bright);border-radius:5px}
.tkp-layer #c7-actions .c7-dual-feedback button:before,.tkp-layer #c7-actions .c7-dual-feedback button:after{display:none}
.tkp-layer #c7-actions .c7-dual-feedback button[aria-pressed=true]{background:var(--well);border-color:var(--darkgold)}
@media(max-width:620px){[data-puxin-product-case07] .path-board svg .c7-part-label{font-size:24px}[data-puxin-product-case07] .path-board svg .c7-object-label{font-size:22px}[data-puxin-product-case07] .path-board svg .c7-object-title{font-size:24px}[data-puxin-product-case07] .path-board svg .c7-card text{font-size:22px}}

/* Learning revision: the student's editable composition stays separate from reference photography. */
[data-puxin-product-case07] .c7-editor,[data-puxin-product-case07] .c7-composer{padding:14px;border:1px solid var(--gold);background:var(--bright);border-radius:9px;margin:12px 0}
[data-puxin-product-case07] fieldset{border:1px solid var(--line);margin:10px 0;padding:10px;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
[data-puxin-product-case07] legend{padding:0 6px;color:var(--darkgold)}
[data-puxin-product-case07] .c7-saved-artifact{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
[data-puxin-product-case07] .c7-saved-artifact svg,[data-puxin-product-case07] .c7-editor svg{width:100%;height:auto;display:block;max-width:100%}
[data-puxin-product-case07] .c7-compose-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
[data-puxin-product-case07] .c7-compose-frames article{min-width:0;border:1px solid var(--line);padding:8px;border-radius:7px}
[data-puxin-product-case07] .c7-compose-frames img{display:block;width:100%;height:auto}
@media(max-width:600px){[data-puxin-product-case07] .c7-compose-frames,[data-puxin-product-case07] .c7-artifact-frames{grid-template-columns:1fr!important}[data-puxin-product-case07] .c7-compose-frames button{flex:1;min-width:0}}

/* Short everyday story: one choice, one response, one local change. */
[data-puxin-product-case07][data-story-revision="1"] .story-clues,[data-puxin-product-case07] .story-hints{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
[data-puxin-product-case07] .story-hints p{flex-basis:100%;padding:8px 10px;background:var(--bright);border-left:2px solid var(--gold)}
[data-puxin-product-case07] .story-option-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
[data-puxin-product-case07] .story-option-images button{padding:7px;min-width:0;display:block}[data-puxin-product-case07] .story-option-images img{display:block;width:100%;height:auto;object-fit:contain}
[data-puxin-product-case07] .story-option-images b{display:block;margin-top:6px;font-size:13px}
[data-puxin-product-case07] .story-mini-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
[data-puxin-product-case07] .story-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
[data-puxin-product-case07] .story-frames figure{min-width:0;border:1px solid var(--line);padding:8px;border-radius:8px;background:var(--bright)}
[data-puxin-product-case07] .story-frames img{width:100%;height:auto;display:block}[data-puxin-product-case07] .story-frames [draggable=true]{cursor:grab}
[data-puxin-product-case07] .story-frame-image{position:relative}[data-puxin-product-case07] .story-cue{background:#ece0c6;color:#665032;display:flex;align-items:center;gap:6px;padding:7px;font-size:12px}[data-puxin-product-case07] .story-cue svg{width:58px;height:26px;flex:none}
[data-puxin-product-case07] .story-family svg{width:100%;height:auto;max-height:315px;display:block}[data-puxin-product-case07] .story-family text{font-size:15px;fill:#50483d}
[data-puxin-product-case07] .story-callback,[data-puxin-product-case07] .story-note,[data-puxin-product-case07] .story-workcard{padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bright);margin:10px 0}
[data-puxin-product-case07] .story-history article{border-bottom:1px solid var(--line);padding:10px 0}
[data-puxin-product-case07][data-story-revision="1"] .choices{display:block}
[data-puxin-product-case07][data-story-phase="feedback"] .work>figure img,[data-puxin-product-case07][data-story-phase="revise"] .work>figure img{max-height:270px;object-fit:contain}
[data-puxin-product-case07][data-story-revision="1"] .intro-frame img{object-fit:contain}
[data-puxin-product-case07].story-motion .story-frames figure{animation:story-read-7 .85s ease-in-out both}
[data-puxin-product-case07].story-motion .story-frames figure:nth-child(2){animation-delay:.85s}[data-puxin-product-case07].story-motion .story-frames figure:nth-child(3){animation-delay:1.7s}
[data-puxin-product-case07].story-motion .story-family-desk{animation:story-read-7 .8s ease-in-out}[data-puxin-product-case07].story-motion .story-card{animation:story-card-7 1.2s .7s ease-out both}[data-puxin-product-case07].story-motion .story-family-carry{animation:story-read-7 .8s 1.9s ease-in-out}
@keyframes story-read-7{0%,100%{filter:none}50%{filter:drop-shadow(0 0 5px #bd9046)}}
/* Feedback remains paired with the selected person's concern after the short motion. */
[data-puxin-product-case07] .story-family[data-family-focus="family"] .story-family-outline{stroke:#936924;stroke-width:5}
[data-puxin-product-case07] .story-family[data-family-focus="family"] .story-family-mark{stroke:#936924;stroke-width:6}
[data-puxin-product-case07] .story-family[data-family-focus="carry"] .story-card rect{stroke:#936924;stroke-width:5;fill:#e1c690}
[data-puxin-product-case07] .story-family[data-family-focus="carry"] .story-family-divider{stroke:#926043;stroke-width:8}
[data-puxin-product-case07] .feedback-quote.story-active-speaker{border-left:3px solid #936924;background:#f3ecde}
[data-puxin-product-case07]:is([data-story-phase="feedback"],[data-story-phase="revise"]) .work{display:flex;flex-direction:column}
[data-puxin-product-case07]:is([data-story-phase="feedback"],[data-story-phase="revise"]) .work-head{order:0}
[data-puxin-product-case07]:is([data-story-phase="feedback"],[data-story-phase="revise"]) #c7-step-guide{order:1}
[data-puxin-product-case07]:is([data-story-phase="feedback"],[data-story-phase="revise"]) #c7-task{order:2}
[data-puxin-product-case07]:is([data-story-phase="feedback"],[data-story-phase="revise"]) .work>figure{order:3;margin-top:12px}
[data-puxin-product-case07]:is([data-story-phase="feedback"],[data-story-phase="revise"]) :is(#c7-photo-tools,#c7-choices,#c7-feature,#c7-before-after,.work>.boundary){order:4}
@keyframes story-card-7{from{transform:translateY(34px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){[data-puxin-product-case07] .story-frames figure,[data-puxin-product-case07] .story-card,[data-puxin-product-case07] .story-family-desk,[data-puxin-product-case07] .story-family-carry{animation:none!important}}
@media(max-width:600px){[data-puxin-product-case07] .story-frames{grid-template-columns:1fr}[data-puxin-product-case07] .story-frames figure{display:block}[data-puxin-product-case07] .story-frames .row button{flex:1}[data-puxin-product-case07] .story-option-images{grid-template-columns:1fr}[data-puxin-product-case07] .story-option-images button{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:10px}[data-puxin-product-case07] .story-family svg{min-height:150px}}