:root{--paper:#f5f0e6;--paper-light:#fbf8f1;--ink:#202724;--ink-soft:#59605b;--vermilion:#a74434;--vermilion-dark:#853328;--jade:#3f5f54;--line:#383d3829;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--sans:"Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 2%, #a7443412, transparent 25rem), radial-gradient(circle at 94% 23%, #3f5f5414, transparent 28rem), var(--paper);color:var(--ink);font-family:var(--sans);margin:0;line-height:1.6}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #a7443447}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:80px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:.04em;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.brand-seal{border:1px solid var(--vermilion);width:42px;height:42px;color:var(--vermilion);font-family:var(--serif);place-items:center;padding:5px;font-size:13px;line-height:1.1;display:grid}.header-note{color:var(--ink-soft);font-family:var(--serif);letter-spacing:.08em;font-size:14px}.page-shell{width:min(1180px,100% - 40px);margin:0 auto}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:72px;min-height:430px;padding:76px 0 66px;display:grid;position:relative}.hero:before{content:"名";font:260px/.85 var(--serif);color:#3f5f540b;pointer-events:none;position:absolute;top:12%;right:9%}.eyebrow{color:var(--vermilion);letter-spacing:.16em;margin:0 0 18px;font-size:13px;font-weight:700}.eyebrow span{margin-right:8px}.hero h1{font:700 clamp(46px, 6vw, 78px)/1.18 var(--serif);letter-spacing:-.04em;margin:0}.hero h1 em{color:var(--vermilion);font-style:normal;position:relative}.hero h1 em:after{content:"";border-top:2px solid #a7443473;border-radius:50%;height:8px;position:absolute;bottom:-7px;left:0;right:0;transform:rotate(-1deg)}.hero-description{max-width:620px;color:var(--ink-soft);margin:28px 0 0;font-size:17px;line-height:1.9}.trust-list{color:var(--jade);flex-wrap:wrap;gap:12px 26px;margin-top:28px;font-size:13px;display:flex}.trust-list span:before{content:"✓";margin-right:7px;font-weight:800}.hero-verse{border-left:1px solid var(--line);font-family:var(--serif);margin:40px 0 0;padding:42px 34px 34px 52px;position:relative}.hero-verse p{letter-spacing:.08em;z-index:1;margin:0;font-size:22px;position:relative}.hero-verse cite{color:var(--ink-soft);margin-top:18px;font-size:13px;font-style:normal;display:block}.verse-mark{color:#a7443438;font:96px/1 var(--serif);position:absolute;top:0;left:18px}.tool-layout{background:var(--paper-light);border:1px solid var(--line);grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);display:grid;box-shadow:0 28px 80px #302b2314}.name-form{border-right:1px solid var(--line);padding:48px 52px 44px}.form-heading{align-items:flex-start;gap:18px;margin-bottom:38px;display:flex}.step-number{color:var(--vermilion);font:16px/1.5 var(--serif);border-bottom:1px solid var(--vermilion)}.form-heading h2{font:700 29px/1.25 var(--serif);margin:0}.form-heading p{color:var(--ink-soft);margin:7px 0 0;font-size:14px}.field-group{border:0;margin:0 0 29px;padding:0}.field-label{margin-bottom:11px;font-size:14px;font-weight:700;display:block}.field-label>span{color:var(--vermilion);margin-left:8px;font-size:11px;font-weight:500}.surname-input-wrap{background:#fffdfa;border:1px solid #383d3845;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex}.surname-input-wrap:focus-within{border-color:var(--vermilion);box-shadow:0 0 0 4px #a7443414}.surname-input-wrap input{width:100%;min-width:0;height:54px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 18px;font-size:16px}.surname-input-wrap input::placeholder{color:#9a9a91}.surname-input-wrap>span{border-left:1px solid var(--line);min-width:54px;color:var(--ink-soft);font:18px var(--serif);align-self:stretch;place-items:center;display:grid}.field-help{color:#85877f;margin:7px 0 0;font-size:12px}.segmented-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.choice-option,.style-option{cursor:pointer;position:relative}.choice-option input,.style-option input{opacity:0;pointer-events:none;position:absolute}.choice-option>span{border:1px solid var(--line);background:#fffdfa;place-items:center;height:46px;font-size:14px;transition:all .18s;display:grid}.choice-option input:checked+span{border-color:var(--vermilion);color:var(--vermilion-dark);box-shadow:inset 0 -2px 0 var(--vermilion);background:#a7443412;font-weight:700}.choice-option input:focus-visible+span,.style-option input:focus-visible~span{outline-offset:2px;outline:3px solid #a7443440}.style-options{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.style-option>span:last-child{border:1px solid var(--line);background:#fffdfa;flex-direction:column;justify-content:center;min-height:65px;padding:9px 12px 9px 40px;transition:all .18s;display:flex}.style-option strong{font-size:14px}.style-option small{color:#87877e;font-size:11px}.style-check{z-index:1;color:#0000;border:1px solid #c8c4bb;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.style-option input:checked~span:last-child{border-color:var(--jade);background:#3f5f5412}.style-option input:checked~.style-check{border-color:var(--jade);background:var(--jade);color:#fff}.form-error{border-left:3px solid var(--vermilion);color:var(--vermilion-dark);background:#a7443412;margin:-8px 0 18px;padding:10px 13px;font-size:13px}.primary-button{background:var(--vermilion);color:#fff;cursor:pointer;letter-spacing:.05em;border:0;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 20px 0 24px;font-weight:700;transition:background .18s,transform .18s;display:flex}.primary-button:hover{background:var(--vermilion-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button span:last-child{font-size:21px}.privacy-note{text-align:center;color:#8e8e85;margin:11px 0 0;font-size:11px}.process-panel{min-height:100%;padding:53px 44px;position:relative;overflow:hidden}.process-panel:after{content:"";border:1px solid #3f5f541f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;right:-130px;box-shadow:0 0 0 30px #3f5f5409,0 0 0 60px #3f5f5406}.ink-circle{width:72px;height:72px;color:var(--jade);font:34px var(--serif);border:1px solid #3f5f5459;border-radius:50%;place-items:center;margin:0 0 32px auto;display:grid;transform:rotate(5deg)}.process-kicker{color:var(--vermilion);letter-spacing:.14em;margin:0 0 10px;font-size:12px;font-weight:700}.process-panel h2{font:700 27px/1.45 var(--serif);margin:0}.process-panel ol{margin:34px 0;padding:0;list-style:none}.process-panel li{border-top:1px solid var(--line);gap:15px;padding:18px 0;display:flex}.process-panel li:last-child{border-bottom:1px solid var(--line)}.process-panel li>span{color:var(--vermilion);font:18px var(--serif)}.process-panel li strong{font:700 15px var(--serif)}.process-panel li p{color:var(--ink-soft);margin:4px 0 0;font-size:12px;line-height:1.65}.process-footnote{z-index:1;color:#86877f;font-size:11px;position:relative}.results-section{padding:94px 0 76px}.results-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.results-heading h2{font:700 clamp(28px, 3.5vw, 42px)/1.3 var(--serif);margin:0}.results-heading>div>p:last-child{color:var(--ink-soft);margin:10px 0 0;font-size:13px}.secondary-button{border:1px solid var(--ink);cursor:pointer;background:0 0;flex:none;min-height:44px;padding:0 17px;font-size:13px;transition:all .18s}.secondary-button:hover{background:var(--ink);color:var(--paper-light)}.secondary-button span{margin-right:7px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.name-card{border:1px solid var(--line);background:#fbf8f1c2;min-width:0;padding:30px 32px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.name-card:hover{border-color:#a7443457;transform:translateY(-3px);box-shadow:0 20px 50px #302b2314}.name-card:nth-child(5){grid-column:1/-1}.card-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-index{color:#a74434b3;font:13px var(--serif)}.tag-list{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tag-list span{color:var(--jade);background:#3f5f5414;padding:3px 8px;font-size:10px}.name-block{border-bottom:1px solid var(--line);padding:25px 0 20px}.name-block h3{font:700 39px/1.2 var(--serif);letter-spacing:.08em;margin:0}.name-block p{color:var(--ink-soft);letter-spacing:.06em;margin:7px 0 0;font-family:Georgia,serif;font-size:13px}.source-quote{border-left:2px solid #a7443459;margin:21px 0;padding-left:15px}.source-quote p{font:16px/1.8 var(--serif);margin:0}.source-quote cite{color:var(--ink-soft);margin-top:5px;font-size:11px;font-style:normal;display:block}.name-details{margin:0}.name-details>div{border-top:1px dashed #383d381f;grid-template-columns:65px 1fr;gap:8px;padding:10px 0;display:grid}.name-details dt{color:var(--vermilion-dark);font:700 12px/1.7 var(--serif)}.name-details dd{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.75}.copy-button{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;margin-top:22px;padding:8px 0;font-size:12px;font-weight:700}.copy-button span{margin-right:8px}.results-footer{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:22px 0;font-size:12px;display:flex}.results-footer p{margin:0}.text-button{color:var(--vermilion-dark);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-weight:700}footer{border-top:1px solid var(--line);color:#85877f;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:92px;margin:0 auto;font-size:11px;display:flex}footer span{color:var(--ink);font-family:var(--serif)}footer p{text-align:right;margin:0}.copy-toast{z-index:20;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:30px;padding:10px 18px;font-size:13px;transition:all .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.copy-toast.show{opacity:1;transform:translate(-50%)}.copy-toast span{color:#bcd2c5;margin-right:7px}@media (width<=820px){.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding:60px 0 48px}.hero-verse{display:none}.tool-layout{grid-template-columns:1fr}.name-form{border-right:0;border-bottom:1px solid var(--line)}.process-panel{min-height:auto}}@media (width<=620px){.site-header,.page-shell,footer{width:min(100% - 28px,1180px)}.site-header{min-height:68px}.header-note{display:none}.brand-seal{width:36px;height:36px}.hero{padding:45px 2px 38px}.hero:before{font-size:170px;top:6%;right:0}.hero h1{font-size:44px}.hero-description{margin-top:22px;font-size:15px}.trust-list{gap:8px 16px;margin-top:22px}.name-form,.process-panel{padding:34px 22px}.form-heading h2{font-size:24px}.style-options{grid-template-columns:1fr}.process-panel{display:none}.results-section{padding:68px 0 52px}.results-heading{flex-direction:column;align-items:flex-start}.result-grid{grid-template-columns:1fr}.name-card,.name-card:nth-child(5){grid-column:auto;padding:27px 22px}.name-block h3{font-size:35px}.results-footer,footer{flex-direction:column;align-items:flex-start}footer{justify-content:center;padding:24px 0}footer p{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}