/* H：标题下的可用区自然居中。内容高过可用区时auto margin为0，仍可滚动。 */
.choice-screen .blue-header{min-height:0;padding-bottom:0}
.choice-screen .choice-scroll{display:flex;flex-direction:column;padding:24px;scrollbar-gutter:stable both-edges}
.choice-screen .choice-grid{flex:none;width:100%;margin-block:auto}
/* H：对话只保留已授权的栏目/书/设置入口，重新分配窄屏网格。 */
@media(max-width:700px){
 .figma-sidebar{grid-template-columns:auto minmax(0,1fr) auto}
 .figma-sidebar .sidebar-book{grid-column:2}
 .figma-sidebar .figma-settings{grid-column:3}
}
/* 同一总结详情的顶部/末尾共用壳层；装饰只在文字后方，不接收事件。 */
.h-detail-screen{--sans:'Microsoft YaHei','PingFang SC',sans-serif;--detail-font:clamp(20px,1.583333vw,32px);background:#f7f7f7;color:#222;font-family:var(--sans);isolation:isolate}
.h-detail-header{position:relative;z-index:2;flex:none;min-height:clamp(86px,8.333333vw,160px);display:flex;align-items:center;justify-content:center;background:#f7f7f7;padding:20px 150px}
.h-detail-header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:url('/assets/figma/9e5d8.svg') 0 0/100% 100% no-repeat}
.detail-back{position:absolute;left:3.291667%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 8px;font-size:clamp(19px,1.666667vw,28px);white-space:nowrap}
.h-detail-screen .detail-back .design-icon,.h-detail-screen .article-edit-hint .design-icon{width:clamp(20px,2vw,32px);height:clamp(20px,2vw,32px)}
.detail-heading{text-align:center;min-width:0}
.detail-heading h1{font-size:clamp(22px,1.666667vw,30px);line-height:1.4;font-weight:600}
.detail-heading p{font-size:clamp(14px,1.166667vw,20px);line-height:1.5;color:#7a7a7a;margin-top:4px}
.h-detail-screen .body{position:relative;z-index:1;flex:1;min-height:0;padding:0;gap:0;background:transparent}
.h-detail-screen .article-column{display:flex;flex-direction:column;min-width:0;border:0;background:transparent}
.h-detail-screen .h-detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c3c6c7 transparent;scrollbar-width:auto}
.h-detail-screen .art{position:relative;width:68.666667%;max-width:none;margin:0 auto;padding:clamp(24px,2.5vw,40px) 0 clamp(40px,4vw,64px);background:transparent;border-radius:0;box-shadow:none}
.detail-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.h-detail-screen .art .tx{margin:0}
.h-detail-screen .art .tx p{font-family:var(--sans);font-size:var(--detail-font);font-weight:400;line-height:1.55;margin:0 0 .736842em;padding:0;text-indent:0;overflow-wrap:anywhere;letter-spacing:.018em}
.h-detail-screen .art .tx h3{font-family:var(--sans);font-size:calc(var(--detail-font) + 1.2px);font-weight:600;line-height:1.4;margin:0 0 .7em;letter-spacing:.02em}
.h-detail-screen .oral-section+.oral-section,.h-detail-screen .tx>h3:not(:first-child){margin-top:1.2em}
.h-detail-screen .art .tx .supplement-hint{font-size:18px;color:#63666a}
.h-detail-screen .tx:focus{outline:2px solid #00aeef55;outline-offset:8px;border-radius:3px}
.h-detail-screen .article-edit-hint .tip{display:flex;align-items:center;gap:12px;margin:28px 0 0;padding:0;border:0;border-radius:0;background:none;font-size:clamp(17px,1.333333vw,22px);color:#7a7a7a;line-height:1.5}
.h-detail-screen .article-edit-hint .tip>svg{width:24px;height:24px;flex:none}
.h-detail-screen .savebar{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 24px;margin:0;border-radius:0;border-top:1px solid #e4e6e8;background:#f7f7f7}
.h-detail-screen .savebar[hidden]{display:none}
.h-detail-screen .savebar span{font-size:18px;margin-right:auto}
.h-detail-screen .savebar .pbtn{background:#00aeef;color:white}
.detail-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:300px;padding:32px;font-size:23px}
.detail-decor{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.detail-decor>div{position:absolute;background-repeat:no-repeat;background-position:center;background-size:100% 100%;pointer-events:none}
.detail-ring{left:-.833333vw;bottom:9.833333vw;width:21vw;aspect-ratio:1;opacity:.7;background-image:url('/assets/figma/ac278.svg')}
.detail-books{width:13.333333vw;aspect-ratio:320/519;opacity:.48}
.detail-books.front{left:-2.75vw;bottom:-5.125vw;background-image:url('/assets/figma/8f88f.svg')}
.detail-books.back{left:-7.958333vw;bottom:-6.833333vw;background-image:url('/assets/figma/60527.svg')}
.detail-curve{right:0;bottom:-6.1875vw;width:30.854167vw;aspect-ratio:740.5/926.5;opacity:.7;background-image:url('/assets/figma/d6a73.svg')}
.detail-cloud{right:1.25vw;bottom:.916667vw;width:25.291667vw;aspect-ratio:607/220;opacity:.7;transform:scaleX(-1);background-image:url('/assets/figma/69e54.svg')}
.detail-orbit{right:4.077917vw;bottom:14.03875vw;width:16.272167vw;aspect-ratio:390.532/230.5;opacity:.7;transform:rotate(.3deg);background-image:url('/assets/figma/6aa5b.svg')}
.detail-plane{right:14.416667vw;bottom:19.166667vw;width:6.333333vw;aspect-ratio:1;opacity:.49;transform:scaleX(-1);background-image:url('/assets/figma/fd11b.png')}
@media(max-width:700px){
 .h-detail-header{min-height:94px;padding:16px 76px}
 .detail-back{left:8px;font-size:18px;gap:2px;padding:4px}
 .detail-back .design-icon{width:20px;height:20px}
 .detail-heading h1{font-size:20px;white-space:nowrap}
 .detail-heading p{font-size:12px}
 .h-detail-screen .art{width:calc(100% - 40px);padding-top:24px;padding-bottom:40px}
 .h-detail-screen .art .tx p{font-size:20px;line-height:1.65}
 .h-detail-screen .art .tx h3{font-size:22px}
 .h-detail-screen .article-edit-hint .tip{font-size:17px;gap:8px}
 .h-detail-screen .savebar{padding:10px 12px;gap:8px;flex-wrap:wrap}
 .h-detail-screen .savebar span{font-size:16px;min-width:0}
 .h-detail-screen .savebar .sbtn,.h-detail-screen .savebar .pbtn{font-size:18px;min-height:46px;padding:8px 14px}
 .detail-decor{opacity:.6}
}
@media(max-width:360px){.h-detail-header{padding-right:48px}.detail-heading h1{font-size:18px}.detail-heading p{font-size:11px}.h-detail-screen .art{width:calc(100% - 32px)}}