/* R16 product illustrations: the controls alter diagrams, never claim footage comparisons. */
.pr-demo{--pr-green:#253f35;--pr-paper:#f0f1e8;--pr-border:#cbd3c4;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--pr-paper);color:#253b30;overflow:hidden;font-family:var(--font)}
.pr-demo-head{display:flex;align-items:center;gap:14px;padding:23px 24px 0;flex-wrap:wrap}.pr-demo-head strong{font-size:17px;line-height:1.6;font-weight:500}.pr-demo-tag{display:inline-block;font-size:11px;line-height:20px;letter-spacing:.035em;padding:2px 8px;border:1px solid #adbca6;border-radius:3px;white-space:nowrap;color:#4b6551}.pr-demo-intro{font-size:13px;line-height:23px;margin:10px 24px 20px;color:var(--muted)}
.pr-demo-stage{margin:0 16px;border:1px solid #c6d0bd;border-radius:7px;overflow:hidden;isolation:isolate}.pr-demo-stage svg{display:block;width:100%;height:auto}.pr-demo svg text{font-family:var(--font);font-size:14px}.pr-demo svg .pr-svg-caption{fill:#c9d5c1;font-size:12px}.pr-demo svg .pr-svg-caption-dark{fill:#687960}.pr-region{fill:#e2ca9018;stroke:#e2ca90;stroke-width:2;stroke-linejoin:round}.pr-region text{fill:#eee2bb;stroke:none;font-size:15px}.pr-region path{stroke-dasharray:5 4}.pr-region path:last-of-type{stroke-dasharray:none;fill:none}
.pr-demo-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 24px}.pr-demo button{min-height:42px;border:1px solid #a7b69e;border-radius:4px;padding:8px 14px;background:transparent;color:var(--pr-green);font:500 13px/22px var(--font);cursor:pointer}.pr-demo button:hover{background:#e1e7d9;border-color:#829678}.pr-demo button[aria-pressed=true]{background:var(--pr-green);border-color:var(--pr-green);color:#f5f3e9}.pr-demo button:focus-visible,.pr-demo input:focus-visible{outline:3px solid #ad8c4c;outline-offset:4px}.pr-demo .pr-choice{gap:8px}.pr-check{display:flex;align-items:center;gap:9px;font-size:13px;line-height:22px;color:#53624e;cursor:pointer}.pr-check input{width:18px;height:18px;accent-color:var(--pr-green);margin:0;flex:none}.pr-checks{display:flex;gap:15px;flex-wrap:wrap;width:100%;margin-block:8px}.pr-range-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0}.pr-range-row>label{font-size:13px;line-height:22px;display:flex;justify-content:space-between;gap:12px;color:#435a43}.pr-range-row output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.pr-range-row input[type=range]{width:100%;min-height:30px;accent-color:var(--pr-green);margin:0;cursor:pointer}.pr-range-row>button{justify-self:start}.pr-beauty-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pr-beauty-controls>button{justify-self:start;grid-column:1/-1}.pr-demo-status{margin:16px 24px 0;padding:13px 0;border-top:1px solid #cad2c1;font-size:13px;line-height:23px;color:#36503b;min-height:60px}.pr-demo-note{margin:8px 24px 23px;font-size:11px;line-height:21px;color:var(--muted)}.pr-demo-noscript{margin:20px 24px;padding:14px;border:1px solid #c5cdbc;background:#f7f7f2;font-size:13px;line-height:23px}.pr-demo-reset{margin:0 24px 22px}
.pr-flow{list-style:none;padding:0;margin:16px 24px;display:flex;gap:8px;align-items:stretch}.pr-flow li{flex:1;border-top:2px solid #899d7f;padding:10px 0 0;font-size:12px;line-height:20px;color:#52684e}.pr-flow li+li:before{content:'→';color:#839579;margin-right:6px}.pr-light [data-light-panel=jewel] .pr-demo-controls{margin-top:20px}.pr-demo [hidden]{display:none!important}
.pr-avatar-stage{display:grid;grid-template-columns:130px 1fr;gap:24px;align-items:center;margin:0 16px;padding:25px 24px;background:#dfe6d7;border:1px solid #becdb3;border-radius:7px}.pr-avatar-symbol svg{display:block;width:100%;max-height:160px}.pr-avatar-symbol>span{display:block;text-align:center;font-size:10px;line-height:20px;color:#687963;margin-top:3px}.pr-avatar-now h3{font:500 23px/1.45 var(--font);margin:14px 0 10px}.pr-avatar-now>p{font-size:13px;line-height:23px;color:#5f6f59}.pr-avatar-now .pr-demo-tag{font-size:10px;border-color:#a8ba9c}.pr-avatar-source{display:inline-block;border-top:1px solid #acbca1;padding-top:10px;margin-top:14px;font-size:12px;line-height:20px;color:#46613f}.pr-avatar-actions{gap:7px}.pr-avatar-actions button{padding-inline:11px}.pr-avatar-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 24px}.pr-avatar-flow>div{border:1px solid #ccd4c2;border-radius:4px;padding:12px;background:#f5f6ee;transition:background .2s,border-color .2s}.pr-avatar-flow strong{display:block;font-size:13px;line-height:22px;font-weight:500}.pr-avatar-flow span{display:block;font-size:11px;line-height:20px;color:var(--muted);margin-top:4px}.pr-avatar-flow .is-active{border-color:#8d9d78;background:#e7dcc0;box-shadow:inset 3px 0 #947d45}.pr-avatar-stage.is-changing .pr-avatar-source{animation:pr-state-appear .32s ease-out 1}@keyframes pr-state-appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.pr-scene-stage{padding:18px;margin:0 16px;border-radius:7px;background:#dfe3d8;border:1px solid #c6d0bd;min-height:180px}.pr-scene-canvas{position:relative;isolation:isolate;width:min(100%,290px);aspect-ratio:768/1376;margin:auto;border-radius:4px;overflow:hidden;background:#dce2d3;box-shadow:0 5px 18px #1f342d14}.pr-scene-canvas[data-mode=studio]{width:100%;aspect-ratio:3152/1330}.pr-scene-canvas>img{width:100%;height:100%;object-fit:contain}.pr-scene-overlay{position:absolute;inset:0;pointer-events:none}.pr-scene-stamp{position:absolute;left:10px;top:10px;background:#213d30e6;color:#f1ead8;padding:4px 8px;font-size:10px;line-height:18px;border:1px solid #d2c09299;border-radius:3px}.pr-scene-person{position:absolute;left:39%;top:42%;width:22%;height:46%;border:1px dashed #ead9ac;border-radius:40% 40% 14% 14%;background:#253f353d;display:flex;justify-content:center}.pr-scene-person:before{content:'';position:absolute;left:34%;top:5%;width:32%;aspect-ratio:1;background:#ead9aca8;border-radius:50%}.pr-scene-person:after{content:'';position:absolute;left:22%;top:23%;width:56%;height:48%;border-radius:25% 25% 10% 10%;background:#ead9ac72}.pr-scene-person i{position:absolute;left:27%;top:68%;width:46%;height:28%;border-left:6px solid #ead9ac72;border-right:6px solid #ead9ac72}.pr-scene-person span{position:absolute;left:50%;top:-29px;transform:translateX(-50%);background:#234231e8;color:#f6edd5;padding:2px 7px;border-radius:3px;font-size:11px;white-space:nowrap}.pr-scene-path{position:absolute;bottom:9%;left:21%;width:58%;height:9%;border:1px dashed #eee0b9;border-radius:50%;background:#ead9ac1a}.pr-scene-path>span{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);color:#f3ead2;white-space:nowrap;font-size:10px;text-shadow:0 1px 4px #10231c}.pr-scene-product{position:absolute;left:27%;top:64%;width:48%;height:19%;border:1px dashed #ead9ac;background:#d8c5a040;border-radius:4px}.pr-scene-product>span{display:block;color:#fff3d4;background:#234231e8;font-size:10px;line-height:20px;margin:6px;width:max-content;padding:1px 6px;border-radius:3px}.pr-scene-canvas[data-mode=product] .pr-scene-person{left:40%;top:28%;height:44%;width:25%}.pr-scene-canvas[data-mode=product] .pr-scene-person i{display:none}.pr-scene-canvas[data-mode=studio] .pr-scene-person{left:31%;top:28%;height:58%;width:11%}.pr-scene-canvas[data-mode=studio] .pr-scene-person-two{left:59%}.pr-scene-canvas[data-mode=studio] .pr-scene-person span{font-size:9px;top:-22px}.pr-scene-canvas[data-mode=studio] .pr-scene-person i{border-width:4px}.pr-scene-alternates{display:flex;gap:10px;padding:16px 24px 0}.pr-scene-alternates button{display:flex;align-items:center;gap:9px;padding:7px 10px;font-size:11px;line-height:18px}.pr-scene-alternates img{width:25px;height:42px;object-fit:cover;border-radius:2px}.pr-scene-alternates button[aria-pressed=true]{background:#dee7d6;color:#294735;border-color:#829678}
@media(max-width:767px){.pr-demo-head{padding:20px 18px 0;gap:8px}.pr-demo-head strong{font-size:16px}.pr-demo-intro{margin:10px 18px 18px;font-size:12px;line-height:22px}.pr-demo-stage{margin-inline:10px}.pr-demo-controls{margin-inline:18px;gap:10px}.pr-demo button{min-height:44px}.pr-demo .pr-choice button{padding-inline:12px;font-size:12px}.pr-demo-status{margin-inline:18px;font-size:12px;line-height:22px}.pr-demo-note{margin-inline:18px}.pr-beauty-controls{gap:12px;grid-template-columns:1fr}.pr-beauty-controls>button{grid-column:1}.pr-flow{margin-inline:18px}.pr-avatar-stage{margin-inline:10px;grid-template-columns:85px 1fr;gap:15px;padding:20px 15px}.pr-avatar-now h3{font-size:20px}.pr-avatar-now>p{font-size:12px;line-height:22px}.pr-avatar-flow{margin-inline:18px}.pr-avatar-flow>div{padding:10px}.pr-avatar-actions button{font-size:12px;padding-inline:9px}.pr-scene-stage{margin-inline:10px;padding:14px}.pr-scene-alternates{padding-inline:18px}.pr-demo-reset{margin-left:18px}}
.pr-materials-stage{padding:18px;margin:0 16px;border:1px solid #c6d0bd;border-radius:7px;background:#dfe3d8}.pr-materials-canvas{position:relative;isolation:isolate;width:min(100%,290px);aspect-ratio:768/1376;margin:auto;border-radius:4px;overflow:hidden;background:#dce2d3;box-shadow:0 5px 18px #1f342d14}.pr-materials-canvas>img{width:100%;height:100%;object-fit:contain}.pr-materials-canvas>svg{position:absolute;left:28%;top:40%;width:44%;height:49%;filter:drop-shadow(0 2px 3px #243e3026)}.pr-materials-badge{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:4px 9px;border:1px solid #d2c09299;border-radius:3px;background:#213d30e6;color:#f1ead8;font-size:10px;line-height:18px;white-space:nowrap}.pr-materials .pr-flow{margin-block:12px}.pr-materials .pr-demo-status{margin-top:10px}
@media(max-width:767px){.pr-materials-stage{margin-inline:10px;padding:14px}}
@media(prefers-reduced-motion:reduce){.pr-demo *{animation:none!important;transition:none!important}}

/* Additional high-density workbench interactive components */
.pr-metrics-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none}
.pr-metric-item{background:#e7ece0;border:1px solid #c2ceb8;border-radius:6px;padding:12px 14px}
.pr-metric-item strong{display:block;font-size:13px;line-height:1.45;color:var(--pr-green);font-weight:600}
.pr-metric-item span{display:block;font-size:11px;line-height:1.55;color:#556952;margin-top:4px}
.pr-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:2px 8px;border-radius:10px;background:#182e22;color:#7ee09e;font-family:monospace}
.pr-status-pill.is-alert{background:#3b2914;color:#f0b252}
.pr-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:pr-pulse 2s infinite}
@keyframes pr-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.pr-stage-badge{position:absolute;right:14px;top:14px;background:#203429e6;color:#e8e0c8;padding:3px 9px;font-size:11px;border-radius:4px;border:1px solid #78926d88;pointer-events:none}
@media(max-width:767px){
  .pr-metrics-row{grid-template-columns:1fr;gap:8px;margin-top:16px}
  .pr-metric-item{padding:10px 12px}
}

/* 9:16 竖屏直播专属画框与监视器交互样式 */
.pr-demo-phone{
  width:min(100%, 310px);
  aspect-ratio:9 / 16;
  margin:0 auto;
  border-radius:24px;
  border:4px solid #15291e;
  background:#0b1912;
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(8,20,14,0.32), 0 0 0 1px #2b4534;
  display:flex;
  flex-direction:column;
}
.pr-phone-topbar{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:36px;
  padding:8px 12px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:10;
  pointer-events:none;
}
.pr-phone-notch{
  position:absolute;
  top:6px;
  left:50%;
  transform:translateX(-50%);
  width:64px;
  height:12px;
  background:#06100b;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pr-phone-camera{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#14291e;
}
.pr-live-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:#ff4757e6;
  color:#fff;
  font-size:9px;
  font-weight:700;
  padding:1px 5px;
  border-radius:3px;
  letter-spacing:.02em;
}
.pr-live-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  animation:pr-pulse 1.2s infinite;
}
.pr-stream-info{
  font-family:monospace;
  font-size:9px;
  color:#8bf8b0;
  background:#0f2419cc;
  padding:2px 5px;
  border-radius:3px;
  border:1px solid #234832;
}
.pr-phone-canvas{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  flex:1;
}
.pr-phone-canvas svg{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.pr-phone-canvas text{
  font-family:var(--font);
}
.pr-phone-footer{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:10px 12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:10;
  pointer-events:none;
  background:linear-gradient(to top, rgba(10,24,17,0.7) 0%, transparent 100%);
}
.pr-cart-badge{
  background:#e8c886;
  color:#15291e;
  font-size:10px;
  font-weight:700;
  padding:2px 7px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.pr-like-count{
  font-size:10px;
  color:#f0b252;
  font-family:monospace;
}

/* BFAI Camera 9:16 专业监视器与硬核对比展示扩展 */
.cam-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.cam-badge{display:inline-flex;align-items:center;gap:6px;background:#e5ece0;color:#203e2e;border:1px solid #b8cbaf;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}
.cam-badge.is-highlight{background:#183325;color:#e8dcb9;border-color:#c9af73}
.cam-badge-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8}
.cam-badge.is-highlight .cam-badge-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}

.cam-compare-table th,.cam-compare-table td{vertical-align:middle;padding:16px 18px;font-size:14px;line-height:1.6}
.cam-compare-col-bfai{background:#edf4e8!important;border-inline:2px solid #3d684e;font-weight:600;color:#173625}
.cam-compare-col-bfai strong{color:#173625}
.cam-tag-win{display:inline-block;background:#234832;color:#7ee09e;font-size:11px;padding:2px 7px;border-radius:4px;margin-right:6px;font-weight:600}
.cam-tag-loss{display:inline-block;background:#fee2e2;color:#b91c1c;font-size:11px;padding:2px 7px;border-radius:4px;margin-right:6px}
.cam-tag-mid{display:inline-block;background:#fef3c7;color:#b45309;font-size:11px;padding:2px 7px;border-radius:4px;margin-right:6px}

.cam-pipe-box{background:#15261d;border:1px solid #355342;border-radius:8px;padding:20px;margin-top:16px;color:#e5ede2}
.cam-pipe-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:16px}
.cam-pipe-node{background:#1f372a;border:1px solid #385b46;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.5}
.cam-pipe-node strong{display:block;font-size:13px;color:#8bf8b0;margin-bottom:4px}
.cam-pipe-node.is-alert{background:#382218;border-color:#b45309;color:#fde68a}
.cam-pipe-node.is-alert strong{color:#f59e0b}
.cam-pipe-node.is-danger{background:#381c1c;border-color:#dc2626;color:#fecaca}
.cam-pipe-node.is-danger strong{color:#ef4444}
.cam-pipe-arrow{display:flex;align-items:center;justify-content:center;color:#b7a57e;font-size:18px}

.cam-ctrl-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.cam-ctrl-btn{padding:10px 14px;font-size:13px;font-weight:500;background:#edf2e8;border:1px solid #b8cbaf;border-radius:6px;color:#234231;text-align:left;cursor:pointer;transition:all .2s ease}
.cam-ctrl-btn:hover{background:#dee8d6}
.cam-ctrl-btn[aria-pressed="true"]{background:#234231;border-color:#234231;color:#f6eedb;box-shadow:0 2px 8px rgba(35,66,49,0.25)}
.cam-ctrl-btn strong{display:block;font-size:13px}
.cam-ctrl-btn span{display:block;font-size:11px;opacity:0.85;margin-top:2px}

.cam-feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.cam-feat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column}
.cam-feat-card h3{font-size:18px;line-height:1.5;margin:12px 0 8px;color:#1a3325}
.cam-feat-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.cam-feat-icon{font-size:24px;line-height:1}

.cam-hud-param{font-family:monospace;font-size:10px;color:#f6eedb;background:rgba(15,36,25,0.85);padding:2px 6px;border-radius:3px;border:1px solid rgba(139,248,176,0.3)}

@media(max-width:850px){
  .cam-pipe-row{grid-template-columns:1fr;gap:8px}
  .cam-ctrl-panel{grid-template-columns:1fr}
  .cam-feature-cards{grid-template-columns:1fr}
}

/* 2.5X 发丝放大真实交互样式 */
[data-cam-qual-canvas] [data-cam-main-img],
[data-cam-qual-canvas] [data-cam-hair],
[data-cam-qual-canvas] [data-cam-mosaic] {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
  transform-origin: 32% 24%;
}

[data-cam-qual-canvas][data-zoomed="true"] [data-cam-main-img],
[data-cam-qual-canvas][data-zoomed="true"] [data-cam-hair],
[data-cam-qual-canvas][data-zoomed="true"] [data-cam-mosaic] {
  transform: scale(2.4) translate(-12%, -16%);
}

/* ==========================================================================
   Workbench 9:16 真实物料与纯代码驱动交互动效样式
   ========================================================================== */
.pr-real-stage {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #091710;
}
.pr-real-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pr-real-subject {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 88%;
  object-fit: contain;
  pointer-events: none;
}
.pr-stage-tag-bottom {
  position: absolute;
  bottom: 24px;
  left: 12px;
  right: 12px;
  padding: 4px 8px;
  background: rgba(9, 23, 16, 0.9);
  border: 1px solid rgba(139, 248, 176, 0.35);
  border-radius: 4px;
  color: #8bf8b0;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
  z-index: 8;
  backdrop-filter: blur(4px);
}

/* 01 抠像 500% 发丝微距放大镜 */
.pr-loupe-widget {
  position: absolute;
  right: 12px;
  top: 48px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 2.5px solid #f6deb0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(232, 200, 134, 0.4);
  overflow: hidden;
  z-index: 6;
  background: #102419;
  cursor: crosshair;
}
.pr-loupe-lens {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pr-loupe-target {
  position: absolute;
  max-width: none !important;
  max-height: none !important;
  width: 720px !important;
  height: auto !important;
  left: -307px !important;
  top: -240px !important;
  pointer-events: none;
}
.pr-loupe-reticle {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 16px rgba(0,0,0,0.6);
  pointer-events: none;
}
.pr-loupe-reticle::before,
.pr-loupe-reticle::after {
  content: '';
  position: absolute;
  background: rgba(246, 222, 176, 0.5);
}
.pr-loupe-reticle::before {
  top: 50%;
  left: 15%;
  right: 15%;
  height: 1px;
}
.pr-loupe-reticle::after {
  left: 50%;
  top: 15%;
  bottom: 15%;
  width: 1px;
}
.pr-loupe-badge {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(13, 27, 20, 0.92);
  color: #f6deb0;
  font-size: 8.5px;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid rgba(246, 222, 176, 0.4);
}

/* 01 空幕标定点阵动画 */
.pr-calibrate-overlay {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.pr-calibrate-badge {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(9, 23, 16, 0.94);
  border: 1.5px solid #3ca062;
  color: #7ee09e;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  box-shadow: 0 6px 20px rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* 02 商品保护拾色框与多边形 */
.pr-protect-box {
  position: absolute;
  left: 30%;
  top: 41%;
  width: 44%;
  height: 24%;
  border: 2px dashed #f59e0b;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.15);
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.4);
  z-index: 6;
  pointer-events: none;
  animation: pr-protect-pulse 2s infinite ease-in-out;
}
@keyframes pr-protect-pulse {
  0%, 100% { border-color: #f59e0b; box-shadow: 0 0 12px rgba(245, 158, 11, 0.35); }
  50% { border-color: #fde68a; box-shadow: 0 0 22px rgba(245, 158, 11, 0.7); }
}
.pr-protect-badge {
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  background: #2b1f0c;
  color: #fde68a;
  border: 1px solid #f59e0b;
  font-size: 9.5px;
  padding: 1px 7px;
  border-radius: 3px;
  white-space: nowrap;
}

/* 03 2.5D 空间纵深与走动跟焦 */
.pr-depth-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(1.05);
}
.pr-depth-subject-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform-origin: 50% 100%;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.pr-depth-subject-img {
  width: 220px;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,0.5));
}
.pr-depth-af-box {
  position: absolute;
  top: 30%;
  left: 58%;
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
  border: 1.5px solid rgba(246, 222, 176, 0.85);
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(246, 222, 176, 0.5);
  pointer-events: none;
}
.pr-depth-af-label {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(12, 24, 17, 0.88);
  color: #f6deb0;
  font-size: 8px;
  font-family: monospace;
  padding: 1px 4px;
  border-radius: 2px;
  white-space: nowrap;
}
.pr-depth-hud-badge {
  position: absolute;
  top: 44px;
  right: 12px;
  background: rgba(9, 23, 16, 0.88);
  border: 1px solid rgba(139, 248, 176, 0.4);
  border-radius: 4px;
  padding: 4px 8px;
  color: #8bf8b0;
  font-size: 9.5px;
  font-family: monospace;
  z-index: 8;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* 04 真实脚下地面投影 */
.pr-shadow-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  pointer-events: none;
  z-index: 4;
  transition: opacity 0.3s ease;
}
.pr-shadow-blob {
  position: absolute;
  bottom: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 38px;
  background: radial-gradient(ellipse at center, rgba(10, 20, 14, 0.85) 0%, rgba(10, 20, 14, 0.4) 50%, transparent 80%);
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* 05 Light Wrap 漫反射光晕 */
.pr-wrap-glow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
  transition: all 0.3s ease;
}
.pr-wrap-subject-glow {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 88%;
  object-fit: contain;
  filter: drop-shadow(0 0 10px #f6c388);
  opacity: 0.75;
  transition: all 0.3s ease;
}

/* 06 珠宝光学星芒 */
.pr-jewel-flare-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 6;
}

/* 07 分层母带调色 */
.pr-color-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.3s ease;
}

/* 08 0ms 锁帧防黑屏保护金盾 */
.pr-shield-box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
  background: rgba(26, 20, 8, 0.94);
  border: 2px solid #f0b252;
  border-radius: 12px;
  padding: 16px 14px;
  text-align: center;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.75), 0 0 20px rgba(240, 178, 82, 0.4);
  z-index: 9;
  backdrop-filter: blur(8px);
}
.pr-shield-title {
  color: #f0b252;
  font-size: 13.5px;
  font-weight: 700;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.pr-shield-desc {
  color: #ebd6b0;
  font-size: 10.5px;
  line-height: 1.5;
  margin: 0 0 4px;
}
.pr-shield-state {
  color: #8bf8b0;
  font-size: 9.5px;
  font-weight: 500;
}