.ui-extra-b .ux-layout{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:12px;min-height:150px}.ui-extra-b .ux-region,.ui-extra-b .ux-main-content{padding:16px;border:1px solid var(--line,#d9d7cf);border-radius:14px;white-space:pre-line}.ui-extra-b .ux-header{grid-column:1/-1;background:#182c24;color:#fff}.ui-extra-b .ux-header.is-compact{padding:7px 16px}.ui-extra-b .ux-footer{grid-column:1/-1;grid-row:2;background:#f1eee4}.ui-extra-b .ux-footer.is-detailed::after{content:' · 隐私 · 联系';display:inline}.ui-extra-b .ux-sidebar{transition:.2s}.ui-extra-b .ux-sidebar.is-collapsed{width:28px;overflow:hidden;color:transparent}.ux-toolbar,.ux-split,.ux-actions{display:flex;gap:6px;flex-wrap:wrap}.ux-edit-sample{font-size:1.25rem}.fmt-0{font-weight:800}.fmt-1{font-style:italic}.fmt-2{text-decoration:underline}.ux-status{margin-top:8px;padding:8px 12px;background:#182c24;color:white;border-radius:8px}.ux-phone{position:relative;max-width:300px;min-height:230px;margin:auto;padding:24px 18px 58px;border:6px solid #28382f;border-radius:28px;background:#f8f5eb}.ux-phone nav{position:absolute;inset:auto 0 0;display:flex;justify-content:space-around;padding:8px;background:white;border-radius:0 0 20px 20px}.ux-phone [aria-current=page]{background:#dbe9d6}.ux-steps{display:flex;gap:5px;padding:0;list-style:none;counter-reset:s}.ux-steps li{flex:1;padding:10px;background:#eee;border-radius:10px}.ux-steps .current{outline:2px solid #315e48}.ux-steps .done{background:#dbe9d6}.ux-toc-layout{display:grid;grid-template-columns:100px 1fr;gap:14px}.ux-toc-layout nav{display:flex;flex-direction:column;gap:8px}.ux-scroll-doc,.ux-scrollbox{max-height:190px;overflow:auto;padding:12px;border:1px solid #cbc8bd;border-radius:10px}.ux-context-card{padding:35px 18px;border:2px dashed #76907f;border-radius:14px}.ux-context-menu,.ux-split-menu{display:flex;flex-direction:column;gap:5px;width:max-content;padding:8px;margin-top:5px;background:white;border:1px solid #aaa;border-radius:10px;box-shadow:0 8px 24px #0002}.ux-segments{border:0;display:flex;gap:0}.ux-segments legend{width:100%;margin-bottom:8px}.ux-segments label span{display:block;padding:8px 18px;border:1px solid #9c9b91}.ux-segments input{position:absolute;opacity:0}.ux-segments input:checked+span{background:#214f3a;color:white}.ux-split .ui-btn+button{margin-left:-7px}.ux-tree [role=treeitem]{padding:7px 10px;border-radius:8px;cursor:pointer}.ux-tree [role=treeitem]:focus{outline:2px solid #315e48}.ux-tree [role=group]{margin-left:24px;border-left:1px solid #aaa}.ux-timeline{list-style:none;border-left:2px solid #78917f;padding-left:20px}.ux-timeline li{position:relative;display:grid;grid-template-columns:90px 1fr;gap:8px;padding:10px}.ux-timeline li::before{content:'';position:absolute;left:-26px;top:16px;width:10px;height:10px;border-radius:50%;background:#315e48}.ux-descriptions{display:grid;grid-template-columns:100px 1fr;gap:0}.ux-descriptions dt,.ux-descriptions dd{margin:0;padding:10px;border-bottom:1px solid #ddd}.ux-descriptions dt{font-weight:700}.ux-carousel{text-align:center;padding:30px;border-radius:18px;background:#e4eddf}.ux-dots{display:flex;justify-content:center;gap:6px}.ux-dots [aria-current=true]{background:#214f3a;color:#fff}.ux-bottom-sheet{margin:auto auto 0;width:min(100%,420px);border:0;border-radius:20px 20px 0 0;padding:24px}.ux-bottom-sheet::backdrop,.ux-image-preview::backdrop{background:#10251dbb}.ux-bottom-sheet .ui-btn{display:block;width:100%;margin:6px 0}.ux-image-preview{border:0;border-radius:20px;text-align:center}.ux-preview-art{display:grid;place-items:center;width:min(55vw,350px);height:220px;font-size:7rem;color:white;border-radius:18px;background:#577b65}.ux-preview-art[data-pic='1']{background:#8c6e40}.ux-preview-art[data-pic='2']{background:#356a58}.ux-thumb{font-size:1.2rem!important;padding:30px!important}.ux-scrollbox{height:180px}.ux-resize-wrap{overflow:auto;padding:8px}.ux-resizable{resize:horizontal;overflow:auto;min-width:180px;max-width:420px;width:260px;padding:28px 14px;border:2px solid #67806e;border-radius:12px;background:#e7eee4}.ui-extra-b input[type=range]{width:min(100%,420px)}@media(max-width:600px){.ui-extra-b .ux-layout{grid-template-columns:1fr}.ui-extra-b .ux-header,.ui-extra-b .ux-footer{grid-column:auto;grid-row:auto}.ux-toc-layout{grid-template-columns:1fr}.ux-toc-layout nav{flex-direction:row;flex-wrap:wrap}.ux-steps{font-size:.8rem}.ux-resizable{max-width:100%}}

.ux-segments input:focus-visible+span{outline:3px solid #78934b;outline-offset:3px}.ux-tree [aria-selected=true]{background:#dbe9d6}.ux-main-content{min-width:0}.ux-preview-art[data-pic="1"] svg{transform:rotate(15deg)}.ux-preview-art[data-pic="2"] svg{transform:rotate(-15deg)}