/* Product rules migrated directly from confirmed AIPH_00062 Demo r2. */
.vp-page{--ink:#292e2b;--muted:#727a73;--line:#dce0d9;--paper:#fafbf8;--soft:#eef1ea;--dark:#354037}
.vp-page *{box-sizing:border-box}
.vp-page{margin:0;background:#eceee7;color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.vp-page h1,.vp-page h2,.vp-page h3,.vp-page p{margin:0}
.vp-page a{color:inherit}
.vp-page button,.vp-page input,.vp-page textarea,.vp-page select{font:inherit;color:inherit}
.vp-page button,.vp-page a{touch-action:manipulation}
.vp-page button{cursor:pointer}
.vp-page button:disabled{cursor:default;opacity:.52}
.vp-page button:focus-visible,.vp-page a:focus-visible,.vp-page input:focus-visible,.vp-page select:focus-visible,.vp-page textarea:focus-visible{outline:3px solid #8c9d84;outline-offset:3px}
.vp-page .badge{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #cfd6c8;border-radius:6px;font-size:11px;white-space:normal}
.vp-page .badge.dark{background:var(--dark);color:white;border-color:var(--dark)}
.vp-page .bar{height:62px;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid var(--line);flex:none}
.vp-page .bar h3{font-size:16px;font-weight:650;flex:1}
.vp-page .back{width:44px;height:48px;background:none;border:0;font-size:23px;display:grid;place-items:center;text-decoration:none}
.vp-page .body{padding:20px;flex:1;min-width:0}
.vp-page .body>*+*{margin-top:19px}
.vp-page .body h2{font-size:24px;line-height:1.4;font-weight:650}
.vp-page .lead,.vp-page .hint{color:var(--muted);font-size:12px;line-height:1.8}
.vp-page .lead{margin-top:6px}
.vp-page .section-label{font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.vp-page .section-label small{font-size:11px;font-weight:400;color:var(--muted)}
.vp-page .card{padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px}
.vp-page .card>*+*{margin-top:10px}
.vp-page .soft{background:var(--soft);border-color:transparent}
.vp-page .row{display:flex;gap:10px;align-items:center}
.vp-page .grow{flex:1;min-width:0}
.vp-page .row b{display:block;font-size:13px}
.vp-page .row small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.vp-page .row+.row{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.vp-page .logo{width:36px;height:36px;background:#e5eadf;border-radius:10px;display:grid;place-items:center;font-size:21px;font-weight:700;flex:none}
.vp-page .chevron{color:#7c8575;font-size:19px}
.vp-page .link-row{color:inherit;text-decoration:none;display:flex;width:100%;text-align:left;border:0;background:none;padding:0}
.vp-page .foot{padding:16px 20px 22px;border-top:1px solid var(--line);background:#fafbf8}
.vp-page .foot>*+*{margin-top:10px}
.vp-page .button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;border-radius:12px;border:1px solid #cfd6c9;background:#fff;padding:10px 13px;text-decoration:none;font-size:13px;font-weight:600;text-align:center}
.vp-page .button.primary{background:var(--dark);color:white;border-color:var(--dark)}
.vp-page .button.text{border:0;background:none;font-weight:500}
.vp-page .pair{display:flex;gap:10px}
.vp-page .pair>*{flex:1;min-width:0}
.vp-page .field{margin-top:17px}
.vp-page .field label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.vp-page input[type=datetime-local],.vp-page textarea,.vp-page select{width:100%;padding:12px;border:1px solid #bfc8b8;border-radius:9px;background:white;font-size:14px;min-height:49px}
.vp-page textarea{min-height:123px;resize:vertical;line-height:1.7}
.vp-page input[type=checkbox]{width:20px;height:20px;accent-color:var(--dark)}
.vp-page .notice{background:#edf0e8;padding:12px 14px;border-left:3px solid #8d9a80;border-radius:5px;font-size:12px;line-height:1.75}
.vp-page .notice.error{background:#f1eee9;border-color:#8d7967}
.vp-page .notice strong{display:block;margin-bottom:4px;font-size:13px}
.vp-page .status-icon{width:46px;height:46px;background:#e6ecdf;border:1px solid #cad3c1;border-radius:50%;display:grid;place-items:center;font-size:23px;margin-bottom:16px}
.vp-page .status-title{font-size:25px!important}
.vp-page .kv{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;font-size:12px}
.vp-page .kv dt{color:var(--muted)}
.vp-page .kv dd{margin:0;overflow-wrap:anywhere}
.vp-page .rule{border:0;border-top:1px solid var(--line);margin:15px 0}
.vp-page .body .caption{white-space:pre-wrap;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.vp-page .poster{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1.25;background:#e6eadd}
.vp-page .poster svg{width:100%;height:100%;display:block}
.vp-page .poster .length{position:absolute;bottom:10px;right:11px;background:#34402dd9;color:white;padding:2px 7px;border-radius:5px;font-size:10px}
.vp-page .poster .poster-label{position:absolute;top:11px;left:12px;color:#68765e;font-size:10px;letter-spacing:1px}
.vp-page .mini{width:49px;height:60px;border-radius:8px;background:#e5ebdc;display:grid;place-items:center;flex:none;color:#77856c;font-size:25px}
.vp-page .timeline{list-style:none;padding:0;margin:0}
.vp-page .timeline li{position:relative;padding:0 0 20px 24px;font-size:13px}
.vp-page .timeline li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#a3af97}
.vp-page .timeline li:not(:last-child):after{content:"";position:absolute;left:3px;top:19px;width:1px;height:calc(100% - 16px);background:#d3dacb}
.vp-page .timeline small{display:block;color:var(--muted);font-size:11px}
.vp-page .sheet-stage{position:relative;min-height:650px;background:linear-gradient(#323c2e35,#323c2e35),#fafbf8;display:flex;align-items:flex-end;padding-top:160px}
.vp-page .sheet{width:100%;padding:24px;background:#eaf0e6;border-radius:28px 28px 0 0}
.vp-page .sheet h2{font-size:23px;font-weight:500}
.vp-page .sheet label{display:flex;align-items:center;gap:12px;min-height:76px;margin-top:16px;border-block:1px solid #cbd4c4}
.vp-page .sheet .close{border:0;background:none;padding:10px;min-width:48px;min-height:48px;font-size:23px}
.vp-page .empty{padding:35px 5px;text-align:center}
.vp-page .empty .status-icon{margin:0 auto 16px}
.vp-page .muted{color:var(--muted)}
.vp-page .small{font-size:11px}
.vp-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.vp-page [hidden]{display:none!important}
.vp-page .mark{background:#e0e7d8;border-radius:4px;padding:1px 5px}
.vp-page .tiny-action{min-height:48px;border:0;background:none;font-size:12px;padding:8px;color:#4d5d43}
.vp-page .alert-area{margin-top:14px}
.vp-page .compact{font-size:12px}
.vp-page .future-label{margin-bottom:10px;font-size:11px;color:#8a7154}
.vp-shell>.topbar{display:none}.vp-shell>.screen{padding:0}.vp-page{background:var(--paper);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-wrap:anywhere}.vp-page .bar{padding-top:env(safe-area-inset-top);height:calc(62px + env(safe-area-inset-top))}.vp-page .foot{padding-bottom:max(16px,env(safe-area-inset-bottom))}.vp-page video.poster{display:block;width:100%;height:auto;aspect-ratio:360/288;object-fit:contain;background:#e5eadd}.vp-page [hidden]{display:none!important}.vp-page .body>.field:first-child{margin-top:0}.vp-page .body>div#vp-device-time{margin-top:19px}.vp-page .field input,.vp-page .field select,.vp-page .field textarea{height:auto}.vp-page .field textarea{min-height:128px}.vp-page .field label{letter-spacing:normal;text-transform:none}.vp-page .button{letter-spacing:normal}.vp-page .bar .back{padding:0}.vp-page .caption{white-space:pre-wrap;user-select:text}.vp-page .sheet-stage{min-height:650px;flex:none}.vp-page .close{min-width:44px;min-height:44px}.vp-page .kv{margin:0}.vp-page .kv dd{overflow-wrap:anywhere}.vp-page .muted{color:var(--muted)}
.vp-page .channel-note{margin:24px 0}.vp-page .local-caption{margin:14px 0}
/* Shared control behavior retains the confirmed field geometry. */
.vp-page .field{display:block}.vp-page .field label{line-height:1.65}.vp-page .field textarea{min-height:123px}.vp-page .select-trigger{width:100%;min-height:49px;padding:12px;border:1px solid #bfc8b8;border-radius:9px;background:#fff;font-size:14px;line-height:1.65;font-weight:400;color:var(--ink)}.vp-page .foot{padding:16px 20px max(22px,env(safe-area-inset-bottom))}
@media(max-width:650px){.vp-page .body{padding:18px}.vp-page .foot{padding:16px 18px max(20px,env(safe-area-inset-bottom))}.vp-page .sheet{padding:20px}.vp-page .kv{grid-template-columns:68px minmax(0,1fr)}}

.vp-page .kv{margin:1em 0}.vp-page .body>.kv{margin-top:19px}.vp-page .card>.kv:not(:first-child){margin-top:10px}