.smart-page{background:#f5f7f6;color:#263d35;padding:36px 24px 54px;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif}
.smart-page *, .smart-preview *{box-sizing:border-box}
.smart-shell{max-width:1540px;margin:0 auto}
.smart-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:#63746d;margin-bottom:18px;font-size:13px}
.smart-breadcrumb a{color:#426d59}
.smart-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.smart-heading h1{font-size:30px;line-height:1.3;font-weight:700;color:#234f3c;margin:0 0 8px}
.smart-heading p{margin:0;color:#62746b;max-width:900px}
.smart-badge{flex-shrink:0;display:inline-block;background:#e7eee8;color:#3e7052;padding:6px 12px;border-radius:20px;font-size:12px}
.smart-design{display:grid;grid-template-columns:400px minmax(0,1fr);align-items:start;gap:24px}
.smart-design .left-panel,.smart-design .right-panel{background:#fff;border:1px solid #dfe7e1;border-radius:12px;box-shadow:0 4px 18px rgba(40,67,53,.035)}
.smart-design .left-panel{padding:0;overflow:hidden}
.smart-design .right-panel{min-width:0;padding:24px}
.smart-design h3{font-size:15px;color:#294f3b;font-weight:700;margin:0 0 9px}
.smart-design input[type=radio],.smart-design input[type=checkbox]{width:16px;height:16px;accent-color:#477957;margin:0 3px 0 0;vertical-align:middle}
.smart-design input[type=number],.smart-design input[type=text],.smart-design input[type=email],.smart-design input[type=tel],.smart-design select,.smart-design textarea{background:#fff;color:#253d30;border:1px solid #ccd8ce;border-radius:5px;min-height:36px;padding:7px 9px;font:inherit;max-width:100%}
.smart-design input:focus,.smart-design select:focus,.smart-design textarea:focus{outline:2px solid #83a88e;outline-offset:2px}
.smart-input-heading{padding:20px 22px 16px;border-bottom:1px solid #e4ebe6;background:#fbfcfb}
.smart-input-heading h2{font-size:19px;font-weight:700;line-height:1.4;color:#294f3b;margin:0 0 4px}
.smart-input-heading p{font-size:12px;color:#7a8880;margin:0;line-height:1.5}
.smart-input-section{padding:18px 22px;border-bottom:1px solid #e7ece8;min-width:0}
.smart-design h3.smart-section-title{display:flex;align-items:center;gap:9px;font-size:14px;line-height:24px;margin:0 0 14px}
.smart-section-title>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:6px;background:#edf3ee;color:#63806c;font-size:11px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.smart-field-caption,.smart-field-label{font-size:12px;color:#617168;line-height:1.5}
.smart-option-field+.smart-option-field,.smart-variant+.smart-option-field{margin-top:14px}
.smart-option-field>.smart-field-caption{display:flex;align-items:center;min-height:20px;margin-bottom:7px}
.smart-design .smart-option-set{display:grid;gap:6px;margin:0;min-width:0}
.smart-design .smart-option-set label{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:36px;padding:7px 6px;border:1px solid #dce4de;border-radius:6px;background:#fff;color:#637269;font-size:12px;line-height:1.35;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.smart-design .smart-option-set label:hover{border-color:#9cb8a5;background:#f7faf7}
.smart-design .smart-option-set label:has(input:checked){border-color:#6b9177;background:#edf5ee;color:#305c3d;font-weight:600;box-shadow:inset 0 0 0 1px #6b91771a}
.smart-design .smart-option-set label:has(input:focus-visible){outline:2px solid #83a88e;outline-offset:2px}
.smart-design .smart-option-set input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.smart-type-options,.smart-four-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.smart-two-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.smart-material-options{grid-template-columns:1.15fr 1.35fr .75fr .75fr .85fr}
.smart-life-options{grid-template-columns:.6fr 1.2fr 1.2fr}
.smart-variant{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;margin:12px 0 0;padding:10px 0;border-bottom:1px dashed #e3e9e4}
.smart-variant select{width:100%;min-width:0}
.smart-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:12px}
.smart-field{min-width:0;margin-top:12px}
.smart-fields-grid>.smart-field{margin-top:0}
.smart-field-label{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-height:20px;margin-bottom:5px}
.smart-field-label>label{min-width:0;cursor:pointer}
.smart-field-unit{flex-shrink:0;color:#93a096;font-size:11px}
.smart-design .left-panel .smart-field input,.smart-design .left-panel .smart-field select{display:block;min-width:0;width:100%;height:39px;border-color:#d8e1da;border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums}
.smart-limit-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.smart-limit-toggle>label{display:flex;align-items:center;gap:6px;font-size:12px;color:#627669;cursor:pointer}
.smart-limit-toggle>span,.smart-extra-heading>span:last-child{font-size:11px;color:#98a299}
.smart-limit-toggle input[type=checkbox]{width:14px;height:14px;margin:0}
.smart-extra-block{margin-top:16px;padding-top:13px;border-top:1px dashed #e3e9e4}
.smart-extra-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.smart-extra-block>.smart-field-caption{display:block;margin-bottom:7px}
.smart-primary-fields:has(#input-F1[hidden]){grid-template-columns:1fr}
.smart-calc-footer{padding:16px 22px 18px;background:#fafcf9}
.smart-calc-footer .smart-mini-note{text-align:center;margin:8px 0 0;font-size:11px;color:#86928a}
.smart-design .left-panel>.smart-notice{margin:14px 22px}
:lang(en) .smart-type-options{grid-template-columns:repeat(2,minmax(0,1fr))}
:lang(en) .smart-life-options{grid-template-columns:1fr}
.smart-design .info-tip{margin-left:6px;border:1px solid #7c9382;border-radius:50%;display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;font-size:11px;font-weight:400;cursor:help}
.smart-design [hidden],.smart-page [hidden]{display:none!important}
.smart-design button,.smart-preview button,.smart-access-note .smart-button{border:1px solid #477957;background:#477957;color:#fff;font:600 13px/1.4 Arial,"Microsoft YaHei",sans-serif;padding:10px 14px;border-radius:5px;cursor:pointer;display:inline-block;text-decoration:none}
.smart-design button:hover,.smart-preview button:hover,.smart-access-note .smart-button:hover{background:#365f43}
.smart-design button:focus-visible,.smart-preview button:focus-visible{outline:3px solid #abc4b1;outline-offset:2px}
.smart-design button:disabled{opacity:.45;cursor:default}
.smart-design button.smart-secondary,.smart-preview button.smart-secondary{background:white;color:#42694d;border-color:#b7cabd}
.smart-design .calc-actions{display:grid;gap:9px;margin-top:2px}
.smart-design .calc-actions>button{font-size:15px;padding:12px}
.smart-mini-note{font-size:12px;color:#687c6d;line-height:1.6;margin:12px 0}
.smart-notice{background:#f5f8f2;border-left:3px solid #87a76f;padding:10px 12px;font-size:12px;color:#51684a;margin:12px 0}
.smart-result-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.smart-result-heading h2{font-size:19px;font-weight:700;margin:0}
.smart-result-heading button{padding:8px 10px}
.smart-result-count{font-size:14px;color:#3f6d4a;margin:0 0 8px}
.smart-design .scheme-note{font-size:12px;color:#7b877e;margin:0 0 14px}
.smart-table-scroll{overflow:auto;max-width:100%;border:1px solid #dce5de;border-radius:7px}
.smart-design table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
.smart-design th{background:#edf3ee;text-align:center;padding:10px 12px;border-bottom:1px solid #d5e0d8;line-height:1.35;color:#3d5d47}
.smart-design td{text-align:center;padding:11px 12px;border-bottom:1px solid #edf0ed}
.smart-design tbody tr:last-child td{border-bottom:0}
.smart-design tbody tr.is-selected{background:#eef6ed}
.smart-result-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:18px 0}
.smart-result-actions label{font-size:13px;color:#52675a}
.smart-result-actions select{min-width:140px}
.smart-chart{height:300px;position:relative;border-top:1px solid #e4eae5;padding-top:16px;margin-top:14px}
.smart-status{border-radius:6px;min-height:44px;background:#f2f6f2;color:#45634b;padding:11px 13px;margin:12px 0 18px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.smart-submit-section{border-top:1px solid #dfe7e0;padding-top:22px;margin-top:8px}
.smart-submit-section h2{font-size:19px;margin:0 0 5px;font-weight:700}
.smart-submit-section>p{font-size:13px;color:#697b6f;margin:0 0 14px}
.smart-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:18px 0}
.smart-contact-grid label{display:grid;gap:5px;font-size:13px;color:#52675a}
.smart-contact-grid .smart-full{grid-column:1/-1}
.smart-contact-grid textarea{resize:vertical;min-height:75px;width:100%}
.smart-required{color:#a54e43;margin-left:3px}
.smart-access-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;padding:16px 20px;border:1px solid #dce6dc;border-radius:9px;background:#edf3ec}
.smart-access-note h2{font-size:14px;font-weight:700;color:#355d41;margin:0 0 4px}
.smart-access-note p{margin:0;color:#5d7463;font-size:13px;line-height:1.7}
.smart-access-note .smart-button{flex-shrink:0}
.smart-preview{border:1px solid #dae5dc;border-radius:12px;padding:28px;max-width:760px;width:calc(100% - 32px);max-height:90vh;overflow:auto;color:#294a35;box-shadow:0 24px 70px #16372238}
.smart-preview::backdrop{background:#18362266}
.smart-preview h2{font-size:23px;margin:0 0 16px}.smart-preview h3{font-size:17px;margin:20px 0 9px}
.smart-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;font-size:13px}
.smart-preview dt,.smart-preview dd{margin:0;padding:7px 10px;border-bottom:1px solid #edf0ed}
.smart-preview dt{color:#647b6b}.smart-preview dd{text-align:right;font-variant-numeric:tabular-nums}
.smart-preview-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
@media(min-width:1500px){.smart-design{grid-template-columns:420px minmax(0,1fr)}}
@media(max-width:1100px){.smart-design{grid-template-columns:340px minmax(0,1fr);gap:16px}.smart-design .right-panel{padding:18px}.smart-heading h1{font-size:27px}}
@media(max-width:800px){.smart-page{padding:26px 16px 38px}.smart-heading{align-items:flex-start;flex-direction:column;gap:12px}.smart-heading h1{font-size:25px}.smart-design{grid-template-columns:1fr}.smart-input-heading{padding:18px 18px 15px}.smart-input-section{padding:16px 18px}.smart-calc-footer{padding:15px 18px 17px}.smart-contact-grid{grid-template-columns:1fr}.smart-contact-grid .smart-full{grid-column:auto}.smart-access-note{align-items:flex-start;flex-direction:column;gap:12px;padding:15px 18px}.smart-chart{height:260px}}
@media print{body *{visibility:hidden}dialog.smart-preview[open],dialog.smart-preview[open] *{visibility:visible}dialog.smart-preview[open]{position:absolute;inset:0;margin:0;width:100%;max-width:none;max-height:none;border:0;box-shadow:none}.smart-preview-actions{display:none!important}}