/* 同页釉色选择：以官方角色呈现配色灵感，沿用同一陶艺场景。 */
.companions-section{--companion-accent:#c5b1ff;--companion-glaze:#7e6b9b;background:#08080a;color:#eeedf3;border-top:1px solid #28232e;border-bottom:1px solid #28232e;scroll-margin-top:84px}
.companions-shell{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr) 246px;align-items:center;gap:42px;max-width:1360px;margin:0 auto;padding:35px 58px 32px;min-height:330px}
.companions-portrait{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px}
.companions-character{display:block;width:250px;height:250px;object-fit:contain;flex:none}
.companions-caption{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:-6px}
.companions-id{font:500 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e2dbe9;letter-spacing:.03em}
.companions-sample{font:9px/1.4 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);color:#93869d}
.companions-copy{min-width:0}
.companions-eyebrow{font:10px/1.4 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);letter-spacing:.14em;color:var(--companion-accent);margin:0 0 16px}
.companions-title{white-space:pre-line;font:400 29px/1.45 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);letter-spacing:-.035em;margin:0 0 22px;color:#ede7f2}
.companions-choices{display:flex;align-items:stretch;gap:8px;max-width:380px}
.companions-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;min-height:84px;padding:8px 4px;border:1px solid #34303b;border-radius:5px;background:#101014;color:#c8bed2;text-align:center;cursor:pointer;touch-action:manipulation;transition:background .18s,border-color .18s,transform .18s}
.companions-choice img{width:45px;height:45px;object-fit:contain;display:block;flex:none;border-radius:2px}
.companions-choice-name{font:11px/1.4 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif)}
.companions-choice[aria-pressed=true]{border-color:var(--companion-accent);background:#211b29;color:#f1e8fb}
.companions-choice[aria-pressed=true]:after{content:"";position:absolute;right:6px;top:6px;width:4px;height:4px;background:var(--companion-accent);border-radius:50%}
.companions-choice:active{transform:translateY(1px)}
.companions-usage{font:11px/1.6 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);color:#a99db4;margin:12px 0 0;min-height:18px}
.companions-action{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;padding-left:24px;border-left:1px solid #322937;min-height:204px;min-width:0}
.companions-palette{display:flex;gap:13px;align-items:center;margin:0 0 24px}
.companions-swatch{display:block;width:46px;height:46px;flex:none;border-radius:50%;background:radial-gradient(ellipse at 32% 24%,#ffffff95,transparent 41%),linear-gradient(135deg,var(--companion-accent),var(--companion-glaze) 63%);box-shadow:inset 0 -4px 7px #0004,0 0 0 1px #ffffff1c}
.companions-palette-label{display:block;font:9px/1.5 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);color:#978a9e;margin-bottom:5px}
.companions-palette-name{display:block;font:400 19px/1.3 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);color:#e9dff0}
.companions-start{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:48px;padding:13px 17px;border:1px solid var(--companion-accent);border-radius:3px;background:var(--companion-accent);color:#1e1429;font:500 12px/1.5 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);cursor:pointer;touch-action:manipulation;transition:filter .18s,transform .18s}
.companions-start-arrow{font-size:17px;line-height:1}
.companions-signature{font:10px/1.5 var(--sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);color:#a895b4;margin:12px 0 0;text-align:center}
.companions-section button:focus-visible{outline:2px solid var(--companion-accent);outline-offset:5px}
.companions-status{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}
.companions-section[data-companions-lang=en] .companions-title{font-size:27px;line-height:1.35;letter-spacing:-.045em}
@media(hover:hover) and (pointer:fine){.companions-choice:hover{border-color:var(--companion-accent);background:#1b1622}.companions-start:hover{filter:brightness(1.09)}.companions-start:active{transform:translateY(1px)}}
@media(max-width:1150px){.companions-shell{grid-template-columns:230px minmax(0,1fr) 220px;gap:26px;padding:30px 34px}.companions-character{width:230px;height:230px}.companions-title{font-size:26px}.companions-section[data-companions-lang=en] .companions-title{font-size:24px}.companions-choice img{width:40px;height:40px}.companions-action{padding-left:19px}}
@media(max-width:850px){.companions-shell{grid-template-columns:210px minmax(0,1fr);gap:20px 25px;padding:28px}.companions-character{width:210px;height:210px}.companions-action{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,1fr);gap:0 25px;min-height:0;border-left:0;border-top:1px solid #322937;padding:22px 0 0}.companions-palette{grid-row:1/3;margin:0}.companions-signature{margin-top:7px}.companions-title{font-size:25px}.companions-section[data-companions-lang=en] .companions-title{font-size:24px}}
@media(max-width:580px){.companions-shell{grid-template-columns:minmax(0,1fr);padding:23px 22px 27px;gap:22px}.companions-portrait{grid-row:2}.companions-character{width:240px;height:240px;max-width:100%}.companions-copy{text-align:center}.companions-eyebrow{margin-bottom:10px}.companions-title{font-size:27px;margin-bottom:19px}.companions-section[data-companions-lang=en] .companions-title{font-size:26px}.companions-choices{justify-content:center;margin-inline:auto}.companions-choice{width:auto;max-width:99px;min-width:0;flex:1;gap:4px}.companions-choice img{width:36px;height:36px}.companions-usage{margin-top:10px}.companions-action{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:20px}.companions-palette{grid-row:auto;justify-content:center}.companions-start{min-height:48px}.companions-signature{margin:0}.companions-swatch{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.companions-section button{transition:none}.companions-section button:active{transform:none}}