/* =================================== */
/* 静态页面 (page-static.php) 专属样式 */
/* =================================== */

/* “关于本站”页面的学习闭环样式 (V7) */
.learning-loop-step { display: flex; flex-direction: column; align-items: center; text-align: center; }
.learning-loop-icon { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 4px solid #f8fafc; }
.learning-loop-text { margin-top: 1rem; font-size: 1.125rem; font-weight: 600; color: #334155; }
.learning-loop-description { font-size: 0.875rem; line-height: 1.5; color: #64748b; margin-top: 0.5rem; min-height: 42px; max-width: 150px; }
.learning-loop-grid-container { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: 400px; margin-left: auto; margin-right: auto; align-items: flex-start; justify-items: center; }
.learning-loop-arrow-h, .learning-loop-arrow-v { display: none; }
@media (min-width: 768px) {
    .learning-loop-grid-container { grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr auto 1fr; max-width: 700px; gap: 1rem; align-items: center; }
    .learning-loop-arrow-h, .learning-loop-arrow-v { display: block; }
    .learning-loop-step.loop-step-1 { grid-area: 1 / 1; }
    .learning-loop-arrow-h.arrow-right { grid-area: 1 / 2; }
    .learning-loop-step.loop-step-2 { grid-area: 1 / 3; }
    .learning-loop-arrow-v.arrow-down { grid-area: 2 / 3; }
    .learning-loop-step.loop-step-3 { grid-area: 3 / 3; }
    .learning-loop-arrow-h.arrow-left { grid-area: 3 / 2; }
    .learning-loop-step.loop-step-4 { grid-area: 3 / 1; }
    .learning-loop-arrow-v.arrow-up { grid-area: 2 / 1; }
    .learning-loop-arrow-h { font-size: 3rem; font-weight: 300; }
    .learning-loop-arrow-v { font-size: 2.25rem; font-weight: 300; }
}

/* “关于本站”页面的“用户说”板块 */
.testimonial-card { background-color: #f8fafc; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 4px 10px rgba(0,0,0,0.03); border: 1px solid #f1f5f9; display: flex; flex-direction: column; justify-content: space-between; }
.testimonial-quote { font-size: 1.125rem; font-weight: 500; color: #334155; line-height: 1.6; padding-left: 1.5rem; border-left: 3px solid #f59e0b; font-style: italic; flex-grow: 1; }
.testimonial-author { display: flex; align-items: center; gap: 0.75rem; margin-top: 1.5rem; }
.testimonial-avatar-initials { width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 600; }
.testimonial-name { font-weight: 600; color: #1e293b; }
.testimonial-handle { font-size: 0.875rem; color: #64748b; }

/* "关于本站" 页面 v8 优化的新卡片样式 */
.feature-card { background-color: #f8fafc; border-radius: 0.75rem; padding: 2rem; border: 1px solid #f1f5f9; box-shadow: 0 4px 10px rgba(0,0,0,0.03); }
.feature-card-icon { width: 64px; height: 64px; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: 1.5rem; }
.feature-card-list { margin-top: 1rem; margin-left: 0.5rem; list-style-type: disc; padding-left: 1.25rem; color: #475569; }
.feature-card-list li::marker { color: #f59e0b; }