:root{--ink:#222b32;--muted:#889096;--line:#e9eceb;--accent:#e96832;--accent-dark:#ce4c1b;--tint:#fff1e9;--green:#29826b;--bg:#f6f7f7;--nav:#1e2b30;--shadow:0 24px 70px #24323718;font-family:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#f2f3f1;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #e9683270;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #e968324a;border-color:var(--accent)}svg{display:block;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px}h2{font-size:19px}h3{font-size:16px}small{font-size:12px}.muted{color:var(--muted)}.accent{color:var(--accent)}.green{color:var(--green)}.bold{font-weight:700}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.column{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.spacer{height:18px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}.icon{width:20px;height:20px}.mono{font-family:Consolas,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 16px;border-radius:8px;font-weight:600;font-size:13px;white-space:nowrap}.btn.primary{background:var(--accent);color:white}.btn.primary:hover{background:var(--accent-dark)}.btn.secondary{background:white;border:1px solid #dce1e1}.btn.soft{background:var(--tint);color:var(--accent-dark)}.btn.dark{background:var(--nav);color:white}.btn.danger{background:#fff0ed;color:#c24a37}.btn.link{color:var(--accent);padding:4px 3px;min-height:28px}.btn.small{padding:6px 10px;min-height:30px;font-size:12px}.btn.full{width:100%}.btn.large{min-height:48px;font-size:16px;border-radius:11px}.icon-btn{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.icon-btn:hover{background:#00000008}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:500;background:#f0f2f3;color:#657179;white-space:nowrap}.pill.orange{background:#fff0e5;color:#ce5d27}.pill.green{background:#eaf5ef;color:#278362}.pill.blue{background:#edf2fa;color:#4b76b0}.pill.red{background:#fff0ed;color:#c15546}.dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:100%}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty svg{margin:0 auto 15px;color:#aeb8bb;width:40px;height:40px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field>span{font-size:12px;color:#667179}.field input,.field select,.field textarea,.input{background:white;border:1px solid #dde2e3;border-radius:7px;min-height:39px;padding:10px 11px;color:var(--ink);width:100%}.field textarea{resize:vertical;min-height:80px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.hint{padding:12px 14px;font-size:12px;line-height:1.8;background:#f5f7f6;color:#6b777d;border-radius:8px}.hint.orange{background:var(--tint);color:#a95a35}.error{font-size:12px;color:#bb4939;margin:10px 0;line-height:1.6}.divider{height:1px;background:var(--line);margin:16px 0}.price{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.5px}.price em{font-style:normal;font-size:.65em;margin-right:2px}
/* Prototype frame */
.prototype-bar{height:72px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3e0;background:#fbfcfaf5;gap:20px;position:relative;z-index:20}.brand-logo{width:37px;height:37px;background:var(--accent);border-radius:9px;color:white;display:grid;place-items:center;box-shadow:0 4px 10px #d76b3220}.brand-logo svg{width:25px;height:25px}.brand-name{font-size:17px;font-weight:750;letter-spacing:2px}.brand-caption{font-size:10px;letter-spacing:1.6px;color:#9b9f9e;margin-top:4px}.version{font-size:11px;border:1px solid #dce1de;border-radius:4px;padding:3px 6px;color:#7f8887;margin-left:5px}.mode-switch{display:flex;background:#e9edeb;border-radius:9px;padding:4px;gap:3px}.mode-switch button{display:flex;align-items:center;gap:7px;border-radius:6px;padding:9px 18px;color:#7b8586;font-size:12px;font-weight:600}.mode-switch button.active{color:#293539;background:#fff;box-shadow:0 2px 6px #142f3010}.mode-switch svg{width:15px;height:15px}.bar-actions{gap:15px}.bar-actions .btn{font-size:12px}.mobile-stage{max-width:1330px;margin:auto;padding:32px 42px;display:grid;grid-template-columns:1fr 410px 1fr;gap:64px;align-items:center;min-height:calc(100vh - 72px)}.presentation-copy{align-self:center;padding-bottom:35px}.presentation-copy h1{font-size:38px;line-height:1.45;margin:14px 0 20px;font-weight:750;letter-spacing:1px}.presentation-copy h1 span{color:var(--accent)}.presentation-copy p{font-size:13px;line-height:2;color:#818a8a;max-width:260px}.stage-line{width:32px;height:3px;background:var(--accent);margin:26px 0}.guide-steps{display:flex;flex-direction:column;gap:7px}.guide-step{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 0;color:#8b9697;font-size:12px}.guide-step strong{font-size:13px;color:#516063;display:block;margin-bottom:4px}.step-number{width:28px;height:28px;border:1px solid #d9e0dc;border-radius:50%;font-family:Arial;font-size:11px;display:grid;place-items:center}.guide-step.active .step-number{background:var(--accent);color:white;border-color:var(--accent)}.guide-step.active strong{color:var(--accent-dark)}.device{border:7px solid #273236;border-radius:47px;width:404px;height:806px;background:#fff;box-shadow:0 0 0 1px #bec7c5,0 26px 65px #253c3b24;position:relative;overflow:hidden;margin:auto}.device::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);background:#273236;width:94px;height:22px;border-radius:20px;z-index:8}.phone-status{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:11px;font-weight:700;background:#fff}.status-icons{display:flex;gap:4px;align-items:center;font-size:10px}.status-icons svg{width:13px;height:13px}.phone{height:calc(100% - 40px);display:flex;flex-direction:column;background:#f6f7f6;position:relative}.phone-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.tabbar{height:75px;background:#fffffff7;border-top:1px solid #eef0ee;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 9px 16px;flex-shrink:0}.tabbar button{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:10px;color:#949c9e;position:relative}.tabbar svg{width:22px;height:22px}.tabbar button.active{color:var(--accent);font-weight:700}.tabbar button.active::after{content:"";width:14px;height:3px;background:var(--accent);border-radius:3px;position:absolute;bottom:-7px}.unread-dot{position:absolute;width:6px;height:6px;background:var(--accent);border-radius:50%;top:0;left:60%}.stage-side{align-self:center}.side-caption{font-size:11px;letter-spacing:1px;color:#97a19f;margin-bottom:17px}.flow-card{border:1px solid #dde4df;background:#f9fbf8;border-radius:14px;padding:20px;max-width:260px;margin-bottom:14px}.flow-card .flow-icon{width:36px;height:36px;border-radius:10px;background:var(--tint);color:var(--accent);display:grid;place-items:center;margin-bottom:15px}.flow-card h3{font-size:14px;margin-bottom:10px}.flow-card p{font-size:12px;line-height:1.85;color:#87918f}.flow-card .mini-price{font-size:25px;margin:15px 0 10px}.live-state{display:flex;gap:8px;margin-top:14px;font-size:10px;color:#99a19f}.live-state .dot{background:#68a58b;margin-top:4px}.side-footnote{font-size:10px;line-height:1.9;color:#a1a9a5;max-width:230px;margin-top:24px}.prototype-footer{text-align:center;font-size:10px;color:#9fa7a4;padding:0 0 16px;letter-spacing:1px}
/* Mini program */
.mp-top{padding:14px 20px 11px;background:white}.mp-brand{font-size:21px;font-weight:800;letter-spacing:2px;line-height:1.3}.mp-brand small{display:block;font-size:8px;letter-spacing:2px;color:#909b9c;margin-top:4px;font-weight:400}.wechat-capsule{border:1px solid #e7e9e9;padding:5px 9px;border-radius:20px;display:flex;align-items:center;gap:10px;font-size:13px}.wechat-capsule i{width:1px;height:13px;background:#e3e7e6}.search-box{display:flex;align-items:center;gap:8px;background:#f2f5f3;border-radius:9px;padding:10px 12px;margin-top:15px;color:#98a1a0;font-size:12px;width:100%;text-align:left}.search-box .icon{width:16px;height:16px}.hero{margin:4px 16px 0;border-radius:13px;background:#e5ece7;overflow:hidden;position:relative;height:180px}.hero::after{content:"YONGGU";position:absolute;right:-16px;bottom:8px;font-family:Arial;font-weight:800;font-size:50px;letter-spacing:-2px;color:#152e2410;transform:rotate(-90deg);transform-origin:center}.hero-copy{position:absolute;left:20px;top:23px;z-index:2}.hero .eyebrow{font-size:8px;color:#5c7a6c;letter-spacing:2px}.hero h2{font-size:25px;line-height:1.45;letter-spacing:1px;margin:9px 0;color:#29453b}.hero p{font-size:10px;color:#7a8d84}.hero .btn{margin-top:11px;min-height:27px;padding:5px 10px;font-size:10px;background:#385c4a;color:white;border-radius:5px}.hero-visual{position:absolute;right:0;top:4px;width:180px;height:180px;color:#53695f;transform:rotate(-15deg)}.hero-visual svg{width:100%;height:100%;filter:drop-shadow(8px 10px 5px #213c3030)}.carousel-dots{display:flex;justify-content:center;gap:4px;padding:11px}.carousel-dots i{width:4px;height:4px;background:#d7dedb;border-radius:2px}.carousel-dots i.active{width:14px;background:var(--accent)}.mp-services{display:flex;justify-content:space-around;padding:2px 14px 16px;color:#87928c;font-size:9px}.mp-services span{display:flex;gap:4px;align-items:center}.mp-services svg{width:11px;height:11px;color:#6b8b77}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.entry-card{display:flex;text-align:left;position:relative;background:#fff;border-radius:11px;padding:16px 13px;min-height:91px;overflow:hidden}.entry-card.family{background:#fff6ee}.entry-card strong{display:block;font-size:16px;letter-spacing:.5px;margin-bottom:6px}.entry-card small{font-size:9px;color:#9caaa6}.entry-card .product-art{width:69px;height:69px;position:absolute;right:3px;bottom:1px;opacity:.8}.entry-card .round-arrow{position:absolute;left:14px;bottom:10px;color:var(--accent);font-size:15px}.mp-section{padding:22px 16px 0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.section-heading h2{font-size:17px;letter-spacing:.5px}.section-heading button{font-size:10px;color:#9aa29e}.section-heading .sub{font-size:9px;color:#aaa;letter-spacing:1px;margin-left:5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.product-card{background:white;border-radius:10px;padding:0 0 12px;overflow:hidden;text-align:left;min-width:0}.product-card .art-bg{height:115px;background:#edf0ed;display:flex;align-items:center;justify-content:center;position:relative}.art-bg .product-art{height:103px;width:130px}.product-card:nth-child(2n) .art-bg{background:#f1f0ec}.art-label{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:1px;color:#8c9892}.product-info{padding:11px 11px 0}.product-name{font-size:12px;line-height:1.5;font-weight:600}.product-spec{font-size:9px;color:#9aa29e;margin:4px 0 10px;line-height:1.5}.product-info .price{font-size:16px;color:var(--accent)}.product-info .price small{font-size:9px;color:#9da39f;font-family:inherit;font-weight:400;margin-left:3px}.tiny-consult{font-size:9px;color:var(--accent);border:1px solid #f1d1bd;border-radius:4px;padding:3px 5px}.company-strip{background:white;border:1px solid #edf0ed;margin:18px 16px;border-radius:9px;padding:16px;display:flex;gap:10px;align-items:center}.company-strip .brand-logo{width:32px;height:32px;border-radius:6px}.company-strip strong{font-size:12px}.company-strip p{font-size:9px;margin-top:5px;color:#8f9993}.mp-titlebar{padding:14px 17px;background:white;display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid #f0f2f0}.mp-titlebar h2{font-size:17px}.mp-titlebar .back{display:flex;align-items:center;gap:8px}.mp-titlebar .icon{width:18px;height:18px}.category-types{display:flex;padding:8px 18px 0;background:white;gap:25px}.category-types button{font-size:14px;padding:12px 0 14px;position:relative;color:#939c98}.category-types button.active{font-weight:700;color:#2a3732}.category-types button.active::after{content:"";height:3px;width:21px;background:var(--accent);position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px}.category-body{display:flex;min-height:520px}.category-rail{width:87px;flex-shrink:0;background:#eef2ee;padding-top:7px}.category-rail button{width:100%;font-size:11px;padding:18px 4px;position:relative;color:#7d8883}.category-rail button.active{color:var(--accent);font-weight:700;background:white}.category-rail button.active::before{content:"";position:absolute;left:0;top:20px;height:15px;width:3px;background:var(--accent)}.category-main{padding:18px 13px;background:#fff;flex:1;min-width:0}.category-banner{background:#eef2ec;border-radius:8px;padding:15px 12px;position:relative;height:83px;overflow:hidden;margin-bottom:19px}.category-banner h3{font-size:15px;margin-bottom:6px}.category-banner p{font-size:9px;color:#8d9b91}.category-banner .product-art{position:absolute;right:-3px;top:0;width:95px;height:90px}.category-chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 17px}.category-chips button{font-size:9px;border:1px solid #e9ede7;border-radius:4px;padding:6px 9px;color:#869188}.category-chips button.active{border-color:#f4c2a9;color:var(--accent);background:var(--tint)}.category-product{padding:13px 0;display:flex;gap:10px;border-bottom:1px solid #f0f3ee;text-align:left;width:100%}.category-product .art-bg{width:72px;height:73px;background:#f1f3ee;border-radius:7px;flex-shrink:0;display:grid;place-items:center}.category-product .product-art{width:70px;height:70px}.category-product strong{font-size:11px;line-height:1.6;display:block}.category-product p{font-size:9px;color:#a0a7a1;margin:4px 0 7px}.category-product .price{font-size:14px;color:var(--accent)}.category-product .price small{font-size:8px;color:#9aa39c;font-weight:400}.consult-category{width:100%;background:var(--tint);color:#c65d30;padding:12px 5px;margin-top:18px;font-size:10px;border-radius:7px}.phone-subpage{background:#f6f7f6;min-height:100%}.product-detail-art{height:250px;display:flex;align-items:center;justify-content:center;background:#eef1eb;position:relative}.product-detail-art .product-art{width:250px;height:240px}.detail-box{margin:12px 14px;padding:18px;background:white;border-radius:10px}.detail-box h2{font-size:19px;line-height:1.5;margin:9px 0}.detail-box .price{color:var(--accent);font-size:24px}.detail-box .spec-line{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font-size:12px;border-bottom:1px solid #f2f3f0}.detail-box .spec-line:last-child{border:0}.sticky-bottom{position:sticky;bottom:0;background:#fff;padding:12px 15px;border-top:1px solid var(--line);z-index:3}.chat-header{padding:13px 17px;background:#fff;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.service-avatar{width:38px;height:38px;background:#e96832;color:white;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.service-avatar svg{width:23px;height:23px}.chat-header h2{font-size:15px}.chat-header p{font-size:9px;color:#8b9d92;margin-top:5px}.chat-header p .dot{width:4px;height:4px;margin-right:3px;background:#66a582}.announcement{padding:10px 13px;background:#fff8e9;color:#a68c51;font-size:10px;display:flex;align-items:center;gap:7px}.announcement .icon{width:13px;height:13px}.announcement span{flex:1}.chat-scroll{flex:1;overflow-y:auto;padding:18px 14px;scrollbar-width:thin;scrollbar-color:#dde3dc transparent;min-height:0}.phone-content.chat-mode{display:flex;flex-direction:column;overflow:hidden}.chat-time{text-align:center;color:#a8afaa;font-size:9px;margin:2px 0 20px}.message{display:flex;align-items:flex-start;gap:8px;margin:0 0 17px}.message .avatar{width:29px;height:29px;border-radius:8px;background:var(--accent);color:white;display:grid;place-items:center;font-size:10px;flex-shrink:0}.message.buyer{flex-direction:row-reverse}.message.buyer .avatar{background:#dde9df;color:#5b7861}.message-main{min-width:0;max-width:82%}.message-name{font-size:9px;color:#a4aca5;margin-bottom:5px}.message.buyer .message-name{text-align:right}.bubble{padding:11px 12px;background:white;border-radius:0 10px 10px 10px;font-size:12px;line-height:1.85;box-shadow:0 1px 2px #153e2404;word-break:break-word}.message.buyer .bubble{background:#dfece1;border-radius:10px 0 10px 10px;color:#385a42}.message-image{max-width:180px;max-height:180px;border-radius:6px;display:block}.context-card{display:flex;align-items:center;gap:8px;border:1px solid #e5eae4;background:#fff;border-radius:8px;padding:10px;font-size:10px;margin-top:7px}.context-card .product-art{width:47px;height:44px;background:#eef2ec;border-radius:4px}.context-card p{font-size:9px;color:#9aa59b;margin-top:4px}.payment-card{background:white;border-radius:10px;overflow:hidden;border:1px solid #ede9e1;min-width:255px;max-width:100%}.payment-card-top{background:#fcf4ed;padding:12px 13px;display:flex;align-items:center;gap:6px;color:#b36e43;font-size:10px}.payment-card-body{padding:14px 13px 12px}.payment-card-body h3{font-size:13px;margin-bottom:8px}.payment-card-body p{font-size:10px;line-height:1.8;color:#929c95}.payment-card-body .price{font-size:24px;color:#d96934;margin:10px 0}.payment-card .card-action{display:block;width:100%;background:#f7f9f5;padding:11px;color:#bc6435;font-size:12px;font-weight:700;text-align:center;border-top:1px solid #edf0e9}.payment-card .card-foot{font-size:9px;color:#a2aaa3;margin-top:7px}.chat-quick{display:flex;gap:6px;padding:9px 11px;overflow-x:auto;background:#f6f7f6;flex-shrink:0}.chat-quick button{font-size:10px;padding:7px 9px;background:white;border:1px solid #e6eae4;border-radius:6px;white-space:nowrap}.chat-input{background:#fdfefc;border-top:1px solid #e6eae4;padding:10px 10px;display:flex;gap:8px;align-items:center;flex-shrink:0}.chat-input input{flex:1;min-width:0;border:1px solid #e5e9e2;border-radius:6px;background:white;min-height:36px;padding:8px;font-size:12px}.chat-input .send{background:var(--accent);color:white;border-radius:5px;padding:9px 11px;font-size:11px}.chat-input .icon-btn{width:25px}.profile-hero{padding:30px 22px;background:#e9efea;display:flex;gap:14px;align-items:center}.profile-avatar{width:55px;height:55px;background:#bfcfbd;border:3px solid #fff9;border-radius:50%;display:grid;place-items:center;color:white;font-size:23px}.profile-hero h2{font-size:20px}.profile-hero p{color:#8b9b8d;margin-top:8px;font-size:11px}.profile-orders{background:white;margin:14px;border-radius:10px;padding:16px}.order-shortcuts{display:flex;justify-content:space-between;margin-top:20px}.order-shortcuts button{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#7d8c82;position:relative}.order-shortcuts .icon{width:24px;height:24px}.order-shortcuts b{position:absolute;right:8px;top:-6px;border:1px solid var(--accent);border-radius:9px;font-size:8px;background:white;padding:1px 4px;color:var(--accent)}.profile-links{background:white;border-radius:10px;margin:14px;padding:0 16px}.profile-link{width:100%;display:flex;align-items:center;padding:17px 0;border-bottom:1px solid #f2f4ef;gap:12px;font-size:12px;text-align:left}.profile-link:last-child{border:0}.profile-link>.icon{color:#85958a;width:19px}.profile-link .chevron{margin-left:auto;font-size:18px;color:#b4bdb5}.mini-order{background:white;margin:12px 14px;border-radius:9px;padding:15px}.mini-order h3{font-size:13px;margin:12px 0}.mini-order p{font-size:10px;color:#a0a89f;line-height:1.8}.mp-filter{display:flex;gap:20px;overflow-x:auto;padding:15px 17px;background:white}.mp-filter button{font-size:11px;white-space:nowrap;color:#95a091;padding-bottom:4px}.mp-filter button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.payment-summary{text-align:center;padding:24px 20px;background:#fff3e9}.payment-summary .price{font-size:38px;margin:12px 0 8px;color:#d56935}.payment-summary h3{font-size:15px}.payment-summary p{font-size:10px;color:#ab937f;margin-top:7px}.order-lines{margin-top:10px}.order-line{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #eff2ec}.order-line .product-art{width:52px;height:52px;background:#f2f4ed;border-radius:7px}.order-line h3{font-size:11px;line-height:1.7}.order-line p{font-size:9px;color:#9ca69c;margin:4px 0}.order-line .line-price{font-size:12px;font-family:Arial;font-weight:600;white-space:nowrap}.totals{font-size:12px;line-height:2.4}.totals .between{gap:10px}.totals .between:last-child{border-top:1px solid #eef1e9;margin-top:8px;padding-top:8px}.totals .price{font-size:19px;color:var(--accent)}.address-block{font-size:12px;line-height:1.9;display:flex;gap:11px}.address-block .icon{color:var(--accent);width:20px;margin-top:3px}.address-block p{color:#97a192;font-size:10px;line-height:1.9;margin-top:5px}.payment-actions{padding:0 14px 17px;display:flex;flex-direction:column;gap:10px}.payment-actions .btn.secondary{color:#5b6860}.payment-actions .btn.link{font-size:11px;color:#8b968c}.bank-card{padding:16px;background:#eff4ec;border-radius:9px;margin:15px 14px}.bank-card h3{font-size:15px;margin-bottom:13px}.bank-card .bank-line{font-size:11px;line-height:2.4;display:flex;justify-content:space-between;gap:12px}.bank-card p{font-size:10px;line-height:1.8;color:#91a08e;margin-top:9px}.result-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#eaf5eb;color:#46865a;margin:20px auto}.result-icon .icon{width:32px;height:32px}.result-main{text-align:center;padding:20px}.result-main h2{font-size:21px;margin:20px 0 10px}.result-main p{font-size:12px;color:#909d90;line-height:1.9}.progress-list{padding:15px 0}.progress-item{position:relative;margin-left:12px;padding:0 0 24px 23px;border-left:1px solid #e2e9e0;font-size:12px}.progress-item::before{content:"";position:absolute;top:3px;left:-4px;width:7px;height:7px;border-radius:50%;background:#bfcbbd}.progress-item.current::before{background:var(--accent);box-shadow:0 0 0 4px #f8e5d5}.progress-item p{font-size:10px;color:#9baa97;margin-top:6px}.progress-item:last-child{border:0;padding-bottom:0}
/* Admin */
.admin-shell{display:flex;min-height:calc(100vh - 72px);background:#f5f7f8}.admin-sidebar{width:206px;flex-shrink:0;background:var(--nav);color:#a3b2b6;padding:26px 17px 17px;display:flex;flex-direction:column;position:sticky;top:0;align-self:flex-start;min-height:calc(100vh - 72px)}.sidebar-heading{font-size:10px;letter-spacing:2px;color:#5d737a;margin:0 14px 14px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav button{display:flex;gap:13px;align-items:center;padding:13px 14px;font-size:12px;text-align:left;border-radius:7px;color:#9dafb5}.admin-sidebar nav .icon{width:17px;height:17px}.admin-sidebar nav button.active{background:#e96932;color:white;box-shadow:0 5px 16px #00000013}.admin-sidebar nav button:hover:not(.active){background:#ffffff09}.nav-count{margin-left:auto;background:#ffffff16;border-radius:4px;padding:2px 5px;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:70px}.sidebar-bottom .staff{display:flex;gap:9px;align-items:center;padding:15px 10px;border-top:1px solid #ffffff10}.staff-avatar{width:34px;height:34px;background:#3a5059;color:#c3d3d7;border-radius:8px;display:grid;place-items:center;font-size:12px}.staff strong{font-size:11px;color:#d8e2e3}.staff p{font-size:9px;color:#738b95;margin-top:5px}.sidebar-bottom>p{font-size:9px;line-height:1.8;color:#6f868e;padding:8px 10px}.admin-main{flex:1;min-width:0}.admin-breadcrumb{height:54px;border-bottom:1px solid #e8ecee;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:11px;color:#9da7ab}.admin-breadcrumb span strong{color:#56656c;font-weight:400;margin-left:10px}.admin-content{padding:28px 30px;max-width:1640px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.page-heading h1{font-size:24px;font-weight:700}.page-heading p{font-size:11px;color:#9aa4a9;margin-top:9px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{background:white;border:1px solid #e9edef;border-radius:10px;padding:20px 21px}.stat-card .stat-icon{width:34px;height:34px;background:#f4f7f7;border-radius:9px;display:grid;place-items:center;color:#83969e}.stat-card .stat-icon .icon{width:17px;height:17px}.stat-card .label{font-size:11px;color:#89979e}.stat-card .number{font-size:31px;font-family:Arial;font-weight:650;letter-spacing:-1px;margin-top:12px}.stat-card .number small{font-size:11px;color:#9caaaf;font-family:inherit;font-weight:400;letter-spacing:0;margin-left:8px}.stat-card p{font-size:10px;color:#99a7ad;margin-top:10px}.stat-card.orange{background:#fff9f4;border-color:#f1e2d7}.stat-card.orange .stat-icon{background:#fff0e5;color:var(--accent)}.panel{background:white;border:1px solid #e6ecef;border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #edf0f2;gap:15px}.panel-head h2{font-size:14px}.panel-head p{font-size:10px;color:#a0adb3;margin-top:6px}.panel-body{padding:21px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:21px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.task-card{padding:16px;border:1px solid #e9edef;border-radius:8px;display:flex;gap:12px;align-items:center;text-align:left}.task-card>.icon{color:#9aabb2;width:21px;height:21px}.task-card strong{font-size:21px;display:block;font-family:Arial}.task-card span{font-size:10px;color:#98a6ae;display:block;margin-top:5px}.task-card:hover{border-color:#f0b693;background:#fffaf5}.chart{height:150px;display:flex;align-items:flex-end;gap:17px;padding:20px 8px 24px;position:relative;border-bottom:1px solid #edf1f2;margin-top:17px}.chart::before{content:"";position:absolute;top:45px;left:0;right:0;height:1px;background:#f2f5f6;box-shadow:0 36px 0 #f2f5f6}.chart-col{flex:1;position:relative;border-radius:4px 4px 0 0;background:#edb598;z-index:1;min-height:4px}.chart-col.selected{background:var(--accent)}.chart-col span{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:9px;color:#9eacb2}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:11px;font-size:11px;line-height:1.8}.timeline-item .time-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#e6ae87;flex-shrink:0}.timeline-item p{font-size:10px;color:#a1afb6;margin-top:4px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.data-table th{background:#f9fbfc;color:#94a2a9;padding:14px 18px;text-align:left;font-size:10px;font-weight:400;border-bottom:1px solid #eaf0f2}.data-table td{padding:16px 18px;border-bottom:1px solid #eff2f4;color:#5d6d76}.data-table tbody tr:last-child td{border:0}.data-table tbody tr:hover{background:#fdfcf9}.data-table .table-title{color:#34454f;font-weight:600;margin-bottom:6px}.data-table .table-sub{font-size:9px;color:#a0adb4}.data-table .table-money{font-size:14px;font-weight:700;color:#3b4b53;font-family:Arial}.table-product{display:flex;align-items:center;gap:12px}.table-product .product-art{width:50px;height:46px;background:#f0f3ee;border-radius:6px}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:20px}.filters .input{max-width:260px;height:36px;font-size:11px}.filter-tabs{display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid #edf1f3;background:white;overflow-x:auto}.filter-tabs button{padding:17px 0;color:#9aa8af;position:relative;white-space:nowrap;font-size:11px}.filter-tabs button.active{color:var(--accent);font-weight:600}.filter-tabs button.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.table-footer{display:flex;justify-content:space-between;font-size:10px;color:#a1aeb5;padding:17px 20px;border-top:1px solid #f0f3f4}.page-index{display:flex;gap:7px;align-items:center}.page-index b{background:var(--accent);color:white;padding:4px 7px;border-radius:4px;font-size:10px}.support-layout{display:grid;grid-template-columns:224px minmax(300px,1fr) 350px;min-height:650px;height:calc(100vh - 180px);background:#fff;border:1px solid #e5ebee;border-radius:10px;overflow:hidden}.conversation-list{border-right:1px solid #e9eef0;background:#fcfdfd;padding:17px 0}.conversation-list>h3{font-size:13px;padding:0 17px 17px}.conversation-list .list-search{margin:0 12px 14px;width:calc(100% - 24px);background:#f1f5f6;border:0;font-size:10px}.conversation{padding:16px 13px;display:flex;gap:9px;text-align:left;width:100%;border-bottom:1px solid #eff3f4}.conversation.active{background:#fff4ec;border-left:3px solid var(--accent);padding-left:10px}.conversation .staff-avatar{background:#dde8df;color:#7c9581;flex-shrink:0}.conversation strong{font-size:11px;color:#45565e}.conversation small{font-size:9px;color:#a9b4b8;display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.conversation .time{font-size:8px;color:#adb6b8;margin-left:auto}.support-chat{display:flex;flex-direction:column;min-width:0;background:#f6f8f7;overflow:hidden}.support-chat .chat-header{padding:15px 20px}.support-chat .chat-header h2{font-size:13px}.support-chat .chat-header p{font-size:10px}.support-chat .chat-scroll{padding:22px}.support-chat .message-main{max-width:84%}.support-chat .message-name{font-size:10px}.support-chat .bubble{font-size:12px}.support-chat .message.buyer{flex-direction:row}.support-chat .message.service{flex-direction:row-reverse}.support-chat .message.buyer .bubble{border-radius:0 9px 9px 9px;background:white;color:#516157}.support-chat .message.service .bubble{background:#ffeadc;border-radius:9px 0 9px 9px;color:#72503c}.support-chat .chat-quick{padding:9px 15px;background:white}.support-chat .chat-input{padding:12px 15px;background:white}.support-chat .chat-input input{min-height:42px}.order-editor{display:flex;flex-direction:column;min-width:0;border-left:1px solid #e7edef;overflow-y:auto;background:#fff}.editor-heading{padding:19px 19px 15px;border-bottom:1px solid #eef2f4}.editor-heading h3{font-size:14px}.editor-heading p{font-size:10px;color:#99a7ae;line-height:1.8;margin-top:7px}.editor-body{padding:17px 18px;flex:1}.delegation-badge{background:#f0f6ef;border:1px solid #e4ede0;color:#79906d;padding:10px;border-radius:6px;font-size:10px;line-height:1.9;margin-bottom:17px}.delegation-badge.pending{background:#fff8ec;color:#a48a53;border-color:#f2e8ce}.draft-line{padding:12px 0;border-bottom:1px solid #edf1f3}.draft-line h4{font-size:11px;margin:0 0 6px;color:#596b75}.draft-line p{font-size:9px;color:#a3b0b6;margin-bottom:11px}.draft-controls{display:flex;gap:9px;align-items:center}.draft-controls input{width:68px;min-height:29px;border:1px solid #e2e8eb;border-radius:5px;padding:5px 7px;font-size:11px}.draft-controls label{display:flex;align-items:center;gap:5px;font-size:9px;color:#9caab1}.draft-controls .remove{margin-left:auto;color:#adb8bc}.order-editor .field{margin-top:14px;margin-bottom:12px}.order-editor .field>span{font-size:10px}.order-editor .field input,.order-editor .field select{font-size:11px;min-height:34px}.editor-footer{padding:16px 18px;border-top:1px solid #e9eef0;background:#fcfdfc}.editor-footer .price{font-size:23px;color:var(--accent)}.editor-footer .btn{font-size:11px}.editor-footer .btn.full{margin-top:12px}.support-mobile-note{display:none}.admin-summary{display:grid;grid-template-columns:1fr 320px;gap:20px}.audit-entry{border-bottom:1px solid #edf1f3;padding:13px 0;font-size:11px;line-height:1.8}.audit-entry small{color:#9aaab2;display:block}.report-bars{padding:22px;display:flex;flex-direction:column;gap:20px}.report-bar-row{display:grid;grid-template-columns:86px 1fr 65px;gap:13px;align-items:center;font-size:11px;color:#8b9ca5}.report-bar{height:9px;border-radius:5px;background:#f0f4f5;overflow:hidden}.report-bar i{height:100%;display:block;background:#e99a71;border-radius:5px}.configuration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.config-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #eef2f4;font-size:12px}.config-row:last-child{border:0}.config-row p{font-size:10px;color:#a0afb5;line-height:1.9;margin-top:5px}.toggle{background:#b4c1c5;width:33px;height:19px;border-radius:20px;position:relative;cursor:pointer}.toggle::after{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:white}.toggle.on{background:#e88756}.toggle.on::after{left:17px}.banner-preview{border-radius:9px;background:#e4ece4;min-height:135px;padding:22px;position:relative;overflow:hidden}.banner-preview h3{font-size:21px;color:#415b4c;line-height:1.6}.banner-preview .product-art{position:absolute;right:30px;top:0;width:160px;height:150px}.banner-preview p{font-size:10px;color:#90a08e;margin-top:9px}
/* Dialogs and utilities */
.overlay-backdrop{position:fixed;inset:0;background:#1b2d3166;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:15px;box-shadow:0 24px 100px #0002;width:540px;max-width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column}.modal.wide{width:800px}.modal-header{padding:21px 24px;border-bottom:1px solid #edf0ef;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:18px}.modal-header p{font-size:11px;color:#9aa5a0;margin-top:7px}.modal-content{padding:24px;overflow-y:auto;min-height:0}.modal-footer{padding:16px 24px;background:#fafbf9;border-top:1px solid #edf1ec;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.modal-form{display:contents}.preview-customer{display:flex;gap:15px;padding:15px;background:#f5f8f4;border-radius:8px;margin-bottom:18px;font-size:12px;line-height:1.9}.preview-customer p{font-size:11px;color:#8c9c8c}.modal .data-table{font-size:11px}.modal .data-table th,.modal .data-table td{padding:11px 10px}.modal .totals{max-width:290px;margin:20px 0 0 auto}.help-step{display:flex;gap:15px;margin-bottom:22px;align-items:flex-start}.help-step>b{width:28px;height:28px;background:var(--tint);color:var(--accent);display:grid;place-items:center;border-radius:50%;flex-shrink:0;font-size:12px}.help-step h3{font-size:13px;margin:3px 0 7px}.help-step p{color:#8f9d95;line-height:1.9;font-size:12px}.payment-simulator{padding:22px;background:#f9fcf8;border:1px solid #e3ece0;border-radius:12px;text-align:center}.payment-simulator .icon{margin:auto;color:#399564;width:35px;height:35px}.payment-simulator .price{font-size:38px;margin:18px 0 8px}.payment-simulator p{color:#90a28e;font-size:11px;line-height:1.9}.print-sheet{border:1px solid #dce4df;padding:24px;font-size:11px}.print-sheet h2{text-align:center;font-size:18px;letter-spacing:2px;margin-bottom:14px}.print-sheet .print-note{font-size:10px;text-align:center;margin:10px 0;color:#999}.print-cut{border-top:1px dashed #aebcb2;margin:24px 0;padding-top:8px;text-align:center;color:#b0b9b2;font-size:9px}.signature{display:flex;justify-content:space-between;margin-top:22px;font-size:10px}.check-line{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;margin:16px 0;color:#6b7d71}.check-line input{accent-color:var(--accent);margin-top:4px}.inline-preview-image{width:100%;max-height:220px;object-fit:contain;margin-bottom:15px;border-radius:8px;background:#f5f7f4}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,18px);background:#253b32ee;color:white;padding:13px 23px;border-radius:9px;font-size:12px;max-width:90vw;text-align:center;z-index:150;box-shadow:0 5px 25px #21372d30;opacity:0;pointer-events:none;transition:.2s}#toast.show{transform:translate(-50%,0);opacity:1}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(min-width:1500px){.mobile-stage{gap:88px;max-width:1440px}.device{height:846px}.presentation-copy h1{font-size:42px}.product-card .art-bg{height:127px}}
@media(max-width:1200px){.mobile-stage{gap:32px;padding:24px 30px;grid-template-columns:1fr 404px 1fr}.presentation-copy h1{font-size:30px}.stage-side .flow-card{padding:16px}.prototype-bar{padding:0 24px}.admin-sidebar{width:175px;padding-left:10px;padding-right:10px}.admin-content{padding:24px 20px}.admin-breadcrumb{padding:0 20px}.support-layout{grid-template-columns:170px minmax(270px,1fr) 310px}.conversation small{max-width:100px}.dashboard-grid{grid-template-columns:1fr 270px}.stat-card{padding:17px}.admin-summary{grid-template-columns:1fr 275px}}
@media(max-width:1000px){.mobile-stage{grid-template-columns:1fr 404px;max-width:850px}.stage-side{display:none}.dashboard-grid,.admin-summary{grid-template-columns:1fr}.support-layout{grid-template-columns:135px minmax(250px,1fr) 280px}.support-chat .chat-scroll{padding:15px}.order-editor .editor-body{padding:14px 12px}.admin-sidebar{width:65px;padding:22px 7px}.admin-sidebar nav button{justify-content:center;padding:14px 10px}.admin-sidebar nav button .nav-label,.nav-count,.sidebar-heading,.sidebar-bottom{display:none}.stat-grid{gap:10px}.task-grid{gap:9px}.configuration-grid{grid-template-columns:1fr}.admin-content{padding:22px 16px}.bar-actions .btn span{display:none}}
@media(max-width:720px){.prototype-bar{padding:0 15px;height:62px;gap:10px}.brand-logo{width:29px;height:29px;border-radius:7px}.brand-logo svg{width:20px;height:20px}.brand-name{font-size:13px;letter-spacing:1px}.brand-caption,.version{display:none}.mode-switch button{padding:8px 9px;font-size:10px}.mode-switch .icon{display:none}.bar-actions{gap:0}.bar-actions .btn{padding:5px}.bar-actions button[data-action="reset"]{display:inline-flex}.mobile-stage{display:block;padding:20px 0;min-height:calc(100vh - 62px)}.presentation-copy{display:none}.device{height:800px;width:390px;border-width:5px;border-radius:40px}.prototype-footer{font-size:8px}.admin-sidebar{width:53px}.admin-content{padding:17px 12px}.admin-breadcrumb{padding:0 13px;font-size:9px}.admin-breadcrumb>.row{display:none}.page-heading{align-items:flex-start;gap:9px;margin-bottom:17px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px;line-height:1.8;max-width:220px}.page-heading .btn{font-size:10px;padding:7px 9px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card .number{font-size:26px}.stat-card .stat-icon{width:27px;height:27px}.stat-card{padding:13px}.stat-card p{font-size:9px}.panel-head{padding:16px}.panel-body{padding:14px}.task-grid{grid-template-columns:1fr 1fr}.task-card{padding:12px;gap:10px}.support-layout{display:flex;flex-direction:column;height:auto;min-height:0}.conversation-list{display:none}.support-chat{height:500px}.order-editor{border-left:0;border-top:1px solid #e7edef}.draft-controls input{width:90px}.support-mobile-note{display:block}.filters .input{max-width:none}.modal-content{padding:18px}.modal-header{padding:18px}.modal-footer{padding:14px 18px}.overlay-backdrop{padding:12px}.report-bar-row{grid-template-columns:68px 1fr 55px;font-size:10px}.field-grid{grid-template-columns:1fr}.data-table td{padding:13px}.admin-sidebar nav button .icon{width:17px;height:17px}.data-table th{padding:13px}.filter-tabs{gap:18px;padding:0 15px}}
@media(max-width:430px){.mobile-stage{padding:0;min-height:0}.device{border:0;width:100%;height:calc(100dvh - 62px);border-radius:0;box-shadow:none}.device::before,.phone-status{display:none}.phone{height:100%}.prototype-footer{display:none}.tabbar{height:70px;padding-bottom:12px}.mp-top{padding-top:16px}.hero{height:175px}.bar-actions .btn{font-size:10px}.brand-name{font-size:12px}.mode-switch{padding:3px}.mode-switch button{padding:7px 8px}.prototype-bar{gap:7px;padding:0 10px}.prototype-bar>.row{gap:7px}.payment-card{min-width:230px}.message-main{max-width:84%}}
@media print{body{background:white}.prototype-bar,.admin-shell,.mobile-stage,.prototype-footer,#toast,.modal-header,.modal-footer{display:none!important}.overlay-backdrop{position:static;background:white;padding:0;display:block;backdrop-filter:none}.modal{display:block;width:100%;max-height:none;border-radius:0;box-shadow:none}.modal-content{padding:0;overflow:visible}.print-sheet{border:0;padding:5mm}.print-sheet .data-table{font-size:10px}.print-sheet .data-table th,.print-sheet .data-table td{padding:8px}.print-cut{margin:12mm 0 6mm}.print-sheet{break-inside:avoid}}

.config-row .product-art{width:55px;height:55px;flex-shrink:0}.conversation-list .list-search{display:flex;align-items:center;gap:8px}.conversation-list .list-search .icon{width:13px;height:13px}.delegation-badge>.icon{display:inline-block;vertical-align:middle;width:13px;height:13px;margin-right:4px}.bank-card h3>.icon{display:inline-block;vertical-align:middle;width:17px;height:17px}.modal-footer{flex-wrap:wrap}.stat-card .number{overflow-wrap:anywhere}

.phone .bubble{font-size:14px;line-height:1.85}.phone .order-line h3{font-size:13px}.phone .order-line p{font-size:11px}.phone .order-line .line-price{font-size:13px}.phone .payment-card-body h3{font-size:14px}.phone .payment-card-body p{font-size:11px}.phone .payment-card .card-foot{font-size:9px}.phone .payment-card .card-action{font-size:14px}.phone .chat-input input{font-size:13px}.phone .address-block{font-size:13px}.phone .address-block p{font-size:11px}

.phone .order-line .price{font-size:12px;font-weight:500;color:#657867}.phone .order-line .price em{font-size:10px}.phone .order-line .price small{font-size:10px}

@media(min-width:721px) and (max-width:820px){.support-layout{grid-template-columns:minmax(270px,1fr) 280px}.conversation-list{display:none}}

.phone .payment-card{min-width:0;width:265px;max-width:100%}