/* Approved AIPH_00003 Demo r2 screen styles, scoped to the actual H5 module. */
.vc-page{--ink:#242826;--muted:#747a76;--line:#dfe2dc;--paper:#fafbf7;--soft:#eff1eb;--dark:#303932;--accent:#dce5d6;background:var(--paper);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;display:flex;flex-direction:column;min-height:calc(100dvh - 72px);margin:-20px -16px;}
.vc-page .nav-inner{max-width:1280px;margin:auto;padding:12px 30px;display:flex;gap:7px;align-items:center;overflow-x:auto}
.vc-page .nav-inner button{padding:8px 13px;border-radius:24px;white-space:nowrap;font-size:12px}
.vc-page .nav-inner button.active{background:var(--dark);color:white}
.vc-page .nav-inner .reset{margin-left:auto;border:1px solid #ccd2c6}
.vc-page .grid{max-width:1280px;margin:30px auto 60px;padding:0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px;align-items:start}
.vc-page .appbar{height:61px;flex:none;padding:0 16px;border-bottom:1px solid #e5e8df;display:flex;align-items:center;gap:7px}
.vc-page .appbar h3{font-size:16px;line-height:1.3;flex:1;font-weight:650}
.vc-page .icon-button{display:grid;place-items:center;min-width:36px;height:38px;border-radius:10px;padding:7px}
.vc-page .icon-button:hover{background:var(--soft)}
.vc-page .top-action{font-size:12px;padding:10px 2px 10px 8px;white-space:nowrap}
.vc-page .content{padding:22px 21px;flex:1;min-width:0}
.vc-page .content>*+*{margin-top:20px}
.vc-page .content h2{font-size:25px;letter-spacing:-.5px;line-height:1.4}
.vc-page .lead{font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px!important}
.vc-page .kicker{font-size:10px;letter-spacing:1.4px;color:#727c66;font-weight:700}
.vc-page .section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;font-size:13px;font-weight:600}
.vc-page .section-title span{font-size:11px;font-weight:400;color:var(--muted)}
.vc-page .surface{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px}
.vc-page .surface.soft{background:var(--soft);border-color:transparent}
.vc-page .surface>*+*{margin-top:9px}
.vc-page .type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vc-page .type-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px 14px;text-align:left;min-height:143px}
.vc-page .type-card .type-icon{width:40px;height:40px;background:#eef1e8;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}
.vc-page .type-card b{display:block;font-size:15px}
.vc-page .type-card small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.vc-page .type-card:hover{border-color:#9ba68f;background:#f5f7f0}
.vc-page .row{display:flex;align-items:center;gap:11px;min-width:0;text-align:left}
.vc-page .row.full{width:100%}
.vc-page .row .grow{flex:1;min-width:0}
.vc-page .row strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.vc-page .row small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:2px}
.vc-page .row .chev{color:#848d7a;font-size:20px}
.vc-page .list-row{padding:14px 0;border-bottom:1px solid var(--line)}
.vc-page .list-row:first-child{padding-top:0}
.vc-page .list-row:last-child{border-bottom:0;padding-bottom:0}
.vc-page .thumb{width:51px;height:59px;flex:none;border-radius:10px;background:#e9eee1;display:grid;place-items:center;overflow:hidden}
.vc-page .thumb.square{height:51px}
.vc-page .thumb svg{width:47px;height:47px}
.vc-page .prompt{width:100%;min-height:118px;resize:vertical;padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px;font-size:13px;line-height:1.8}
.vc-page .prompt::placeholder{color:#9a9f95}
.vc-page .label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}
.vc-page .hint{font-size:11px;color:#818879;line-height:1.75}
.vc-page .link{font-size:12px;color:#4d5d45;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.vc-page .relation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}
.vc-page .relation .badge-icon{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:8px;background:#f0f3e9}
.vc-page .relation .grow{flex:1;min-width:0}
.vc-page .relation strong{display:block;font-size:12px;font-weight:600}
.vc-page .relation small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.vc-page .small-actions{display:flex;gap:8px;align-items:center}
.vc-page .small-actions button{font-size:11px;padding:6px 0;color:#67785a}
.vc-page .source-note{background:#eef2e8;padding:9px 11px;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:6px}
.vc-page .source-note .grow{flex:1}
.vc-page .source-note button{font-size:11px;text-decoration:underline}
.vc-page .upload{border:1px dashed #b9c3ae;min-height:94px;width:100%;border-radius:13px;background:#f4f6f0;display:flex;align-items:center;justify-content:center;gap:10px;color:#707e63;text-align:center;padding:14px}
.vc-page .upload b{font-size:12px;font-weight:500}
.vc-page .upload small{display:block;font-size:10px;margin-top:3px;color:#8a9480}
.vc-page .upload.filled{border-style:solid;background:#edf1e6;position:relative;min-height:120px}
.vc-page .upload.filled .art{height:86px;width:86px}
.vc-page .upload .chip{position:absolute;left:8px;top:8px;background:#fff9;border-radius:5px;font-size:10px;padding:2px 5px}
.vc-page .slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vc-page .slots .upload{height:126px;flex-direction:column;gap:7px}
.vc-page .slots .slot-label{font-size:12px;margin-bottom:6px}
.vc-page .asset-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.vc-page .asset-mini{position:relative;border-radius:10px;overflow:hidden;width:67px;background:#e9eedf}
.vc-page .asset-mini .art{width:67px;height:63px}
.vc-page .asset-mini small{display:block;text-align:center;padding:3px;font-size:9px;background:#f1f4eb}
.vc-page .asset-mini button{position:absolute;right:1px;top:1px;width:22px;height:22px;border-radius:50%;background:#fff;font-size:13px}
.vc-page .specs{border-top:1px solid var(--line);padding-top:12px}
.vc-page .specs summary{list-style:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.vc-page .specs summary::-webkit-details-marker{display:none}
.vc-page .specs summary span{font-size:11px;color:#77816d}
.vc-page .spec-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.vc-page .spec-fields label{font-size:11px}
.vc-page .spec-fields select{width:100%;height:36px;margin-top:5px;border-radius:8px;border:1px solid var(--line);background:white;padding:5px}
.vc-page .footer{padding:16px 21px 21px;border-top:1px solid #eceee6;background:var(--paper)}
.vc-page .btn{min-height:43px;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}
.vc-page .btn.primary{background:var(--dark);color:#fff}
.vc-page .btn.secondary{background:#f5f7f0;border:1px solid #d4dbcc;color:#43523b}
.vc-page .btn.text{color:#65775a;background:transparent}
.vc-page .btn.full{width:100%}
.vc-page .button-pair{display:flex;gap:9px}
.vc-page .button-pair>*{flex:1}
.vc-page .footer .hint{text-align:center;margin-top:9px}
.vc-page .search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:8px 11px}
.vc-page .search input{border:0;outline:0;width:100%;min-width:0;height:24px;background:transparent;font-size:12px}
.vc-page .segmented{display:flex;padding:4px;background:#e9ede2;border-radius:10px;gap:3px}
.vc-page .segmented button{flex:1;font-size:11px;padding:7px;border-radius:7px;white-space:nowrap}
.vc-page .segmented button.active{background:white;box-shadow:0 1px 3px #2337160b}
.vc-page .pick-row{border:1px solid var(--line);border-radius:13px;padding:12px;margin-top:10px;background:#fff;width:100%;text-align:left}
.vc-page .pick-row.selected{border-color:#758767;background:#f0f4e9}
.vc-page .radio{width:17px;height:17px;border-radius:50%;border:1px solid #abb5a0;flex:none}
.vc-page .selected .radio{border:5px solid #5a6c4b;background:#fff}
.vc-page .asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vc-page .asset-tile{text-align:left;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}
.vc-page .asset-tile .art{height:85px;width:100%;background:#eef1e7}
.vc-page .asset-tile small{display:block;font-size:10px;padding:7px}
.vc-page .asset-tile.selected{outline:2px solid #77896b;outline-offset:-2px}
.vc-page .asset-tile .check{position:absolute;right:5px;top:5px;border-radius:50%;background:#fff;width:17px;height:17px;border:1px solid #aab39f;font-size:11px;text-align:center}
.vc-page .asset-tile.selected .check{background:#4e6043;color:white;border-color:#4e6043}
.vc-page .film{border-radius:14px;overflow:hidden;background:#2d352d;color:#edf1e6;position:relative;aspect-ratio:9/11;display:flex;flex-direction:column;align-items:center;justify-content:center}
.vc-page .film .art{width:65%;height:65%;color:#c8d4bd}
.vc-page .film .film-title{font-size:18px;font-weight:500;letter-spacing:1px;position:absolute;left:17px;bottom:58px}
.vc-page .film .controls{position:absolute;left:13px;right:13px;bottom:13px;display:flex;align-items:center;gap:9px;font-size:10px}
.vc-page .play{width:31px;height:31px;border-radius:50%;background:#ffffff1c;color:inherit;display:grid;place-items:center;flex:none}
.vc-page .track{height:2px;flex:1;background:#ffffff25}
.vc-page .track:before{content:"";display:block;background:#d9e4ce;width:0;height:100%}
.vc-page .film.playing .art{animation:float 3s ease-in-out infinite}
.vc-page .film.playing .track:before{animation:track 5s linear infinite}
.vc-page .film.small{aspect-ratio:9/10}
.vc-page .film.small .film-title{font-size:12px;bottom:48px;left:12px}
.vc-page .film.small .controls{left:8px;right:8px;font-size:9px;gap:5px}
.vc-page .film.small .play{width:25px;height:25px}
.vc-page .film.small .art{width:75%}
.vc-page .film.v2{background:#d5ddca;color:#34412b}
.vc-page .film.v2 .track{background:#34412b25}
.vc-page .film.v2 .track:before{background:#586b47}
.vc-page .film.v2 .art{color:#627752}
.vc-page .film.v2 .play{background:#34412b18}
.vc-page .stat-line{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.vc-page .stat-line span{font-size:10px;color:#73816a;border:1px solid #dbe1d4;border-radius:5px;padding:3px 7px}
.vc-page .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vc-page .case{display:block;text-align:left;min-width:0}
.vc-page .case-art{aspect-ratio:3/4;display:grid;place-items:center;background:#dfe6d5;border-radius:12px;overflow:hidden;position:relative}
.vc-page .case:nth-child(2) .case-art{background:#e7e2d6}
.vc-page .case:nth-child(3) .case-art{background:#dee4e2}
.vc-page .case .case-art .art{height:90%;width:90%}
.vc-page .case-art .play-label{position:absolute;bottom:8px;left:8px;background:#fff9;padding:2px 6px;border-radius:5px;font-size:9px}
.vc-page .case strong{font-size:12px;display:block;margin-top:7px}
.vc-page .case small{font-size:10px;color:#7d8676;display:block;margin-top:2px}
.vc-page .status-hero{text-align:center;padding:31px 8px}
.vc-page .status-mark{width:60px;height:60px;border:1px solid #d6dece;display:grid;place-items:center;border-radius:50%;margin:0 auto 19px;background:#eef2e7;color:#586d47;font-size:25px}
.vc-page .status-hero h2{font-size:22px}
.vc-page .status-hero p{font-size:12px;color:var(--muted);margin-top:8px}
.vc-page .timeline{margin:0;padding:0;list-style:none}
.vc-page .timeline li{position:relative;padding:0 0 23px 26px;font-size:12px;color:#8e9687}
.vc-page .timeline li:before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:50%;background:#d2dac9}
.vc-page .timeline li:after{content:"";position:absolute;left:5px;top:17px;width:1px;height:calc(100% - 17px);background:#e0e5d8}
.vc-page .timeline li:last-child{padding-bottom:0}
.vc-page .timeline li:last-child:after{display:none}
.vc-page .timeline li.done{color:#65715b}
.vc-page .timeline li.done:before{background:#738669}
.vc-page .timeline li.current{color:#2f4325;font-weight:600}
.vc-page .timeline li.current:before{background:#4f6a3d;outline:4px solid #e5eddd}
.vc-page .timeline li small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#919987}
.vc-page .notice{border-radius:12px;padding:13px 14px;background:#edf2e6;color:#526447;font-size:12px;line-height:1.85}
.vc-page .notice.error{background:#f3ebe3;color:#855e47;border:1px solid #e9d9cc}
.vc-page .notice.neutral{background:#eef0ea;color:#737d69}
.vc-page .notice strong{display:block;font-size:13px;margin-bottom:4px}
.vc-page .notice .button-pair{margin-top:13px}
.vc-page .notice .btn{font-size:12px;min-height:37px;padding:8px 12px}
.vc-page .summary dl{margin:0}
.vc-page .summary dl div{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid #edf0e7;padding:8px 0;font-size:11px}
.vc-page .summary dl div:last-child{border:0}
.vc-page .summary dt{color:#838e78;flex:none}
.vc-page .summary dd{margin:0;text-align:right;max-width:70%;overflow-wrap:anywhere}
.vc-page .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vc-page .compare-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;padding:8px;background:#fff}
.vc-page .compare-card.active{border-color:#778a69;background:#eff4e8}
.vc-page .compare-card .name{font-size:11px;display:flex;justify-content:space-between;margin:7px 1px}
.vc-page .compare-card .btn{font-size:11px;min-height:33px;padding:6px;width:100%;border-radius:8px}
.vc-page .empty{text-align:center;padding:35px 6px}
.vc-page .empty .empty-icon{width:57px;height:57px;display:grid;place-items:center;border:1px solid #d5ddcb;background:#eef3e6;color:#889a77;border-radius:16px;margin:0 auto 18px}
.vc-page .empty h4{font-size:15px}
.vc-page .empty p{font-size:11px;color:#7e8973;margin-top:8px;line-height:1.8}
.vc-page .dialog-scene{background:#3b45312c;flex:1;padding:60px 20px;display:flex;align-items:center}
.vc-page .dialog-card{width:100%;background:#fcfdf8;border:1px solid #d4ddc7;box-shadow:0 10px 28px #28341410;border-radius:20px;padding:24px 20px}
.vc-page .dialog-card h3{font-size:18px;line-height:1.4}
.vc-page .dialog-card>p{font-size:12px;color:#7c866f;margin-top:11px;line-height:1.85}
.vc-page .dialog-card .button-pair{margin-top:21px}
.vc-page .dialog-card .btn{font-size:12px;padding:10px}
.vc-page .dialog-card .quote{font-size:12px;line-height:1.85;padding:12px;background:#f0f4e8;border-radius:10px;margin-top:15px}
.vc-page .persistent-error{display:none;margin-top:10px;color:#95694e;border:1px solid #e6d1bd;background:#f8f0e7;padding:9px 11px;font-size:11px;border-radius:9px}
.vc-page .persistent-error.show{display:block}
.vc-page .compare-hint{font-size:10px;margin-top:10px;color:#8c947f}
.vc-page .art{color:#6c805b}
.vc-page .legal{max-width:1280px;margin:0 auto 45px;padding:20px 30px 0;border-top:1px solid #d4dbcc;font-size:11px;color:#7c8771;display:flex;justify-content:space-between;gap:25px}
.vc-page .film.playing .art,.vc-page .film.playing .track:before{animation:none}
.vc-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
.vc-page .nav-inner{max-width:880px}
.vc-page .grid{grid-template-columns:minmax(0,1fr);padding:0 15px;max-width:420px;gap:28px}
.vc-page .nav-inner{padding:10px 14px}
.vc-page .nav-inner button{font-size:11px;padding:8px 11px}
.vc-page .legal{padding:20px;display:block}
.vc-page .legal span{display:block;margin-top:10px}
.vc-page .reset{display:none}
.vc-page .grid{grid-template-columns:repeat(2,1fr)}
.vc-page .common-title{margin-top:20px}
.vc-page .setting-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}
.vc-page .setting-row:last-child{border-bottom:0}
.vc-page .setting-row>span:first-child{flex:1}
.vc-page .setting-row strong{display:block;font-size:12px;font-weight:500}
.vc-page .setting-row small{display:block;font-size:10px;color:var(--muted)}
.vc-page .setting-row input{position:absolute;opacity:0;width:1px;height:1px}
.vc-page .switch{width:39px;height:23px;border-radius:15px;background:#d0d6c9;position:relative;flex:none}
.vc-page .switch:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .15s}
.vc-page .setting-row input:checked+.switch{background:#4f6242}
.vc-page .setting-row input:checked+.switch:after{transform:translateX(16px)}
.vc-page .setting-row input:focus-visible+.switch{outline:3px solid #93a28b;outline-offset:3px}

.screen:has(.vc-page){padding:20px 16px;background:#fafbf7}
.vc-page *{box-sizing:border-box}.vc-page h2,.vc-page h3,.vc-page p{margin:0}.vc-page button,.vc-page input,.vc-page textarea,.vc-page select{font:inherit;color:inherit}.vc-page .btn{font-size:13px;cursor:pointer}.vc-page button:disabled{opacity:.5;cursor:default}.vc-page .content{width:100%}.vc-page .brief{display:flex;flex-direction:column;gap:20px}.vc-page .type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.vc-page .type-card strong,.vc-page .type-card small{display:block}.vc-page .type-icon{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;color:#65755e;margin-bottom:14px;background:#eff1eb;border-radius:10px}.vc-page svg{width:22px;height:22px}.vc-page .type-card small{font-size:11px;color:var(--muted);margin-top:5px}.vc-page .gallery{margin-top:22px}.vc-page .grow{min-width:0;flex:1}.vc-page small{display:block;color:var(--muted);font-size:11px}.vc-page .small-actions{display:flex}.vc-page .small-actions .btn{padding:3px;min-height:36px}.vc-page .spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vc-page .spec-grid label{font-size:11px;color:var(--muted)}.vc-page .spec-grid select{width:100%;height:44px;border:1px solid var(--line);background:white;border-radius:10px;padding:0 10px;margin-top:6px}.vc-page .source-list{display:grid;gap:12px;margin-top:24px}.vc-page .source-list button{text-align:left;width:100%}.vc-page .upload strong{display:block;font-size:13px}.vc-page .asset-strip{display:flex;gap:8px;overflow:auto;margin-top:12px}.vc-page .asset-mini{position:relative;width:76px;flex:none}.vc-page .asset-mini img,.vc-page .asset-mini video{width:76px;height:76px;object-fit:cover;border-radius:10px}.vc-page .asset-mini small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vc-page .asset-mini button,.vc-page .asset-tile button{position:absolute;right:0;top:0;width:26px;height:26px;border:0;border-radius:50%;background:#fff}.vc-page .asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.vc-page .asset-tile{position:relative;min-width:0}.vc-page .asset-tile img,.vc-page .asset-tile video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.vc-page .asset-tile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-page .slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vc-page .slots .upload{height:160px;overflow:hidden;padding:0}.vc-page .slots img{height:100%;width:100%;object-fit:cover}.vc-page .film{display:block;width:100%;height:auto;max-height:420px;background:#17241c;margin:18px 0;object-fit:contain;aspect-ratio:9/16}.vc-page .film.small{max-height:240px}.vc-page .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vc-page .compare-grid .surface{padding:10px;min-width:0}.vc-page .summary{margin:18px 0}.vc-page .summary p{margin:8px 0;white-space:pre-wrap}.vc-page .notice{margin:12px 21px;overflow-wrap:anywhere}.vc-page .content .notice{margin:0}.vc-page .selected{border-color:#718667;box-shadow:0 0 0 1px #718667}.vc-page .search{min-height:44px;margin-top:16px}.vc-page .empty p{margin:12px 0}.vc-page .hint{color:var(--muted);font-size:11px;margin-top:12px}.vc-page .primary{color:#fff;background:#303932;border:1px solid #303932}.vc-page .secondary{background:#fff;border:1px solid var(--line)}.vc-page .text{background:transparent;border:0}.vc-page .full{width:100%}.vc-page .footer{margin-top:auto}.vc-page :focus-visible{outline:3px solid #93a28b;outline-offset:3px}.vc-page .setting-row input:focus-visible+.switch{outline:3px solid #93a28b;outline-offset:3px}.vc-page .status-hero p{margin-top:12px}

.vc-page .brief>*{margin-top:0}.vc-page .brief>.specs{margin-top:0}.vc-page .spec-grid select{height:36px}.vc-page .slots .upload{height:126px}.vc-page .specs{border-top:1px solid var(--line);padding-top:14px}.vc-page .common-title{margin-top:20px}.vc-page .brief h2{margin-top:8px}
.vc-page .spec-grid .select-trigger{min-height:36px;padding:7px 10px;font-size:12px;line-height:20px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-top:6px}.vc-page .spec-grid .select-trigger svg{width:16px;height:16px;flex-basis:16px}.app-shell:has(.vc-page) .detail-topbar{min-height:61px}.app-shell:has(.vc-page) .topbar-title{font-size:16px}