/* AIPH_00069 Demo r1 product CSS, scoped to the installed business module. */
.modal-layer.bi-modal{align-items:center;padding:20px;--overlay-surface:#fff;--overlay-radius:22px}
.modal-layer.bi-modal .bi-optimization[open]{max-width:350px;max-height:100%;border-radius:22px;padding:20px;background:#fff;animation:overlay-enter 200ms cubic-bezier(.2,0,0,1)}
.bi-optimization .sheet-header{display:none}.bi-optimization .sheet-options{padding:0;overflow:auto}.bi-optimization .sheet-choice-group{margin:0;padding:0;border:0}.bi-root.bi-dialog-content{min-height:0;background:transparent;display:flex;flex-direction:column;gap:16px;margin:0}.bi-dialog-content .badge{align-self:flex-start}.bi-dialog-content .feedback{min-height:18px}.bi-optimization .sheet-footer{padding:0;display:flex;flex-direction:column;gap:12px;border:0}.bi-optimization .sheet-footer button{width:100%;min-height:44px;border-radius:999px;font-size:13px}.bi-optimization .sheet-footer [data-dismiss=confirm]{background:#006b62;color:#fff}.bi-optimization .sheet-footer [data-dismiss=cancel]{color:#006b62;background:transparent}
.modal-layer.bi-modal .bi-leave{max-width:350px;border:1px solid #d7e0da;padding:20px;background:#fff;border-radius:22px}.bi-leave .dialog-actions{flex-direction:column-reverse;align-items:stretch;gap:12px}.bi-leave .dialog-actions button{min-height:44px;border-radius:999px;font-size:13px}.bi-leave [data-dismiss=confirm]{background:#006b62;color:#fff}
.bi-root{--brand:#006b62;--dark:#004f49;--soft:#d5efea;--ink:#1b2925;--muted:#62706a;--line:#d7e0da;--canvas:#f7f9f7;--amber:#765a19;--warn:#fff2d4;--error:#a13b32;--red:#fff0ed;font-family:Inter,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:auto;padding:0}
.bi-root *{box-sizing:border-box}.bi-root button,.bi-root input,.bi-root select,.bi-root textarea{font:inherit;color:inherit;touch-action:manipulation}.bi-root button{cursor:pointer}.bi-root a{color:var(--brand);text-decoration:none}.bi-root button:focus-visible,.bi-root a:focus-visible,.bi-root input:focus-visible,.bi-root textarea:focus-visible,.bi-root select:focus-visible{outline:3px solid #65b9ad;outline-offset:3px}.bi-root button:disabled{opacity:.46;cursor:not-allowed}.bi-root h1,.bi-root h2,.bi-root h3,.bi-root h4,.bi-root p{margin:0}.bi-root h3{font-size:19px;line-height:1.45}.bi-root h4{font-size:15px;line-height:1.5}.bi-root p{line-height:1.65}.bi-root small{font-size:12px;line-height:1.6}.bi-root input,.bi-root select,.bi-root textarea{width:100%;min-width:0;border:1px solid #aebdb4;background:#fff;border-radius:10px;padding:11px 12px;font-size:14px;line-height:1.6}.bi-root textarea{resize:vertical;min-height:94px}.bi-root input[type=checkbox],.bi-root input[type=radio]{width:19px;min-width:19px;height:19px;accent-color:var(--brand);margin:2px 0}.bi-root label{display:block;font-size:13px;font-weight:650;line-height:1.6}.bi-root label input,.bi-root label textarea,.bi-root label select{margin-top:7px;font-weight:400}
.bi-root .topbar{position:static;display:flex;gap:8px;align-items:center;min-height:63px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--canvas)}.bi-root .topbar h3{font-size:18px}.bi-root .back{border:0;background:transparent;width:40px;min-width:40px;height:44px;font-size:28px;padding:0;font-weight:300}.bi-root .screen{padding:20px 17px 22px;flex:1;display:flex;flex-direction:column;gap:17px;min-width:0;min-height:687px}.bi-root .screen>*,.bi-root .surface>*{min-width:0}.bi-root .surface{background:#fff;padding:16px;border:1px solid var(--line);border-radius:14px;box-shadow:none}.bi-root .stack{display:flex;flex-direction:column;gap:12px}.bi-root .muted{color:var(--muted);font-size:13px;line-height:1.7}.bi-root .tiny{color:var(--muted);font-size:11px;line-height:1.6}.bi-root .overline{color:var(--brand);font-size:10px;font-weight:750;letter-spacing:.1em}.bi-root .large-title{font-size:26px;line-height:1.4;letter-spacing:-.5px}.bi-root .hero{background:#e1efea;border:1px solid #c4dcd1;padding:22px 19px;border-radius:16px}.bi-root .hero h3{font-size:24px;line-height:1.4;margin:12px 0}.bi-root .hero p{font-size:13px;color:#446154;line-height:1.8}.bi-root .hero-art{height:97px;margin-top:20px;position:relative;display:flex;gap:8px;align-items:end;justify-content:center;overflow:hidden}.bi-root .mini-page{height:84px;width:69px;padding:10px 8px;background:#fff;border:1px solid #c6d8ce;border-radius:6px;box-shadow:0 4px 8px #2147390d;transform:rotate(-7deg)}.bi-root .mini-page:nth-child(2){height:100px;transform:rotate(1deg)}.bi-root .mini-page:nth-child(3){height:77px;transform:rotate(8deg)}.bi-root .mini-page i{display:block;height:5px;margin:5px 0;background:#c2dcd0;border-radius:3px}.bi-root .mini-page i:first-child{height:29px;background:#3b7862}
.bi-root .badge{display:inline-flex;align-items:center;align-self:flex-start;border-radius:6px;padding:4px 8px;font-size:11px;line-height:1.5;background:#e6f3ec;color:#275b46}.bi-root .badge.warn{color:var(--amber);background:var(--warn)}.bi-root .badge.neutral{background:#edf0ed;color:var(--muted)}.bi-root .notice{padding:13px 14px;border-radius:11px;background:#eaf3ee;color:#375f4b;font-size:12px;line-height:1.75}.bi-root .notice.warn{background:var(--warn);color:var(--amber)}.bi-root .notice.error{background:var(--red);color:var(--error)}.bi-root .row{display:flex;gap:10px;align-items:center;justify-content:space-between}.bi-root .row>*{min-width:0}.bi-root .divider{height:1px;background:var(--line);border:0;width:100%;margin:0}.bi-root .actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:5px}.bi-root .btn{display:flex;min-height:46px;padding:11px 15px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--brand);border-radius:24px;background:var(--brand);color:#fff;text-align:center;font-size:13px;line-height:1.6;font-weight:650;text-decoration:none;width:auto}.bi-root .btn.secondary{background:transparent;color:var(--brand);border-color:#9fb8aa}.bi-root .btn.quiet{background:transparent;color:#465e50;border-color:transparent}.bi-root .split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bi-root .link-button{border:0;background:none;padding:8px 0;min-height:40px;font-size:12px;color:var(--brand);font-weight:650;text-align:left}
.bi-root .stepper{display:flex;gap:5px;margin-bottom:3px}.bi-root .stepper i{height:4px;border-radius:2px;background:#dce5df;flex:1}.bi-root .stepper i.on{background:var(--brand)}.bi-root .step-line{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.65}.bi-root .step-dot{flex:none;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e3f2e9;color:var(--brand);font-size:11px}.bi-root .step-dot.pending{background:#eef0ed;color:var(--muted)}.bi-root .step-line p{color:var(--muted);font-size:12px}.bi-root .art-box{display:grid;place-items:center;background:#e5eee8;border-radius:10px;height:66px;width:58px;flex-shrink:0;overflow:hidden}.bi-root .art-box img{width:100%;height:100%;object-fit:contain}.bi-root .product{display:flex;align-items:center;gap:11px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;font-weight:400;cursor:pointer}.bi-root .product.selected{border-color:var(--brand);background:#f0f9f4}.bi-root .product .copy{flex:1;min-width:0}.bi-root .product strong{display:block;font-size:13px;line-height:1.5}.bi-root .product small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.bi-root .product input{margin:0}
.bi-root .style-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bi-root .style-option{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;cursor:pointer;text-align:left}.bi-root .style-option.selected{border:2px solid var(--brand);padding:8px;background:#edf7f1}.bi-root .style-option:last-child{grid-column:1/-1;display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center}.bi-root .style-thumb{display:block;height:95px;background:#f4f5ed;padding:10px;border-radius:6px;overflow:hidden;--tone:#225c4c}.bi-root .style-thumb div{height:34px;background:var(--tone);border-radius:3px;margin-bottom:7px}.bi-root .style-thumb i{display:block;background:var(--tone);height:4px;width:80%;margin:5px 0;opacity:.3}.bi-root .style-thumb i:last-child{width:55%}.bi-root .style-option strong{font-size:12px;display:block;margin-top:7px}.bi-root .style-option small{font-size:10px;color:var(--muted)}.bi-root [data-style="科技简约"] .style-thumb{background:#e8f0f5;--tone:#356480}.bi-root [data-style="品牌故事"] .style-thumb{background:#f4eadd;--tone:#886447}.bi-root [data-style="产品展示"] .style-thumb{background:#efedef;--tone:#655e73}.bi-root [data-style="产品展示"] .style-thumb div{width:55%;margin-inline:auto}.bi-root [data-style="轻快社交"] .style-thumb{background:#fff0e4;--tone:#bc7042}.bi-root .summary-row{display:flex;gap:16px;justify-content:space-between;font-size:12px;line-height:1.75;padding:9px 0;border-bottom:1px solid #edf1ee}.bi-root .summary-row:last-child{border:0}.bi-root .summary-row dt{color:var(--muted);min-width:55px}.bi-root .summary-row dd{margin:0;text-align:right;overflow-wrap:anywhere}
.bi-root .progress-art{display:grid;place-items:center;margin:20px auto 12px;border-radius:50%;width:86px;height:86px;background:conic-gradient(var(--brand) 72%,#dce9e1 0);color:var(--brand)}.bi-root .progress-art span{display:grid;place-items:center;border-radius:50%;height:72px;width:72px;background:var(--canvas);font-size:24px}.bi-root .tabs{display:flex;padding:4px;gap:4px;border-radius:12px;background:#e7eee9}.bi-root .tabs button{border:0;border-radius:9px;background:transparent;flex:1;font-size:12px;min-height:38px;padding:8px}.bi-root .tabs button[aria-selected=true]{background:#fff;color:var(--brand);box-shadow:0 2px 7px #213e300d;font-weight:700}.bi-root .preview-window{max-height:430px;overflow:auto;border:1px solid #d0dcd4;border-radius:10px;background:#e6ede7;padding:10px;scrollbar-width:thin}.bi-root .poster-image{display:block;width:100%;height:auto}.bi-root .preview-cap{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;padding-top:8px}.bi-root .candidate{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.bi-root .candidate.current{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.bi-root .candidate label{display:flex;align-items:center;justify-content:space-between}.bi-root .candidate p{font-size:13px;line-height:1.7}.bi-root .candidate-heading{padding:13px;border-left:3px solid var(--brand);background:#f0f5f0;font-size:18px;line-height:1.5;font-weight:700}.bi-root .summary-thumb{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center}.bi-root .summary-thumb img{height:109px;width:76px;object-fit:cover;object-position:top;border:1px solid #d7ddcd}.bi-root .checkline{display:flex;gap:10px;font-size:12px;font-weight:400;line-height:1.8;align-items:flex-start}.bi-root .success-mark{height:57px;width:57px;border-radius:50%;background:#dff1e6;color:var(--brand);display:grid;place-items:center;margin:3px auto;font-size:27px}.bi-root .url{word-break:break-all;display:block;padding:14px;border:1px solid #d4ded7;background:#f3f7f3;border-radius:10px;color:#425e4e;font:11px/1.7 ui-monospace,monospace}.bi-root .state-title{text-align:center;display:flex;flex-direction:column;gap:8px}.bi-root .error-box{padding:15px;background:#fff;border:1px solid #dbcbbb;border-radius:13px;display:flex;flex-direction:column;gap:8px}.bi-root .feedback{min-height:18px;color:var(--error);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.bi-root .spaced{margin-top:7px}.bi-root .short-input{min-height:70px}.bi-root .skill-block h4{margin-bottom:5px;font-size:13px}.bi-root .skill-block p{font-size:12px;line-height:1.85;color:#53685b}
@supports not (gap:1px){.bi-root .stack>*+*,.bi-root .actions>*+*{margin-top:12px}.bi-root .screen>*+*{margin-top:17px}}
.bi-root .style-option{text-align:center}.bi-root dl{margin:0}.bi-root input[type=checkbox],.bi-root input[type=radio]{margin-top:0}
@media(max-width:360px){.bi-root .screen{padding-inline:15px}.bi-root .split{grid-template-columns:1fr}}