/* XIANSHE_TASK_TOPICS_V1: all rules are scoped to the added task panel. */
.xs-task-topics,.xs-task-topics *{box-sizing:border-box}
.xs-task-topics{width:calc(100% - 32px);max-width:1120px;min-width:0;margin:32px auto;padding:30px;border:1px solid #dce7f2;border-radius:16px;background:#fff;color:#26384a;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.xs-task-topics .xs-task-topics__label{margin:0 0 8px;color:#2467a3;font-size:13px;font-weight:700;letter-spacing:.06em}
.xs-task-topics h2{margin:0 0 14px;color:#18344f;font-size:25px;line-height:1.45}
.xs-task-topics h3{margin:24px 0 12px;font-size:19px;line-height:1.5;color:#18344f}
.xs-task-topics p{margin:10px 0 16px}
.xs-task-topics__intro{color:#506478}
.xs-task-topics .xs-task-topics__steps{margin:20px 0;padding:18px 22px 18px 43px;background:#f2f7fc;border-radius:10px;list-style:decimal}
.xs-task-topics__steps li{padding-left:5px;margin:8px 0;list-style:decimal}
.xs-task-topics__table{max-width:100%;overflow-x:auto;margin:24px 0}
.xs-task-topics table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}
.xs-task-topics caption{text-align:left;font-weight:700;margin-bottom:10px}
.xs-task-topics th,.xs-task-topics td{padding:12px;text-align:left;vertical-align:top;border:1px solid #dce7f2}
.xs-task-topics th{width:28%;background:#f4f8fc}
.xs-task-topics .xs-task-topics__code{max-width:100%;min-width:0;margin:16px 0;padding:20px;overflow-x:auto;border-radius:10px;background:#142538;color:#edf5ff;white-space:pre;overflow-wrap:normal;word-break:normal;line-height:1.65}
.xs-task-topics__code code{display:block;padding:0;border:0;background:none;color:inherit;font:13px/1.65 Consolas,monospace;white-space:pre;overflow-wrap:normal;word-break:normal}
.xs-task-topics details{padding:14px 0;border-bottom:1px solid #e0e8f0}
.xs-task-topics summary{cursor:pointer;font-weight:600;color:#234967;line-height:1.65}
.xs-task-topics details p{margin:12px 0 0;color:#506478}
.xs-task-topics .xs-task-topics__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.xs-task-topics__links a{display:block;min-width:0;padding:18px;border:1px solid #d8e5f1;border-radius:10px;background:#f8fbff;color:#1b5c92;text-decoration:none}
.xs-task-topics__links a:hover{border-color:#81add1;background:#f0f7ff}
.xs-task-topics__links a:focus-visible,.xs-task-topics summary:focus-visible{outline:3px solid #6aa5d8;outline-offset:4px}
.xs-task-topics__links strong{display:block;font-size:16px;line-height:1.6}
.xs-task-topics__links a>span{display:block;margin-top:6px;color:#587086;font-size:14px;line-height:1.7}
@media(max-width:768px){.xs-task-topics{width:calc(100% - 24px);margin:22px auto;padding:20px 17px;font-size:15px;border-radius:12px}.xs-task-topics h2{font-size:21px}.xs-task-topics h3{font-size:18px}.xs-task-topics .xs-task-topics__links{grid-template-columns:minmax(0,1fr)}.xs-task-topics .xs-task-topics__steps{padding:12px 15px 12px 31px}.xs-task-topics .xs-task-topics__code{padding:14px}.xs-task-topics th,.xs-task-topics td{padding:9px;font-size:14px}}

/* XIANSHE_TASK_TOPICS_MOBILE_ROOT_V1: only the six pages emitting this panel. */
@media(max-width:768px){body:has(#xs-task-next){min-width:0;width:auto;}body:has(#xs-task-next) #wp{min-width:0;width:100%;max-width:100%;}}