:root{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;color:#e5e7eb;background:#0b111a;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0,#1f334d 0,#0b111a 42%),#0b111a}.naming-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(20px,calc((100% - 1180px)/2));border-bottom:1px solid #253246;background:#111a27e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:2}.naming-brand{display:flex;align-items:center;gap:10px;color:#f7f8fb;text-decoration:none}.naming-brand strong,.naming-brand small{display:block}.naming-brand small{font-size:11px;color:#8ea1bb}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cc9a4d;border-radius:10px;color:#e1b66d;font-weight:900}.naming-nav nav{display:flex;gap:8px}.naming-nav nav a{padding:8px 12px;border-radius:8px;color:#91a2b8;text-decoration:none;font-size:14px}.naming-nav nav a:hover,.naming-nav nav a.active{color:#f5d39b;background:#243247}.naming-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:52px 0 70px}.naming-hero{max-width:800px}.eyebrow{margin:0;color:#d9a958;font-size:12px;letter-spacing:.18em;font-weight:800}.naming-hero h1{margin:10px 0 14px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.08;color:#fff}.naming-hero>p:not(.eyebrow){margin:0;max-width:690px;color:#a6b4c5;font-size:16px}.notice{margin-top:24px;padding:12px 15px;border-left:3px solid #d9a958;background:#172333;color:#c8d2df;font-size:13px}.naming-grid{display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:22px;margin-top:34px;align-items:start}.naming-card{border:1px solid #2a3a50;border-radius:18px;background:#121d2b;box-shadow:0 20px 70px #02050b66}.naming-form{padding:24px;display:grid;gap:14px}.card-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid #26364b}.card-heading.compact{margin-top:10px}.card-heading>span{color:#d9a958;font:700 12px ui-monospace,monospace;padding-top:4px}.card-heading h2{margin:0;color:#f5f7fb;font-size:18px}.card-heading p{margin:2px 0 0;color:#7789a1;font-size:12px}.naming-form label{display:grid;gap:6px;color:#a9b6c6;font-size:12px;font-weight:700}.naming-form input,.naming-form select{width:100%;height:42px;padding:0 11px;border:1px solid #32455e;border-radius:9px;outline:0;background:#0e1723;color:#e7edf5}.naming-form input:focus,.naming-form select:focus{border-color:#d9a958;box-shadow:0 0 0 3px #d9a9581f}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method-options{display:grid;gap:8px}.method-option{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #2a3a50;border-radius:10px;background:#0f1926;color:#b8c5d5;cursor:pointer}.method-option:has(input:checked){border-color:#d9a958;background:#211e18}.method-option input{margin-top:3px;accent-color:#d9a958}.method-option strong{display:block;color:#edf1f7;font-size:13px}.method-option small{display:block;margin-top:2px;color:#7789a1;font-size:11px}.primary-button{display:flex;align-items:center;justify-content:space-between;height:48px;margin-top:4px;padding:0 17px;border:0;border-radius:10px;background:linear-gradient(100deg,#d29a4e,#f0c778);color:#1a1711;font-weight:900;cursor:pointer}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button b{font-size:20px}.form-error{margin:0;padding:9px 11px;border-radius:8px;background:#3a1c24;color:#ffb7b7;font-size:12px}.result-panel{min-height:640px;padding:28px}.result-placeholder{display:grid;place-items:center;align-content:center;min-height:580px;text-align:center}.orbit{display:grid;place-items:center;width:74px;height:74px;border:1px solid #b8894b;border-radius:50%;color:#e1b66d;font-size:30px;box-shadow:0 0 0 12px #d9a9580b}.result-placeholder h2{margin:22px 0 5px;color:#f4f7fb;font-size:23px}.result-placeholder p{margin:0;color:#7e90a8;font-size:13px}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #2a3a50;padding-bottom:18px}.result-head h2{margin:0;color:#fff}.result-head p{margin:4px 0 0;color:#8293a9;font-size:12px}.result-badge{padding:6px 9px;border-radius:999px;background:#243247;color:#edc980;font-size:11px;white-space:nowrap}.analysis-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.analysis-cell{padding:11px;border:1px solid #2b3d55;border-radius:10px;background:#101a27}.analysis-cell small{display:block;color:#7f91a8;font-size:11px}.analysis-cell strong{display:block;margin-top:4px;color:#f1cc83;font-size:17px}.section-label{margin:22px 0 10px;color:#e8edf5;font-size:14px}.pillar-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pillar{padding:12px;text-align:center;border-radius:10px;background:#0e1723;border:1px solid #2d3f57}.pillar small{display:block;color:#7d8fa7;font-size:11px}.pillar b{display:block;margin-top:3px;color:#f5ce85;font-size:22px;letter-spacing:.1em}.mini-note{margin:12px 0;color:#788ba2;font-size:11px}.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.candidate{padding:14px;border:1px solid #2b3d55;border-radius:11px;background:#101a27}.candidate-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.candidate-name{color:#f4d18a;font-size:22px;font-weight:900;letter-spacing:.1em}.candidate-score{color:#9eb7d1;font-size:12px}.candidate p{margin:7px 0 4px;color:#c1ccda;font-size:12px}.candidate small{color:#70839b;font-size:11px}footer{padding:18px;text-align:center;color:#62758d;font-size:11px;border-top:1px solid #1f2d40}@media(max-width:860px){.naming-nav{padding:0 16px}.naming-nav nav a{font-size:12px;padding:7px 8px}.naming-grid{grid-template-columns:1fr}.result-panel{min-height:0}.result-placeholder{min-height:360px}}@media(max-width:520px){.naming-nav{height:auto;min-height:68px;align-items:flex-start;padding-top:11px;padding-bottom:11px;flex-direction:column}.naming-nav nav{width:100%;justify-content:space-between}.naming-shell{width:min(100% - 22px,1180px);padding-top:34px}.naming-form,.result-panel{padding:18px}.analysis-strip{grid-template-columns:repeat(2,1fr)}.pillar-row{grid-template-columns:repeat(2,1fr)}.candidate-grid{grid-template-columns:1fr}.candidate-name{font-size:20px}}