#appMain.site-main:has(.demo-page){background:#fff}.demo-page{color:#4d4d4d;background:#fff}.demo-page__section{padding:68px 0 92px}.demo-page__panel{width:min(1040px,100% - 48px);margin:0 auto}.demo-page__main{grid-template-columns:minmax(0,476px) 440px;justify-content:space-between;align-items:start;column-gap:48px;display:grid}.demo-page__content{flex-direction:column;gap:32px;width:100%;max-width:476px;padding:0;display:flex}.demo-page__content-header,.demo-page__content-sections{gap:32px;display:grid}.demo-page__content-header{gap:16px}.demo-page__title{color:var(--Color-Text-Gray-Primary,#41464b);margin:0;font-family:Source Han Serif CN,Noto Serif SC,serif;font-size:48px;font-weight:700;line-height:64px}.demo-page__description{color:var(--Color-Text-Gray-Secondary,#41464b99);font-size:var(--Typography-Size-XL,16px);line-height:var(--Typography-Height-XL,24px);margin:0}.demo-page__product-grid{flex-wrap:nowrap;gap:16px;margin:0;display:flex;overflow-x:auto}.demo-page__product-card{box-sizing:border-box;background:#fafafa;border:1px solid #41464b1a;width:148px;min-height:105px;padding:24px}.demo-page__product-tag{border-radius:4px;margin-bottom:12px;padding:0 8px;font-size:12px;font-weight:500;line-height:20px;display:inline-block}.demo-page__product-tag--cloud{color:#8168bd;background:#f4edfc}.demo-page__product-tag--private{color:#4fbd6c;background:#edfcef}.demo-page__product-title{color:#2c3033;white-space:nowrap;margin:0;font-family:Source Han Serif CN,Noto Serif SC,serif;font-size:16px;font-weight:700;line-height:24px}.demo-page__info-block{gap:16px;margin:0;display:grid}.demo-page__info-block h2{color:#2c3033;margin:0;font-family:Source Han Serif CN,Noto Serif SC,serif;font-size:24px;font-weight:700;line-height:32px}.demo-page__benefit-list{color:#41464b;margin:0;padding-left:22px;font-size:16px;font-weight:400;line-height:24px}.demo-page__benefit-list li{margin:0}.demo-page__divider{border-top:1px solid #41464b1a;margin:0}.demo-page__info-block--hotline{gap:16px}.demo-page__hotline{color:#41464b;margin:0;font-family:Source Han Serif CN,Noto Serif SC,serif;font-size:48px;font-weight:700;line-height:64px}.demo-page__hotline-note{color:#41464b99;margin:0;font-size:16px;line-height:24px}.demo-page__form-panel{background:#fff;border:1px solid #41464b1a;padding:32px 32px 38px;box-shadow:0 20px 32px #0000000f}.demo-page__form-panel--homepage{box-sizing:border-box;border-radius:4px;width:min(900px,100%);margin:48px auto 0;box-shadow:0 8px 18px #0000000f}.demo-page__form-card{width:376px}.demo-page__form-card--homepage{width:100%}.demo-page__form-head h2{color:#2c3033;margin:0;font-family:Source Han Serif CN,Noto Serif SC,serif;font-size:24px;font-weight:700;line-height:32px}.demo-page__form-head p{color:#41464b99;margin:16px 0 24px;font-size:16px;line-height:24px}.demo-page__form{gap:24px;display:grid}.demo-page__form--homepage{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.demo-page__field{gap:0;min-width:0;display:grid}.demo-page__field--homepage{align-content:start}.demo-page__field-label{color:#41464b;align-items:center;gap:4px;padding:0 4px;font-size:14px;line-height:24px;display:flex}.demo-page__field-index,.demo-page__field-label-text{align-items:center;min-width:0;display:inline-flex}.demo-page__field-index{color:#1677ff}.demo-page__field input,.demo-page__field textarea{color:#41464b;box-sizing:border-box;background:#fff;border:1px solid #41464b1a;border-radius:4px;outline:none;width:100%;margin-top:8px;padding:8px 10px;font-size:16px;line-height:24px;transition:border-color .2s,box-shadow .2s}.demo-page__field input{height:40px}.demo-page__field--homepage input{height:42px}.demo-page__select{width:100%;min-width:0;max-width:100%;margin-top:8px;display:block;position:relative}.demo-page__select-trigger{box-sizing:border-box;text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#fcfcfc 100%);border:1px solid #41464b1a;border-radius:4px;outline:none;align-items:center;width:100%;max-width:100%;min-height:40px;padding:8px 40px 8px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.demo-page__form--homepage .demo-page__select-trigger{background:#fff;min-height:42px;padding:8px 10px}.demo-page__select-value{color:#41464b99;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:100%;font-size:16px;line-height:24px;display:block;overflow:hidden}.demo-page__select--filled .demo-page__select-value{color:#41464b}.demo-page__select--multiple .demo-page__select-trigger{align-items:center}.demo-page__select-value--truncate{text-overflow:ellipsis;white-space:nowrap;padding-right:8px;display:block;overflow:hidden}.demo-page__select-icon{pointer-events:none;border-bottom:1.5px solid #41464b80;border-right:1.5px solid #41464b80;width:8px;height:8px;transition:transform .2s,border-color .2s;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.demo-page__select--open .demo-page__select-icon{transform:translateY(-35%)rotate(225deg)}.demo-page__select-icon-image{pointer-events:none;flex:none;width:20px;height:20px}.demo-page__select--error .demo-page__select-trigger{border-color:#d55f5f}.demo-page__select-menu{z-index:2;overscroll-behavior:contain;background:#fff;border:1px solid #41464b1a;border-radius:8px;max-height:min(320px,100vh - 120px);margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 32px #00000014}.demo-page__select-option{color:#41464b;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:10px 12px;font-size:16px;line-height:24px}.demo-page__select-option:hover,.demo-page__select-option:focus-visible{background:#41464b0f;outline:none}.demo-page__select-option--selected{background:#41464b14;font-weight:500}.demo-page__field textarea{resize:vertical;min-height:139px;padding-top:10px}.demo-page__field input:focus,.demo-page__field textarea:focus{border-color:#41464b47;box-shadow:0 0 0 3px #41464b0f}.demo-page__field input[aria-invalid=true],.demo-page__field textarea[aria-invalid=true]{border-color:#d55f5f}.demo-page__select-trigger:focus,.demo-page__select--open .demo-page__select-trigger{border-color:#41464b47;box-shadow:0 0 0 3px #41464b0f}.demo-page__select-trigger:focus+.demo-page__select-icon,.demo-page__select--open .demo-page__select-icon{border-color:#41464bb3}.demo-page__field input::placeholder,.demo-page__field textarea::placeholder{color:#41464b99}.demo-page__field-error{color:#d55f5f;margin-top:8px;font-size:12px;line-height:18px}.demo-page__submit-message{color:#41464b;margin:0;font-size:14px;line-height:20px}.demo-page__submit{cursor:pointer;border-radius:2px;height:40px;margin-top:0;font-size:14px;line-height:40px}.demo-page__submit--homepage{grid-column:1/-1;justify-self:center;width:200px;height:auto;min-height:30px;line-height:24px}@media (width<=980px){.demo-page__section{padding:32px 0 56px}.demo-page__panel{width:min(100%,100% - 24px)}.demo-page__main{grid-template-columns:1fr;row-gap:32px}.demo-page__content{gap:24px;max-width:none}.demo-page__title{font-size:40px;line-height:52px}.demo-page__content-sections{gap:24px}.demo-page__product-grid{flex-wrap:nowrap}.demo-page__form-panel{border-left:0}.demo-page__form-card{width:auto}.demo-page__form--homepage{grid-template-columns:1fr}}@media (width<=640px){.demo-page__title{font-size:34px;line-height:44px}.demo-page__content{gap:20px}.demo-page__product-grid{gap:12px}.demo-page__hotline{font-size:32px;line-height:44px}}