:root{--paper:#f8f6f0;--forest:#ab3528;--sheet:#fffcf5;--quiet:#82776b;--line:#d8d0c5;--ink:#2b2825;--on-accent:#fff9e9;--ui-font:"PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;--sage:color-mix(in srgb,var(--paper) 90%,var(--forest));--page-wash:100%;color-scheme:light}
*{box-sizing:border-box}
html,body{width:100%;height:100%;min-width:1280px;margin:0;overflow-y:hidden}
body{background:var(--paper);color:var(--ink);font:14px/1.4 var(--ui-font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;transition:background .2s,color .2s,border-color .2s}
button:disabled{opacity:.5;cursor:not-allowed}
button,input,select{border:1px solid var(--line);background:transparent;border-radius:3px}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--forest);outline-offset:4px}
button:hover:not(:disabled):not(.namecard){background:color-mix(in srgb,var(--forest) 5%,transparent)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.namecard-web{position:relative;display:grid;grid-template-rows:100px minmax(0,1fr) 42px;min-width:1280px;height:100dvh;margin:0;padding:0 40px 12px;background-color:var(--paper);background-image:linear-gradient(to bottom,var(--paper),color-mix(in srgb,var(--paper) 92%,transparent) 80px,transparent 160px,transparent calc(100% - 100px),color-mix(in srgb,var(--paper) 92%,transparent) calc(100% - 40px),var(--paper)),linear-gradient(color-mix(in srgb,var(--paper) var(--page-wash),transparent),color-mix(in srgb,var(--paper) var(--page-wash),transparent)),var(--page-image,none);background-size:cover;background-position:center right;isolation:isolate}
.letter-top,.letter-foot{font-size:14px;color:var(--ink)}
[data-page-frame-top],[data-page-frame-bottom]{position:relative;z-index:2}
[data-page-frame-top]{transform:translateY(var(--top-bar-offset,0px))}
[data-page-frame-bottom]{transform:translateY(var(--bottom-bar-offset,0px))}
.letter-top{display:flex;align-items:center;gap:18px}
.letter-brand{display:block;width:180px;height:60px;object-fit:contain;flex:0 0 180px}
.letter-identity{width:180px;flex:0 0 180px;display:grid;justify-items:center;gap:3px}
.card-controls{display:flex;align-items:center;gap:5px;flex:1;min-width:0}
.header-surname{width:calc(3em + 18px);flex:0 0 calc(3em + 18px)}
.header-surname .surname-input{width:100%;height:40px;padding:0 8px;text-align:center}
.card-controls>select{height:40px;padding:0 6px;cursor:pointer;flex:0 0 66px;width:66px}
.card-controls>select[data-field="totalLength"]{flex-basis:74px;width:74px}
option{background:var(--paper);color:var(--ink)}
.add-name{height:40px;min-width:96px;display:flex;align-items:center;justify-content:center;padding:0 11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.add-name:hover:not(:disabled){border-color:var(--forest)}
.more-conditions,.reset-names,.refresh-names{border:0;padding:0 8px;white-space:nowrap;display:flex;gap:9px;height:40px;align-items:center}
.actions{position:relative;display:flex;gap:2px;flex-shrink:0;align-items:center}
.actions button{border:0;padding:9px 11px;white-space:nowrap}
.card-scheme-switcher{display:flex;align-items:center;flex:0 0 190px;width:190px;margin-right:10px}
.card-scheme-switcher .scheme-arrow{display:grid;place-items:center;width:30px;height:40px;flex:0 0 30px;padding:0}
.scheme-arrow svg{width:20px;height:20px;pointer-events:none}
.current-card-scheme{flex:1;min-width:0;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.image-copy-status{position:absolute;z-index:12;right:calc(100% + 12px);top:50%;transform:translateY(-50%);width:max-content;max-width:280px;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 4px 16px #30282118;pointer-events:none}
.image-copy-status.is-error{color:#a42d24}
.surname-entry{position:fixed;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:480px;height:264px}
.surname-entry .surname-input{width:480px;height:264px;padding:0 24px;font-size:120px;line-height:1.2;text-align:center;background:color-mix(in srgb,var(--sheet) 42%,transparent);border-color:color-mix(in srgb,var(--ink) 14%,transparent)}
.surname-entry .surname-input:placeholder-shown{font-size:56px}
.surname-entry .surname-input:focus-visible{outline:2px solid color-mix(in srgb,var(--forest) 30%,transparent);outline-offset:4px;border-color:color-mix(in srgb,var(--forest) 24%,transparent)}
.surname-entry .surname-submit{position:absolute;z-index:1;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--forest);color:var(--on-accent);box-shadow:0 2px 8px #30282116;transition:background-color .15s,box-shadow .15s,filter .15s}
.surname-submit svg{display:block;width:24px;height:24px;pointer-events:none}
.surname-entry .surname-submit:is(:hover,:focus-visible):not(:disabled){background:var(--forest);filter:brightness(1.06);box-shadow:0 3px 12px #30282126}
.surname-entry .surname-submit:active:not(:disabled){filter:brightness(.94);box-shadow:0 1px 4px #30282116}
.surname-entry .surname-submit:disabled{background:#b8bab8;color:#f7f7f4;opacity:1;box-shadow:none;filter:none;cursor:not-allowed}
.surname-error{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:320px;margin:12px 0 0;text-align:center;color:#a42d24}
/* Balance the visible 40px header controls and 14px/1.4 footer text. */
.letter-stage{min-height:0;display:flex;position:relative;padding:0 0 18.8px}
.result-stage-content{width:100%;min-height:0;display:flex;align-items:stretch;position:relative}
.specimen{display:none}
.namecards{--normal-card-width:184px;--large-card-width:280px;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:0;list-style:none;padding:0;margin:0}
.name-choice{--page-frame-scale-y:1;position:relative;flex:0 1 var(--normal-card-width);min-width:0;height:min(426px,100%);max-height:100%}
.name-choice{pointer-events:none}
.name-choice>.namecard,.name-choice>.namecard-copy{pointer-events:auto}
.name-choice.is-enlarged{--page-frame-scale-y:var(--selection-scale,1);z-index:1;flex:0 0 var(--selection-width,var(--large-card-width))}
.name-choice.is-enlarged .namecard{--card-scale:var(--selection-scale,1);--outer-frame-width:2px;width:calc(100% / var(--selection-scale,1));margin-inline:auto;transform:scale(var(--selection-scale,1));transform-origin:center;transition:none}
.namecard{--card-scale:1;--outer-frame-width:1px;--name-font-size:68px;position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);align-items:center;justify-items:center;width:100%;height:100%;min-width:0;padding:48px 18px 54px;border:calc(var(--outer-frame-width)/var(--card-scale)) solid transparent;background-color:var(--card-surface);background-image:linear-gradient(color-mix(in srgb,var(--card-surface) var(--card-tint),transparent),color-mix(in srgb,var(--card-surface) var(--card-tint),transparent)),var(--card-image);background-size:cover;background-position:center;color:var(--card-ink);box-shadow:var(--card-shadow);text-align:center;isolation:isolate;border-radius:var(--card-radius);transform-origin:50% 85%;transition:box-shadow .2s}
.namecard::before{content:"";position:absolute;inset:calc((12px - var(--outer-frame-width))/var(--card-scale));border:calc(1px/var(--card-scale)) solid var(--card-frame-inner);pointer-events:none;z-index:-1}
.namecard::after{content:"";display:none;position:absolute;inset:0;border:calc(10px/var(--card-scale)) solid var(--card-frame-band);pointer-events:none;z-index:-2}
.namecard.is-selected{border-color:var(--card-frame-outer)}
.name-choice.is-enlarged .namecard{color:var(--card-large-ink)}
.namecard.is-selected::before{inset:var(--frame-inset)}
.namecard.is-selected::after{display:block}
.namecard:hover:not(:disabled){box-shadow:var(--card-shadow)}
.namecard.is-selected:hover:not(:disabled){border-color:var(--card-frame-outer)}
.namecard strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;font:var(--style-weight,400) var(--name-font-size)/1 var(--style-font,KaiTi,STKaiti,serif);letter-spacing:0;white-space:nowrap;-webkit-text-stroke:var(--style-outline,0px) currentColor}
.namecard .glyph{position:relative;display:flex;align-items:center;justify-content:center;width:1.15em;height:1.32em;flex:0 0 1.32em;letter-spacing:0}
.namecard .glyph-pinyin{display:none;position:absolute;left:calc(var(--left-space,0px)/-2);top:50%;transform:translate(-50%,-50%);writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;font:calc(var(--pinyin-font-size,24px)/var(--selection-scale,1))/1 var(--ui-font);letter-spacing:0;pointer-events:none}
.name-choice.is-enlarged .glyph-pinyin{display:block}
.namecard strong:has(.glyph:nth-child(4)){--name-font-size:58px}
.name-choice.is-enlarged .namecard strong{font-size:calc(var(--name-font-size)/var(--selection-scale,1))}
.namecard-brand{display:none;position:absolute;left:var(--brand-left);top:var(--brand-top);width:calc(70px/var(--selection-scale,1));height:auto;pointer-events:none}
.name-choice.is-enlarged .namecard-brand{display:block}
.namecard-ornament{display:none;position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;opacity:.8}
.name-choice.is-enlarged .namecard-ornament{display:block}
.namecard-ornament-top{top:calc(38px/var(--card-scale));width:calc(72px/var(--card-scale));height:calc(60px/var(--card-scale))}
.namecard-ornament-bottom{bottom:calc(38px/var(--card-scale));width:calc(72px/var(--card-scale));height:calc(60px/var(--card-scale))}
html[data-card-scheme="fine"]:is([data-card-era="han"],[data-card-era="modern"]) .namecard-ornament{width:calc(160px/var(--card-scale))}
html[data-card-era="natural"] .name-choice.is-enlarged .namecard-ornament{display:none}
html[data-card-scheme="fine"][data-card-era="modern"] .namecard-ornament{height:calc(100px/var(--card-scale))}
html[data-card-scheme="fine"][data-card-era="modern"] .namecard-ornament-top{top:calc(18px/var(--card-scale))}
html[data-card-scheme="fine"][data-card-era="modern"] .namecard-ornament-bottom{bottom:calc(18px/var(--card-scale))}
html[data-card-scheme="fine"][data-card-era="qin"] .namecard-ornament{width:calc(160px/var(--card-scale))}
.namecard-paper-rules{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.2}
html[data-card-era="tang"] .name-choice.is-enlarged .namecard-paper-rules{display:block}
.namecards.is-selecting .namecard-copy{opacity:0;pointer-events:none}
.namecard-copy{display:none;position:absolute;right:16px;bottom:calc((100% - 100%*var(--selection-scale,1))/2 + 14px);z-index:2;border:0;border-radius:2px;padding:4px 6px;background:transparent;color:var(--card-large-ink);font:14px/1.4 var(--ui-font)}
.name-choice.is-enlarged .namecard-copy{display:block}
.namecard-copy:hover:not(:disabled),.namecard-copy:focus-visible{background:color-mix(in srgb,var(--card-large-ink) 8%,transparent);color:var(--card-large-ink)}
.card-copy-status{position:fixed;z-index:20;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 4px 16px #30282118;font:14px/1.5 var(--ui-font);overflow-wrap:anywhere;pointer-events:none}
.card-copy-status.is-error{color:#a42d24}
.export-card-measure{position:fixed;left:-10000px;top:0;visibility:hidden;pointer-events:none}
.namecard-details{display:none;position:absolute;inset:0;pointer-events:none;text-align:left;color:inherit;font:calc(20px/var(--selection-scale,1))/1.45 var(--ui-font)}
.name-choice.is-enlarged .namecard-details{display:block}
.namecard-meaning{position:absolute;top:0;bottom:0;right:0;width:var(--right-space);display:flex;align-items:center;justify-content:center}
.namecard-meaning-text{display:block;writing-mode:vertical-rl;text-orientation:upright;white-space:normal;text-align:center;height:var(--meaning-height);line-height:1.45;letter-spacing:0}
/* Classic card appearance from 1.2.35; naming, sizing and export stay shared. */
html[data-card-scheme="classic"] .namecard{border:1px solid var(--card-line)}
html[data-card-scheme="classic"] .namecard::before{inset:var(--card-inset);border:1px var(--card-frame) var(--card-line);border-radius:0;z-index:-1}
html[data-card-scheme="classic"] .namecard::after{display:block;inset:auto;top:16px;bottom:16px;left:50%;border:0;border-left:1px solid color-mix(in srgb,var(--card-accent) 10%,transparent);z-index:-1}
html[data-card-scheme="classic"] .namecard.is-selected{background-color:var(--card-accent);background-image:linear-gradient(color-mix(in srgb,var(--card-accent) var(--selected-tint),transparent),color-mix(in srgb,var(--card-accent) var(--selected-tint),transparent)),var(--card-image);border-color:var(--card-accent);color:var(--card-large-ink)}
html[data-card-scheme="classic"] .namecard.is-selected::before{border-color:color-mix(in srgb,var(--on-accent) 40%,transparent)}
html[data-card-scheme="classic"] .namecard.is-selected::after{border-color:color-mix(in srgb,var(--on-accent) 8%,transparent)}
html[data-card-scheme="classic"] .namecard:hover:not(:disabled){border-color:var(--card-accent)}
html[data-card-scheme="classic"] .namecard-copy{color:#fff}
html[data-card-scheme="classic"] .namecard-copy:is(:hover,:focus-visible):not(:disabled){background:#ffffff1c;color:#fff}
html[data-card-scheme="classic"]:is([data-card-era="qin"],[data-card-era="song"],[data-card-era="ming"]) .namecard::before{border-width:3px}
html[data-card-scheme="classic"][data-card-era="han"] .namecard::after{left:15px;right:15px;top:24px;bottom:24px;border:0;border-top:1px dashed currentColor;border-bottom:1px dashed currentColor;opacity:.25}
html[data-card-scheme="classic"][data-card-era="wei"] .namecard::before{border-width:1px 0;border-radius:35% 0}
html[data-card-scheme="classic"][data-card-era="wei"] .namecard::after{left:16px;right:16px;top:12px;bottom:12px;border-left:0;border-right:1px solid currentColor;opacity:.15}
html[data-card-scheme="classic"][data-card-era="ming"] .namecard::after{left:20px;right:20px;top:20px;bottom:20px;border:1px solid currentColor;opacity:.15}
html[data-card-scheme="classic"][data-card-era="modern"] .namecard::before,html[data-card-scheme="classic"][data-card-era="modern"] .namecard::after{display:none}
html[data-card-scheme="classic"][data-material="bamboo"] .namecard{border-left-width:3px;border-right-width:3px}
html[data-card-scheme="classic"][data-material="silk"] .namecard::before{border-style:dashed}
html[data-card-scheme="classic"][data-material="print"] .namecard{border-width:2px}
/* Scheme three keeps a single thin outer border in every era. */
html[data-card-scheme="fine"] .namecard{border:1px solid var(--card-line);border-radius:0}
html[data-card-scheme="fine"] .namecard::before{display:none}
html[data-card-scheme="fine"] .namecard::after{display:block;inset:auto;top:16px;bottom:16px;left:50%;border:0;border-left:1px solid color-mix(in srgb,var(--card-accent) 10%,transparent);z-index:-1}
html[data-card-scheme="fine"] .namecard.is-selected{border-color:var(--card-accent)}
html[data-card-scheme="fine"]:is([data-material="xuan"],[data-material="xuetao"],[data-material="rubbing"],[data-material="print"],[data-material="landscape"]) .namecard.is-selected{background-color:var(--card-accent);background-image:linear-gradient(color-mix(in srgb,var(--card-accent) var(--selected-tint),transparent),color-mix(in srgb,var(--card-accent) var(--selected-tint),transparent)),var(--card-image)}
html[data-card-scheme="fine"]:is([data-material="xuan"],[data-material="xuetao"],[data-material="rubbing"],[data-material="print"],[data-material="landscape"]) .namecard.is-selected::after{border-color:color-mix(in srgb,var(--on-accent) 8%,transparent)}
html[data-card-scheme="fine"] .namecard:hover:not(:disabled){border-color:var(--card-accent)}
html:is([data-card-scheme="fine"],[data-card-scheme="classic"])[data-card-era="tang"] .namecard::after{display:none}
html[data-card-era="natural"] .namecard::after{display:none}
.namecards[data-count="6"]{gap:16px}
.empty-result{font:20px/1.6 var(--ui-font);color:var(--quiet);list-style:none}
.result-note{position:absolute;left:0;right:0;bottom:0;margin:0;text-align:center;color:var(--quiet);font-size:12px;pointer-events:none}
.letter-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-version{font:inherit}
.utility-controls{display:flex;align-items:center;gap:4px}
.download-actions{position:relative;margin-left:12px}
.utility-controls button{height:30px;padding:4px 8px;border:0;color:inherit;font-size:inherit}
.utility-controls .card-scheme-switcher .scheme-arrow{height:30px}
.utility-controls .style-cycle{display:flex;align-items:center;justify-content:center;gap:6px;width:122px;min-width:122px;flex:0 0 122px;white-space:nowrap}
html[data-card-era="song"] .utility-controls .style-cycle{width:148px;min-width:148px;flex-basis:148px}
.style-cycle-icon{width:14px;height:14px;flex:0 0 14px;pointer-events:none}
.style-cycle-current{pointer-events:none;font:inherit}
.letter-top button,.utility-controls button{font-weight:400;flex-shrink:0;transition:background-color .15s,color .15s,border-color .15s}
.letter-top .add-name{width:112px;min-width:112px}
.letter-top .more-conditions{width:96px}
.letter-top .reset-names{width:76px}
.letter-top .refresh-names{width:64px}
.download-actions #download-images{width:84px}
.utility-controls #language-toggle{width:48px}
.utility-controls #show-bazi{width:72px}
:is(.letter-top,.letter-foot) button:is(:hover,:focus-visible):not(:disabled){background:var(--forest);color:var(--on-accent);border-color:var(--forest);font-weight:600}
.form-status{position:absolute;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;border:0;padding:4px 12px;margin:0;background:var(--paper);color:var(--ink);font-size:inherit}
.form-status.is-error{color:#a42d24}
.details-panel{width:860px;max-width:calc(100vw - 80px);max-height:calc(100dvh - 48px);margin:auto;padding:26px 32px 22px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #30282133;overflow:auto}
.details-panel::backdrop{background:#30282145;backdrop-filter:blur(4px)}
.name-limit-panel{width:380px;padding:26px;text-align:center}
.name-limit-panel p{margin:0;font-size:16px;line-height:1.7}
.name-limit-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}
.name-limit-actions button{height:38px;padding:0 22px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.panel-heading h2{font:24px/1.3 var(--ui-font);margin:0}
.panel-heading>button{font:26px/1 var(--ui-font);padding:0 7px;border:0}
.panel-content h3{font:16px/1.3 var(--ui-font);margin:18px 0 10px}
.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.field{display:block;min-width:0}
.field input,.field select{height:40px;width:100%;padding:6px 10px;background:var(--sheet)}
.header-birth-fields{grid-template-columns:76px 156px 92px calc(5em + 36px);gap:5px;flex:0 0 auto}
.header-birth-fields .field :is(input,select){padding:6px;background:transparent;min-width:0}
.header-birth-fields :is(.date-readable,.time-placeholder){left:7px}
.place-control{position:relative;display:block}
.header-birth-fields .place-control.is-filled input{padding-right:26px}
.place-control.is-filled input::-webkit-calendar-picker-indicator{display:none}
.place-clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:22px;height:28px;padding:0;border:0;background:transparent;font-size:18px;line-height:1;opacity:0;pointer-events:none}
.place-control.is-filled:is(:hover,:focus-within) .place-clear{opacity:1;pointer-events:auto}
.date-control,.time-control{position:relative;display:block;height:40px}
.date-readable,.time-placeholder{position:absolute;left:9px;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap}
.date-control input,.date-control input::-webkit-datetime-edit,.time-control.is-empty input,.time-control.is-empty input::-webkit-datetime-edit{color:transparent}
.date-control input::-webkit-datetime-edit{opacity:0}
.time-control:focus-within input,.time-control:focus-within input::-webkit-datetime-edit{color:var(--ink)}
.time-control:focus-within .time-placeholder,.time-control:not(.is-empty) .time-placeholder{display:none}
.detail-fields{display:flex;min-width:0}
.character-control,.character-fields{display:flex;align-items:center;gap:10px;min-width:0;width:100%}
.character-control select,.character-fields input{height:40px;padding:6px 10px;background:var(--sheet);min-width:0;flex:1}
.character-fields{width:60%}
.preference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:22px}
.preference{display:flex;gap:7px;align-items:center;min-height:38px;padding:7px 8px;border:1px solid var(--line);border-radius:3px;cursor:pointer}
.preference input{accent-color:var(--forest);margin:0;width:14px;height:14px;flex:0 0 14px}
.preference strong{font-weight:400;font-size:14px;white-space:nowrap}
.preference:has(input:checked){background:var(--sage);border-color:var(--forest)}
.condition-status{color:#a42d24;font-size:13px;margin:12px 0 0}
.panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px;margin-top:22px}
.panel-footer button{padding:9px 15px}
.panel-footer button:last-child{background:var(--forest);color:var(--on-accent);border-color:var(--forest)}
.bazi-section .section-heading{display:flex;align-items:center;gap:10px}
.section-number{display:none}
.section-heading h2{font:24px/1.3 var(--ui-font);margin:0 0 20px}
.bazi-toolbar{display:flex;gap:8px;margin-bottom:16px}
.bazi-toolbar button{padding:7px 13px}
.bazi-toolbar button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--on-accent)}
.bazi-empty{font:15px/1.8 var(--ui-font);color:var(--quiet)}
.bazi-intro,.bazi-note,.bazi-facts{font-size:12px;line-height:1.6;color:var(--quiet)}
.bazi-info{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 18px}
.bazi-info div{display:flex;gap:8px}
.bazi-info dt{color:var(--quiet)}
.bazi-info dd{margin:0}
.bazi-report-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}
.bazi-report-grid h3{font:18px/1.3 var(--ui-font);margin:0 0 12px}
.bazi-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;background:var(--sheet)}
.bazi-table th,.bazi-table td{border:1px solid var(--line);padding:8px 6px;text-align:left;overflow-wrap:anywhere;font-weight:400}
.bazi-table th{background:var(--sage)}
.element-list{display:grid;gap:9px}
.element-row{display:grid;grid-template-columns:18px 1fr 18px;gap:8px;align-items:center}
.element-track{height:7px;background:var(--sage)}
.element-track span{display:block;height:100%;background:var(--forest)}
.site-footer{font-size:11px;color:var(--quiet);margin:16px 0 0}
@media(min-width:1600px){.namecard-web{padding-inline:60px}.namecards{--normal-card-width:200px;gap:26px}.name-choice{height:min(480px,100%)}.namecard{--name-font-size:76px}.namecard strong:has(.glyph:nth-child(4)){--name-font-size:67px}}
@media(max-width:1279px){.namecard-web{width:1280px}html,body{overflow-x:auto}}

@media(max-height:650px){.namecard{--name-font-size:56px;padding-block:25px}.namecard strong:has(.glyph:nth-child(4)){--name-font-size:48px}}