#detail-dialog.dp-dialog{width:min(1170px,calc(100% - 32px));max-height:94vh;background:#fffefa;border:1px solid #dce4dc;border-radius:12px;color:#20352e}
.dp-dialog .dialog-top{background:#f4f7f1;padding:12px 25px;border-bottom:1px solid #dce4dc}.dp-dialog .dialog-top .detail-nav{display:none}.dp-dialog .dialog-body{padding:36px 40px 0 240px;position:relative;line-height:1.85}.dp-dialog #detail-title{font-size:clamp(26px,3vw,36px);line-height:1.45;letter-spacing:-.7px;margin:0 0 20px;text-wrap:balance}.dp-dialog #detail-description{font-size:15px;white-space:normal;margin:0 0 28px}.dp-dialog #detail-description>p{font-size:14px;color:#667568;margin:12px 0}.dp-dialog #dp-detail-nav{position:absolute;left:27px;top:38px;width:175px;height:calc(100% - 65px)}.dp-nav{position:sticky;top:72px;display:block;height:auto}.dp-nav>span{font-size:12px;color:#7a887c;display:block;margin-bottom:18px}.dp-nav button{border:0;background:transparent;display:block;text-align:left;padding:10px 0;color:#516b55;font-size:14px;cursor:pointer}.dp-nav small{color:#97a796;font-size:11px;margin-right:11px}.dp-chips{display:flex;flex-wrap:wrap;gap:8px}.dp-chips span{background:#edf2e9;color:#46614a;padding:4px 10px;border-radius:4px;font-size:12px}.dp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.dp-actions button,.dp-prompt button{border:1px solid #b8c8b7;background:#fffefa;border-radius:5px;padding:9px 14px;font-size:13px;color:#3d604b;cursor:pointer}.dp-actions button:first-child{background:#3d604b;color:#fff}.dp-section{padding:30px 0;border-top:1px solid #dce4dc;scroll-margin-top:72px}.dp-label{font-size:11px;letter-spacing:2px;color:#7b8b7c}.dp-section>h3{font-size:22px;margin:5px 0 18px;line-height:1.5}.dp-section>p{font-size:16px;line-height:1.9;margin:10px 0}.dp-person{display:flex;gap:14px;align-items:center;margin:18px 0}.dp-person strong{display:block;font-size:16px}.dp-person small{display:block;font-size:13px;color:#65736b}.dp-avatar{width:44px;height:44px;border-radius:50%;border:1px solid #d0dacc;background:#eef3ed;display:grid;place-items:center;flex-shrink:0;font-size:15px}.dp-type{display:block;margin-bottom:6px;font-weight:650;color:#345e41}.dp-callout{background:#eef3ed;border-left:3px solid #6a8866;padding:15px 18px;margin-top:15px}.dp-callout p{margin:4px 0;font-size:16px;line-height:1.85}.dp-how{list-style:none;padding:0;margin:15px 0;display:grid;gap:12px}.dp-how li{display:flex;gap:15px;background:#f8faf4;border:1px solid #e0e6da;border-radius:6px;padding:15px 18px}.dp-how li>span{font-size:12px;color:#77906d;padding-top:5px;flex-shrink:0}.dp-how p{margin:0;font-size:16px;line-height:1.9}.dp-dialog p.dp-small{font-size:13px;line-height:1.85;color:#65736b;margin:14px 0}.dp-dialog a{text-underline-offset:4px}.dp-trial{list-style:none;counter-reset:trial;padding:0;margin:20px 0}.dp-trial li{counter-increment:trial;display:grid;grid-template-columns:27px 1fr;gap:12px;margin:20px 0}.dp-trial li:before{content:counter(trial);background:#e9efe5;border-radius:50%;height:27px;line-height:27px;text-align:center;font-size:12px;color:#3d604b}.dp-trial p{font-size:14px;color:#65736b;margin:4px 0 0;line-height:1.9}.dp-prompt{padding:18px;background:#f6f5ef;border:1px solid #e5e3d6;border-radius:7px}.dp-prompt>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.dp-prompt strong{font-size:14px}.dp-prompt button{padding:4px 10px;font-size:12px;white-space:nowrap}.dp-prompt p{font-size:14px;white-space:pre-line;margin:12px 0 0;line-height:1.9}.dp-effects{display:grid;gap:14px;margin:18px 0}.dp-effects article{border-left:3px solid #ccd8c4;padding:4px 0 4px 16px}.dp-effects p{font-size:15px;margin:7px 0;line-height:1.85}.dp-limit,.dp-warning{font-size:13px;line-height:1.8;color:#806142;background:#faf1e8;padding:10px 14px;border-radius:4px}.dp-accordion{border:1px solid #dce4dc;border-radius:8px;margin:22px 0;overflow:hidden;scroll-margin-top:72px}.dp-accordion>summary{padding:19px 22px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f8f2}.dp-accordion>summary::-webkit-details-marker{display:none}.dp-accordion>summary strong{display:block;font-size:18px}.dp-accordion>summary small{display:block;font-size:12px;color:#65736b;margin-top:4px}.dp-switch{font-size:12px;color:#3d604b;white-space:nowrap}.dp-switch:before{content:'展开阅读 ＋'}.dp-accordion[open]>.dp-accordion-summary{border-bottom:1px solid #dce4dc}.dp-accordion[open]>summary{border-bottom:1px solid #dce4dc}.dp-accordion[open]>summary .dp-switch:before{content:'收起 −'}.dp-reading{padding:24px;overflow-wrap:anywhere}.dp-reading>p{font-size:15px;line-height:1.95;margin:12px 0}.dp-reading>h4{font-size:17px;margin:24px 0 12px}.dp-reading blockquote{margin:18px 0;padding:6px 0 6px 18px;border-left:3px solid #a3b69c;font-size:18px;line-height:1.9}.dp-reading-meta{font-size:14px}.dp-reading-meta p a{display:inline}.dp-reading-meta small{display:block;color:#7a887c;font-size:12px;margin:2px 0 12px}.dp-footer{color:#778475;font-size:12px;line-height:1.8;padding:20px 0}.dp-dialog button:focus-visible,.dp-dialog summary:focus-visible,.dp-dialog a:focus-visible{outline:3px solid #bd8d58;outline-offset:4px}.dp-dialog .source-section{margin-top:20px}.dp-dialog .copy-status{font-size:13px}.dp-reading .tool-glossary dl>div{grid-template-columns:1fr}.dp-dialog .build-step-content{overflow-wrap:anywhere}
@media(max-width:850px){.dp-dialog .dialog-body{padding:25px 25px 0}.dp-dialog #dp-detail-nav{position:static;width:auto;height:auto;margin:0 0 22px}.dp-nav{position:static;display:flex;gap:20px;overflow:auto;white-space:nowrap}.dp-nav>span,.dp-nav small{display:none}.dp-nav button{font-size:12px;padding:4px 0}.dp-section{scroll-margin-top:68px}.dp-accordion{scroll-margin-top:68px}}
@media(max-width:540px){#detail-dialog.dp-dialog{width:calc(100% - 16px);max-height:96vh}.dp-dialog .dialog-top{padding:10px 16px}.dp-dialog .dialog-body{padding:22px 18px 0}.dp-dialog #detail-title{font-size:26px}.dp-section>h3{font-size:20px}.dp-reading{padding:17px}.dp-accordion>summary{padding:16px}.dp-accordion>summary strong{font-size:17px}.dp-section{padding:24px 0}.dp-how li{padding:13px}.dp-dialog .dp-chips span{font-size:11px}.dp-reading .tool-grid,.dp-reading .reuse-columns{grid-template-columns:1fr}}