.powell-answer-book-pc-page { box-sizing: border-box; min-height: 100%; color: var(--ls-text); }
.powell-answer-book-pc-page *, .powell-answer-book-pc-page *::before, .powell-answer-book-pc-page *::after { box-sizing: inherit; }
.powell-answer-book-pc-page [hidden] { display: none; }
.powell-answer-book-pc-page button { font-size: 14px; }
.powell-answer-book-pc-shell { padding-top: 16px; }
.powell-answer-book-pc-head { margin-bottom: 28px; }
.powell-answer-book-pc-head h1 { margin: 0; font-size: 32px; font-weight: 600; line-height: 1.4; }
.powell-answer-book-pc-head p { margin: 8px 0 0; color: var(--ls-text-secondary); font-size: 16px; line-height: 1.7; }
/* 左侧承载完整翻阅流程，右侧只保留步骤，结果不额外堆叠业务卡片。 */
.powell-answer-book-pc-workspace { display: grid; grid-template-columns: minmax(0, 1.95fr) minmax(280px, 1fr); gap: 18px; align-items: stretch; }
.powell-answer-book-pc-dialog { display: flex; min-width: 0; flex-direction: column; padding: 28px 30px; border: 1px solid var(--ls-border); border-radius: 14px; background: var(--ls-card-bg); }
.powell-answer-book-pc-reading-head { display: flex; align-items: center; gap: 14px; padding-bottom: 22px; border-bottom: 1px solid var(--ls-border-light); color: var(--ls-text-secondary); font-size: 15px; }
.powell-answer-book-pc-reading-head i { color: color-mix(in srgb,var(--ls-success) 38%,var(--ls-text)); font-size: 30px; }
.powell-answer-book-pc-reading-body { position: relative; display: grid; place-items: center; flex: 1; min-height: 320px; padding: 40px 36px; text-align: center; }
.powell-answer-book-pc-quote-start, .powell-answer-book-pc-quote-end { position: absolute; color: color-mix(in srgb,var(--ls-success) 18%,var(--ls-card-bg)); font-size: 64px; line-height: 1; pointer-events: none; }
.powell-answer-book-pc-quote-start { inset-inline-start: 12px; top: 50px; }
.powell-answer-book-pc-quote-end { inset-inline-end: 12px; bottom: 40px; }
.powell-answer-book-pc-intro h2 { margin: 0; font-size: 26px; font-weight: 500; line-height: 1.5; }
.powell-answer-book-pc-intro p { max-width: 42ch; margin: 16px auto 0; font-size: 15px; line-height: 1.85; color: var(--ls-text-secondary); }
.powell-answer-book-pc-draw { display: block; width: 100%; min-height: 50px; margin-top: 16px; padding: 12px 24px; border: 1px solid transparent; border-radius: 10px; background: color-mix(in srgb,var(--ls-success) 38%,var(--ls-text)); color: var(--ls-card-bg); font-weight: 500; cursor: pointer; transition: background-color var(--ls-transition); }
.powell-answer-book-pc-draw:not(:disabled):hover { background: color-mix(in srgb,var(--ls-success) 50%,var(--ls-text)); }
.powell-answer-book-pc-draw:disabled { opacity: .65; cursor: wait; }
.powell-answer-book-pc-draw:focus-visible, .powell-answer-book-pc-result:focus-visible { outline: 2px solid var(--ls-primary); outline-offset: 3px; }
.powell-answer-book-pc-guide { min-width: 0; padding: 30px; border: 1px solid color-mix(in srgb,var(--ls-success) 18%,var(--ls-border)); border-radius: 14px; background: color-mix(in srgb,var(--ls-success) 7%,var(--ls-card-bg)); }
.powell-answer-book-pc-guide h2 { margin: 0 0 28px; font-size: 23px; font-weight: 500; line-height: 1.5; }
.powell-answer-book-pc-guide ol { display: grid; gap: 28px; margin: 0; padding: 0; list-style: none; }
.powell-answer-book-pc-guide li { display: flex; align-items: flex-start; gap: 16px; }
.powell-answer-book-pc-guide li > span { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 50%; background: color-mix(in srgb,var(--ls-success) 12%,var(--ls-card-bg)); color: color-mix(in srgb,var(--ls-success) 30%,var(--ls-text)); font-size: 18px; font-weight: 400; }
.powell-answer-book-pc-guide h3 { margin: 2px 0 6px; font-size: 16px; font-weight: 500; }
.powell-answer-book-pc-guide li p { margin: 0; color: var(--ls-text-secondary); font-size: 14px; line-height: 1.7; }
.powell-answer-book-pc-guide-note { margin: 30px 0 0; padding-top: 24px; border-top: 1px solid color-mix(in srgb,var(--ls-success) 15%,var(--ls-border-light)); color: var(--ls-text-secondary); font-size: 13px; line-height: 1.8; }
.powell-answer-book-pc-notes { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 18px 22px; border: 1px solid var(--ls-border); border-radius: 12px; background: var(--ls-card-bg); }
.powell-answer-book-pc-notes i { font-size: 22px; color: var(--ls-text-secondary); }
.powell-answer-book-pc-notes h2 { flex-shrink: 0; margin: 0; padding-inline-end: 16px; border-inline-end: 1px solid var(--ls-border); font-size: 14px; font-weight: 500; }
.powell-answer-book-pc-notes p { margin: 0; color: var(--ls-text-secondary); font-size: 13px; line-height: 1.7; }
.powell-answer-book-pc-status { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 24px; color: var(--ls-text-secondary); font-size: 13px; }
.powell-answer-book-pc-status > span { width: 6px; height: 6px; border-radius: 50%; background: var(--ls-success); }
.powell-answer-book-pc-status em { font-style: normal; }
.powell-answer-book-pc-status.powell-answer-book-pc-error { color: var(--ls-danger); }
.powell-answer-book-pc-result { width: 100%; }
.powell-answer-book-pc-result-head { display: flex; justify-content: center; gap: 12px; margin-bottom: 20px; color: color-mix(in srgb,var(--ls-success) 35%,var(--ls-text)); font-size: 12px; }
.powell-answer-book-pc-result-title { margin: 0; font-size: 28px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.powell-answer-book-pc-result-detail { margin: 16px 0 0; color: var(--ls-text-secondary); font-size: 15px; line-height: 1.8; }
.powell-answer-book-pc-suggestion { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--ls-border-light); text-align: start; }
.powell-answer-book-pc-suggestion strong { font-size: 13px; font-weight: 500; }
.powell-answer-book-pc-suggestion p { margin: 6px 0 0; color: var(--ls-text-secondary); font-size: 13px; line-height: 1.7; }