.csbn-wrap{box-sizing:border-box;width:var(--csbn-width-d);max-width:var(--csbn-max);margin:var(--csbn-mt-d) var(--csbn-mr-d) var(--csbn-mb-d) var(--csbn-ml-d);padding:var(--csbn-pt-d) var(--csbn-pr-d) var(--csbn-pb-d) var(--csbn-pl-d);background:var(--csbn-bg);color:var(--csbn-text);border:1px solid var(--csbn-border);border-radius:var(--csbn-radius);box-shadow:var(--csbn-shadow);font-size:var(--csbn-text-size-d);font-family:inherit}.csbn-head{text-align:center;margin-bottom:22px}.csbn-head h2{font-size:var(--csbn-title-size-d);line-height:1.08;margin:0 0 10px}.csbn-head p{font-size:var(--csbn-subtitle-size-d);color:var(--csbn-muted);margin:0}.csbn-card{display:flex;flex-direction:column;gap:20px}.csbn-mode{display:flex;gap:8px;background:#f2f5fa;padding:6px;border-radius:14px}.csbn-mode button{flex:1;border:0;background:transparent;padding:12px 14px;border-radius:10px;cursor:pointer;font-size:var(--csbn-button-size-d)}.csbn-mode button.active{background:var(--csbn-primary);color:#fff}.csbn-grid-public{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.csbn-grid-public label{display:flex;flex-direction:column;gap:7px;font-weight:600}.csbn-grid-public input,.csbn-grid-public select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--csbn-border);background:var(--csbn-field-bg);border-radius:12px;font:inherit}.csbn-grid-public small{font-weight:400;color:var(--csbn-muted);font-size:.82em;line-height:1.35}.csbn-input-wrap{position:relative}.csbn-input-wrap input{padding-right:44px}.csbn-input-wrap b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--csbn-muted)}.csbn-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.csbn-results>div{background:var(--csbn-result-bg);border:1px solid var(--csbn-border);border-radius:14px;padding:16px}.csbn-results span{display:block;color:var(--csbn-muted);font-size:.9em;margin-bottom:6px}.csbn-results strong{font-size:var(--csbn-result-size-d)}.csbn-actions{display:flex;gap:10px;justify-content:flex-end}.csbn-actions button{padding:12px 18px;border-radius:12px;border:1px solid var(--csbn-border);font-size:var(--csbn-button-size-d);cursor:pointer}.csbn-copy{background:var(--csbn-primary);border-color:var(--csbn-primary)!important;color:#fff}.csbn-copy:hover{background:var(--csbn-primary-hover)}.csbn-reset{background:#fff;color:var(--csbn-text)}.csbn-note{color:var(--csbn-muted);font-size:.88em;margin:0}.csbn-seo{box-sizing:border-box;width:var(--seo-width);max-width:var(--seo-max);margin:var(--seo-mt-d) var(--seo-mr-d) var(--seo-mb-d) var(--seo-ml-d);padding:var(--seo-pt-d) var(--seo-pr-d) var(--seo-pb-d) var(--seo-pl-d);background:var(--seo-bg);color:var(--seo-text)}.csbn-seo h2{color:var(--seo-title);font-size:var(--seo-ts-d);margin:0 0 14px}.csbn-seo>div{font-size:var(--seo-tx-d);line-height:1.7}
@media(max-width:900px){.csbn-wrap{width:var(--csbn-width-t);margin:var(--csbn-mt-t) var(--csbn-mr-t) var(--csbn-mb-t) var(--csbn-ml-t);padding:var(--csbn-pt-t) var(--csbn-pr-t) var(--csbn-pb-t) var(--csbn-pl-t);font-size:var(--csbn-text-size-t)}.csbn-head h2{font-size:var(--csbn-title-size-t)}.csbn-head p{font-size:var(--csbn-subtitle-size-t)}.csbn-mode button,.csbn-actions button{font-size:var(--csbn-button-size-t)}.csbn-results strong{font-size:var(--csbn-result-size-t)}.csbn-seo{margin:var(--seo-mt-t) var(--seo-mr-t) var(--seo-mb-t) var(--seo-ml-t);padding:var(--seo-pt-t) var(--seo-pr-t) var(--seo-pb-t) var(--seo-pl-t)}.csbn-seo h2{font-size:var(--seo-ts-t)}.csbn-seo>div{font-size:var(--seo-tx-t)}}
@media(max-width:640px){.csbn-wrap{width:var(--csbn-width-m);margin:var(--csbn-mt-m) var(--csbn-mr-m) var(--csbn-mb-m) var(--csbn-ml-m);padding:var(--csbn-pt-m) var(--csbn-pr-m) var(--csbn-pb-m) var(--csbn-pl-m);font-size:var(--csbn-text-size-m)}.csbn-head h2{font-size:var(--csbn-title-size-m)}.csbn-head p{font-size:var(--csbn-subtitle-size-m)}.csbn-mode button,.csbn-actions button{font-size:var(--csbn-button-size-m)}.csbn-grid-public,.csbn-results{grid-template-columns:1fr}.csbn-actions{flex-direction:column}.csbn-results strong{font-size:var(--csbn-result-size-m)}.csbn-seo{margin:var(--seo-mt-m) var(--seo-mr-m) var(--seo-mb-m) var(--seo-ml-m);padding:var(--seo-pt-m) var(--seo-pr-m) var(--seo-pb-m) var(--seo-pl-m)}.csbn-seo h2{font-size:var(--seo-ts-m)}.csbn-seo>div{font-size:var(--seo-tx-m)}}