/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* 官方Web Agency/Blocksy/Tutor布局上的品牌与内容适配。 */
:root { --tutor-color-primary:#087f8c; --tutor-color-primary-rgb:8,127,140; --tutor-body-color:#46576b; --tutor-color-black:#10253f; }
.stk-block-button .stk-button { color:#fff !important; background:var(--theme-palette-color-1) !important; }
.stk-block-button .stk-button:hover { background:var(--theme-palette-color-2) !important; }
.br-footer-wordmark { padding:18px; border-radius:12px; background:#091b31; display:inline-block; }
#header [data-id="trigger"] { --icon-color:#f1f6fb; --icon-hover-color:#31d9d0; }
#header [data-id="trigger"] svg { fill:#f1f6fb; }
.br-mode fieldset { padding:0; border:0; min-width:0; }
.br-mode label { display:inline-flex; gap:10px; align-items:center; margin-block:8px; }
.br-explanation { line-height:1.75; }
.br-explanation pre,.tutor-quiz-question-title pre,.tutor-quiz-question-option pre { white-space:pre-wrap; overflow:auto; background:#f1f5f9; color:#10253f; padding:16px; border-radius:8px; }
.br-section { margin-block:88px; }
.br-eyebrow { color:#08717e; font-size:12px; font-weight:750; letter-spacing:1.8px; text-transform:uppercase; }
.br-stats { display:flex; justify-content:space-around; gap:24px; padding:32px 20px; border-bottom:1px solid var(--theme-palette-color-5); color:var(--theme-text-color); }
.br-stats p { margin:0; font-size:14px; }
.br-stats strong { display:block; font-size:28px; line-height:1.35; color:var(--theme-palette-color-4); }
.br-topic-grid,.br-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:32px; }
.br-topic,.br-guide { padding:28px; background:#fff; border:1px solid var(--theme-palette-color-5); border-radius:16px; }
.br-topic { display:flex; flex-direction:column; color:var(--theme-text-color); transition:border-color .2s,transform .2s; }
.br-topic:hover { border-color:#087f8c; transform:translateY(-3px); }
.br-topic h3 { margin:20px 0 12px; }
.br-topic p,.br-guide p { font-size:15px; line-height:1.65; }
.br-topic span { margin-top:auto; font-size:13px; font-weight:650; color:#08717e; }
.br-guide h3 a { color:var(--theme-palette-color-4); }
.br-guide>a { font-size:14px; font-weight:650; }
.tutor-card { border-radius:16px; overflow:hidden; }
.tutor-course-thumbnail img { aspect-ratio:750/422; object-fit:cover; }
.tutor-course-card .tutor-course-name { font-size:19px; line-height:1.45; }
.tutor-course-card .tutor-card-body { display:flex; flex-direction:column; }
.tutor-course-card .tutor-card-footer { background:#fff; border-color:#e5ebf0; }
.tutor-course-card .tutor-btn { white-space:normal; }
.tutor-course-details-title { font-size:clamp(28px,3.1vw,42px); line-height:1.22; }
.tutor-course-details-page,.tutor-wrap { color:var(--theme-text-color); }
.tutor-course-details-page p,.tutor-course-details-page li { line-height:1.75; }
.br-preview { scroll-margin-top:100px; }
.br-preview fieldset { border:0; padding:0; min-width:0; }
.br-preview legend { width:100%; font-weight:650; margin-bottom:20px; }
.br-preview label { display:flex; align-items:flex-start; gap:12px; border:1px solid #dce5ec; border-radius:10px; padding:14px 16px; margin:12px 0; cursor:pointer; }
.br-preview label:has(input:checked) { background:#edf8f7; border-color:#087f8c; }
.br-preview input { margin-top:6px; flex:none; }
.br-preview details { border-top:1px solid #e1e8ee; margin-block:16px; padding-block:12px; }
.br-preview summary { cursor:pointer; font-weight:650; }
.br-preview p:empty { display:none; }
.br-preview pre,.quiz-question-title pre,.tutor-quiz-question-item pre { overflow:auto; max-width:100%; white-space:pre-wrap; background:#eff4f8; border-radius:8px; padding:16px; color:#10253f; }
.br-preview code,.quiz-question-title code,.tutor-quiz-question-item code { font-size:.92em; }
.br-preview .br-answer-correct { border-color:#218654; background:#f0fbf5; }
.br-preview .br-answer-incorrect { border-color:#a3483b; }
.br-preview .br-question-progress { font-size:13px; color:#53667a; }
#loginform { max-width:440px; margin-block:32px; }
#loginform input[type=text],#loginform input[type=password] { margin-top:8px; }
#loginform label { font-weight:600; }
.quiz-question-title p,.tutor-quiz-question-item p { margin-bottom:8px; }
.quiz-question-title p:last-child,.tutor-quiz-question-item p:last-child { margin-bottom:0; }
.tutor-quiz-question-item { height:100%; }
.tutor-quiz-answer-single .tutor-card { height:100%; }
@media(max-width:999px) { .br-topic-grid,.br-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:689px) { .br-section { margin-block:54px; } .br-topic-grid,.br-guide-grid { grid-template-columns:1fr; gap:18px; } .br-stats { gap:12px; padding:24px 4px; } .br-stats p { font-size:11px; } .br-stats strong { font-size:23px; } .br-topic,.br-guide { padding:24px; } }