#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(1200px,calc(100% - 48px));margin:0 auto}.demo-page__main{display:grid;grid-template-columns:minmax(0,720px) 440px;justify-content:space-between;align-items:start;column-gap:40px}.demo-page__content{width:100%;max-width:720px;padding:0;display:flex;flex-direction:column;gap:32px}.demo-page__content-header,.demo-page__content-sections{display:grid;gap:32px}.demo-page__content-header{gap:8px}.demo-page__title{margin:0;color:var(--Color-Text-Gray-Primary, #41464b);font-family:"Source Han Serif CN","Noto Serif SC",serif;font-size:32px;font-weight:600;line-height:48px}.demo-page__description{margin:0;color:var(--Color-Text-Gray-Medium, rgba(65, 70, 75, .8));font-size:var(--Typography-Size-XL, 16px);line-height:var(--Typography-Height-XL, 24px)}.demo-page__product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.demo-page__product-grid--single-row{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.demo-page__product-card{min-width:0;padding:24px;border:1px solid var(--Color-Border-Outline-Default, rgba(65, 70, 75, .1));border-radius:8px;background:#fff;box-sizing:border-box;box-shadow:0 2px 4px var(--Color-Shadow-XS, rgba(0, 0, 0, .04))}.demo-page__product-tag{display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:4px;color:var(--Color-Text-Gray-Primary, #41464b);background:#f7f7f7;font-size:12px;line-height:20px;font-weight:500;white-space:nowrap}.demo-page__product-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.demo-page__product-tag--cloud,.demo-page__product-tag--private{color:var(--Color-Text-Gray-Primary, #41464b);background:#f7f7f7}.demo-page__product-title{margin:0;color:var(--Color-Text-Gray-Primary, #41464b);font-family:"Source Han Serif CN","Noto Serif SC",serif;font-size:var(--Typography-Size-XXXL, 24px);line-height:var(--Typography-Height-XXXL, 32px);font-weight:600;text-shadow:0 2px 8px var(--Color-Shadow-XS, rgba(0, 0, 0, .04))}.demo-page__product-description{margin:16px 0 0;color:var(--Color-Text-Gray-Medium, rgba(65, 70, 75, .8));font-size:var(--Typography-Size-XL, 16px);line-height:var(--Typography-Height-XL, 24px)}.demo-page__info-block{margin:0;display:grid;gap:6px}.demo-page__info-block h2{margin:0;color:var(--Color-Text-Gray-Primary, #41464b);font-size:var(--Typography-Size-XXL, 20px);line-height:var(--Typography-Height-XXL, 28px);font-weight:500}.demo-page__benefit-list{margin:0;padding-left:24px;color:var(--Color-Text-Gray-Medium, rgba(65, 70, 75, .8));font-size:16px;line-height:24px;font-weight:400}.demo-page__benefit-list li{margin:0}.demo-page__divider{margin:0;border-top:1px solid var(--Color-Border-Outline-Default, rgba(65, 70, 75, .1))}.demo-page__info-block--hotline{gap:16px}.demo-page__hotline-note{margin:0;color:var(--Color-Text-Gray-Medium, rgba(65, 70, 75, .8));font-size:16px;line-height:24px}.demo-page__hotline-list{display:grid;gap:16px}.demo-page__hotline-item{display:grid;gap:0}.demo-page__hotline-label{margin:0;color:var(--Color-Text-Gray-Medium, rgba(65, 70, 75, .8));font-size:var(--Typography-Size-M, 13px);line-height:var(--Typography-Height-M, 20px)}.demo-page__hotline-value{margin:0;color:var(--Color-Text-Gray-Primary, #41464b);font-size:var(--Typography-Size-L, 14px);line-height:var(--Typography-Height-XL, 24px);font-weight:500}.demo-page__form-panel{border:1px solid rgba(65,70,75,.1);background:#fff;box-shadow:0 20px 32px #0000000f;padding:32px 32px 38px}.demo-page__form-panel--homepage{width:min(900px,100%);margin:48px auto 0;border-radius:4px;box-sizing:border-box;box-shadow:0 8px 18px #0000000f}.demo-page__form-card{width:376px}.demo-page__form-card--homepage{width:100%}.demo-page__form-head h2{margin:0;color:var(--transparency100);font-family:"Source Han Serif CN","Noto Serif SC",serif;font-size:24px;font-weight:600;line-height:32px}.demo-page__form-head p{margin:16px 0 24px;color:#41464b99;font-size:16px;line-height:24px;white-space:pre-line}.demo-page__form{display:grid;gap:24px}.demo-page__form--homepage{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:16px}.demo-page__field{display:grid;gap:0;min-width:0}.demo-page__field--homepage{align-content:start}.demo-page__field-label{display:flex;align-items:center;gap:4px;padding:0 4px;color:#41464b;font-size:14px;line-height:24px}.demo-page__field-index,.demo-page__field-label-text{display:inline-flex;align-items:center;min-width:0}.demo-page__field-index{color:#1677ff}.demo-page__field-required{color:#3686d6}.demo-page__field input,.demo-page__field textarea{width:100%;margin-top:8px;border-radius:4px;border:1px solid rgba(65,70,75,.1);background:#fff;color:#41464b;box-sizing:border-box;outline:none;transition:border-color .2s ease,box-shadow .2s ease;padding:8px 10px;font-size:16px;line-height:24px}.demo-page__field input{height:40px}.demo-page__field--homepage input{height:42px}.demo-page__input-with-action{position:relative;display:block;margin-top:8px;overflow:hidden;border-radius:4px}.demo-page__input-with-action input{margin-top:0;padding-right:112px}.demo-page__field-action{position:absolute;top:1px;right:1px;bottom:1px;height:38px;display:flex;align-items:center;justify-content:center;appearance:none;border:0;background:transparent;padding:0 8px;color:#5da4e3;font-size:var(--Typography-Size-S, 12px);line-height:var(--Typography-Height-M, 20px);white-space:nowrap;cursor:pointer}.demo-page__field-action.is-disabled{color:#5da4e3;cursor:not-allowed;background:#fff;border:0;box-shadow:0;text-decoration:none;opacity:.5}.demo-page__field-action:hover{text-decoration:underline;text-underline-offset:3px}.demo-page__field-action.is-disabled:hover{text-decoration:none}.demo-page__field-countdown{display:block;margin-top:8px;overflow:hidden;color:var(--Color-Text-Gray-Secondary, rgba(65, 70, 75, .6));text-overflow:ellipsis;white-space:nowrap;font-size:var(--Typography-Size-S, 12px);line-height:var(--Typography-Height-M, 20px);margin-left:4px}.demo-page__select{position:relative;display:block;margin-top:8px;width:100%;max-width:100%;min-width:0}.demo-page__select-trigger{display:flex;align-items:center;width:100%;max-width:100%;min-height:40px;padding:8px 40px 8px 12px;border:1px solid rgba(65,70,75,.1);border-radius:4px;background:linear-gradient(180deg,#fff,#fcfcfc);box-sizing:border-box;outline:none;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.demo-page__form--homepage .demo-page__select-trigger{min-height:42px;padding:8px 10px;background:#fff}.demo-page__select-value{display:block;flex:1;min-width:0;max-width:100%;overflow:hidden;color:#41464b99;font-size:16px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.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{display:block;overflow:hidden;padding-right:8px;text-overflow:ellipsis;white-space:nowrap}.demo-page__select-icon{position:absolute;top:50%;right:14px;width:8px;height:8px;border-right:1.5px solid rgba(65,70,75,.5);border-bottom:1.5px solid rgba(65,70,75,.5);pointer-events:none;transform:translateY(-65%) rotate(45deg);transition:transform .2s ease,border-color .2s ease}.demo-page__select--open .demo-page__select-icon{transform:translateY(-35%) rotate(225deg)}.demo-page__select-icon-image{width:20px;height:20px;flex:0 0 auto;pointer-events:none}.demo-page__select--error .demo-page__select-trigger{border-color:#d55f5f}.demo-page__select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;max-height:min(320px,calc(100vh - 120px));margin:0;padding:8px;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid rgba(65,70,75,.1);border-radius:8px;background:#fff;box-shadow:0 20px 32px #00000014}.demo-page__select-option{width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:#41464b;cursor:pointer;font-size:16px;line-height:24px;text-align:left}.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{min-height:139px;padding-top:10px;resize:vertical}.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{margin-top:8px;color:#d55f5f;font-size:12px;line-height:18px}.demo-page__submit-message{margin:0;color:#41464b;font-size:14px;line-height:20px}.demo-page__submit{height:40px;margin-top:0;border-radius:2px;font-size:14px;line-height:40px;cursor:pointer}.demo-page__submit--homepage{grid-column:1 / -1;justify-self:center;width:200px;height:auto;min-height:30px;line-height:24px}@media(max-width:980px){.demo-page__section{padding:32px 0 56px}.demo-page__panel{width:min(100%,calc(100% - 24px))}.demo-page__main{grid-template-columns:1fr;row-gap:32px}.demo-page__content{max-width:none;gap:24px}.demo-page__title{font-size:32px;line-height:48px}.demo-page__content-sections{gap:24px}.demo-page__product-grid{grid-template-columns:1fr}.demo-page__form-panel{border-left:0}.demo-page__form-card{width:auto}.demo-page__form--homepage{grid-template-columns:1fr}}@media(max-width:640px){.demo-page__title{font-size:30px;line-height:42px}.demo-page__content{gap:20px}.demo-page__product-card{padding:20px}}