:root{--name-ink:#203c37;--name-green:#315f57;--name-soft:#f4f0e5;--name-gold:#b88945;--name-line:#d8ddd6}.naming-page{background:#fbfaf6;color:var(--name-ink)}.naming-page .site-header nav{display:flex;gap:24px}.naming-page .site-header nav a{color:#49625d;text-decoration:none}.naming-hero{padding:78px 0 68px;background:linear-gradient(135deg,#234d47 0%,#3d6b61 58%,#aa824e 150%);color:#fff}.naming-hero p{margin:0 0 18px;color:#e4d3a9;font-weight:700;letter-spacing:.15em}.naming-hero h1{margin:0;font:700 clamp(48px,8vw,92px)/1.05 "Songti SC","STSong",serif;letter-spacing:.04em}.naming-hero div div{max-width:800px;margin-top:24px;font-size:20px;line-height:1.9;color:#edf4f1}.naming-hero small{display:block;margin-top:18px;color:#cfe0db}.naming-workbench{margin-top:-26px;padding-bottom:70px}.naming-modes{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:#fff;border:1px solid var(--name-line);border-radius:18px;box-shadow:0 18px 45px rgba(31,70,61,.12)}.naming-modes button{min-height:64px;border:0;border-radius:12px;background:transparent;color:#4d635e;font-size:18px;font-weight:700;cursor:pointer}.naming-modes button.active{background:var(--name-green);color:#fff}.naming-form{margin-top:24px}.form-section{margin-bottom:20px;padding:30px;background:#fff;border:1px solid var(--name-line);border-radius:20px}.form-section>header{display:flex;gap:16px;align-items:flex-start;margin-bottom:25px}.form-section>header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e9f0ed;color:var(--name-green);font-weight:800}.form-section h2{margin:0 0 5px;font-size:25px}.form-section header p{margin:0;color:#76847f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label>span,.form-grid legend{display:block;margin-bottom:8px;font-weight:700}.form-grid input,.form-grid select{box-sizing:border-box;width:100%;min-height:50px;padding:11px 14px;border:1px solid #c9d3cf;border-radius:10px;background:#fff;color:#263f3a;font-size:16px}.form-grid input:focus,.form-grid select:focus{outline:3px solid rgba(49,95,87,.14);border-color:#4e7c73}.form-grid label small{display:block;margin-top:7px;color:#7a8783}.form-grid .wide{grid-column:1/-1}.form-grid fieldset{margin:0;padding:0;border:0}.choice-pills{display:flex;flex-wrap:wrap;gap:9px}.choice-pills label{position:relative}.choice-pills input{position:absolute;opacity:0;pointer-events:none}.choice-pills span{display:block;margin:0;padding:10px 17px;border:1px solid #cad6d1;border-radius:99px;cursor:pointer}.choice-pills input:checked+span{border-color:var(--name-green);background:var(--name-green);color:#fff}.switch-line{position:relative}.switch-line input{position:absolute;opacity:0}.switch-line i{display:block;width:54px;height:30px;border-radius:99px;background:#cbd3d0;cursor:pointer}.switch-line i:after{content:"";display:block;width:24px;height:24px;margin:3px;border-radius:50%;background:white;transition:.2s}.switch-line input:checked+i{background:var(--name-green)}.switch-line input:checked+i:after{transform:translateX(24px)}.naming-submit{text-align:center;padding:22px 0}.naming-submit button{min-width:min(100%,560px);padding:18px 32px;border:0;border-radius:99px;background:linear-gradient(135deg,#315f57,#274f49);box-shadow:0 14px 30px rgba(42,84,76,.25);color:#fff;cursor:pointer}.naming-submit button:disabled{opacity:.55;cursor:wait}.naming-submit button span{display:block;font-size:22px;font-weight:800}.naming-submit button small{display:block;margin-top:5px;color:#d6e5e0}.naming-submit p{min-height:26px;color:#38695f}.naming-submit p.error{color:#b54734}.naming-method{padding-bottom:90px}.naming-method h2{font-size:36px}.naming-method>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.naming-method article{padding:26px;border:1px solid #ded9ca;border-radius:16px;background:var(--name-soft)}.naming-method article b{color:var(--name-gold)}.naming-method article h3{font-size:20px}.naming-method article p{line-height:1.8;color:#63716d}.naming-page .site-footer{background:#203f3a;color:#fff}@media(max-width:760px){.naming-page .site-header nav{display:none}.naming-hero{padding:55px 0 48px}.naming-hero div div{font-size:17px}.naming-modes{grid-template-columns:1fr 1fr}.naming-modes button{min-height:52px;font-size:16px}.form-section{padding:22px 18px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.naming-method>div{grid-template-columns:1fr}.naming-method h2{font-size:29px}}

/* 出生资料：电脑端左侧选择日期地点，右侧显示真太阳时开关 */
#naming-birth-picker{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);column-gap:42px;align-items:start}
#naming-birth-picker>.ybp-row,#naming-birth-picker>.ybp-hint,#naming-birth-picker>.ybp-error{grid-column:1}
#naming-birth-picker>.true-solar-panel{grid-column:2;grid-row:1/6;align-self:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:245px;margin:0;padding:30px 34px;border-left:1px solid #d8ddd6}
#naming-birth-picker>.true-solar-panel>span{margin-bottom:18px;font-size:22px;color:#203c37}
#naming-birth-picker>.true-solar-panel i{width:68px;height:38px}
#naming-birth-picker>.true-solar-panel i:after{width:30px;height:30px;margin:4px}
#naming-birth-picker>.true-solar-panel input:checked+i:after{transform:translateX(30px)}
#naming-birth-picker>.true-solar-panel small{margin-top:18px;font-size:16px;line-height:1.7;color:#788783}
@media(max-width:900px){#naming-birth-picker{grid-template-columns:1fr}#naming-birth-picker>.true-solar-panel{grid-column:1;grid-row:auto;min-height:0;padding:20px 0 2px;border-left:0;border-top:1px solid #d8ddd6}#naming-birth-picker>.true-solar-panel>span{font-size:18px}}