/* ===== 学车资讯（列表 + 详情）===== */
.about .left{background:#fff;border:1px solid #eef3f1;border-radius:8px;overflow:hidden;align-self:flex-start}
.about .left .title{line-height:52px;font-weight:600;letter-spacing:2px}
.about .left a{color:#555;border-bottom:1px solid #f3f6f5;line-height:46px}
.about .left a:hover{color:#00a876;background:#f6fbf9}
.about .left a.on{background:#e2f6ee;color:#009a6e;font-weight:600}
.about .right{background:#fff;border:1px solid #eef3f1;border-radius:8px;margin-top:0}
.about .right .title{text-align:left;padding-left:30px;border-bottom:1px solid #f3f6f5}

/* 列表 */
.info-list{list-style:none;padding:0;margin:0}
.info-list li{padding:20px 30px;border-bottom:1px dashed #e8efec}
.info-list li:last-child{border-bottom:none}
.info-list h2{font-size:17px;margin:0 0 9px;font-weight:600;line-height:1.5}
.info-list h2 a{color:#333}
.info-list h2 a:hover{color:#00a876}
.info-list .meta{color:#999;font-size:13px}
.info-list .meta .cate{color:#00a876;margin-right:10px}
.info-page{padding:0 0 24px}

/* 详情 */
.info-detail{padding:28px 34px 34px}
.info-detail .art-title{font-size:23px;color:#222;line-height:1.5;font-weight:600;margin:0 0 12px;text-align:left;border:none;padding:0}
.info-detail .art-meta{color:#999;font-size:13px;padding-bottom:18px;border-bottom:1px solid #f3f6f5;margin-bottom:24px}
.info-detail .art-meta span{margin-right:16px}
.info-content{font-size:16px;color:#444;line-height:1.95}
.info-content h2{font-size:19px;color:#222;margin:30px 0 14px;padding-left:12px;border-left:4px solid #00be88;line-height:1.3}
.info-content h3{font-size:17px;color:#333;margin:24px 0 12px}
.info-content p{margin:0 0 14px}
.info-content ul,.info-content ol{margin:0 0 14px;padding-left:24px}
.info-content li{margin:6px 0}
.info-content strong{color:#222}
.info-content img{display:block;max-width:100%;width:800px;height:auto;margin:20px auto 8px;border:1px solid #eef3f1;border-radius:8px}
.info-content .img-note{text-align:center;font-size:13px;color:#999;margin:0 0 22px}
.info-content blockquote{margin:16px 0;padding:12px 18px;background:#f4fbf8;border-left:4px solid #00be88;color:#557}
.info-content table{width:100%;border-collapse:collapse;margin:16px 0}
.info-content td,.info-content th{border:1px solid #e5efe9;padding:8px 12px}
.info-content img{max-width:100%}
.info-tags{margin-top:26px}
.info-tags span{display:inline-block;background:#e9f8f2;color:#00996b;font-size:12px;padding:4px 12px;border-radius:14px;margin:0 8px 8px 0}
.info-cta{margin-top:28px;background:#f4fbf8;border-radius:8px;padding:16px 20px;color:#666;font-size:14px}
.info-cta a{color:#00a876;font-weight:600}
@media(max-width:700px){
  .about .left{width:100%;margin-bottom:14px}
  .about .right{margin-left:0}
  .info-detail{padding:18px}
  .info-list li{padding:16px}
}

/* ===== 科目二 / 科目三 图文栏目 ===== */
.column-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;background:linear-gradient(120deg,#00b57d,#009a6e);border-radius:10px;padding:26px 30px;margin:18px auto 0;color:#fff}
.column-hero h1{font-size:26px;line-height:1.4;margin:0 0 8px;color:#fff;border:none;padding:0}
.column-hero p{margin:0;font-size:14px;line-height:1.8;opacity:.92;max-width:760px}
.column-hero .hero-side{text-align:right;flex:0 0 300px}
.exam-steps{list-style:none;display:flex;align-items:center;gap:24px;padding:0;margin:16px 0 0;flex-wrap:wrap}
.exam-steps li{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;background:rgba(255,255,255,.16);font-size:13px;position:relative}
.exam-steps li+li::before{content:"›";position:absolute;left:-12px;top:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.95);font-size:20px;font-weight:700;line-height:1}
.exam-steps .step-no{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.28);color:#fff;font-size:12px;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
.exam-steps li b{font-weight:600}
.exam-steps li span{opacity:.85}
.exam-steps li.done{background:rgba(255,255,255,.28)}
.exam-steps li.done .step-no{background:rgba(255,255,255,.9);color:#00915f}
.exam-steps li.cur{background:#fff;color:#00915f;font-weight:600}
.exam-steps li.cur span{opacity:.75}
.exam-steps li.cur .step-no{background:#00915f;color:#fff}
.hero-btn{display:inline-block;background:#fff;color:#00915f;font-size:14px;font-weight:600;padding:11px 20px;border-radius:22px}
.hero-btn:hover{background:#f0fbf6}
.hero-tip{display:block;margin-top:10px;font-size:12px;line-height:1.7;opacity:.9}

.column-page{display:block;background:none;border:none;padding:0;margin-top:18px}
.sub-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.sub-tabs .tab{display:inline-block;padding:8px 18px;background:#fff;border:1px solid #e6efeb;border-radius:20px;color:#555;font-size:14px}
.sub-tabs .tab:hover{color:#00a876;border-color:#bfe6d6}
.sub-tabs .tab.on{background:#00a876;border-color:#00a876;color:#fff;font-weight:600}
.sub-title{font-size:18px;color:#222;font-weight:600;margin:0 0 16px}
.sub-title .clear{font-size:13px;font-weight:400;color:#00a876;margin-left:14px}

.card-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card-grid .card{background:#fff;border:1px solid #eef3f1;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.card-grid .card:hover{box-shadow:0 6px 20px rgba(0,150,110,.12);transform:translateY(-3px)}
.card-link{display:block}
.card-cover{height:132px;position:relative;background:#00a876}
.card-cover.c1{background:#00a876}
.card-cover.c2{background:#3b7fd4}
.card-cover.c3{background:#e08a2b}
.card-cover.c4{background:#7a5cc4}
.card-cover.c5{background:#18a5a5}
.card-cover.c6{background:#c95d7a}
.card-cover.c7{background:#5b8c2a}
.card-cover.c8{background:#6b7a8f}
.card-cover .cover-tag{position:absolute;left:14px;bottom:12px;background:rgba(255,255,255,.9);color:#333;font-size:12px;padding:3px 10px;border-radius:12px}
.card-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:14px 16px 16px}
.card-title{font-size:15px;line-height:1.6;color:#333;font-weight:600;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}
.card-link:hover .card-title{color:#00a876}
.card-meta{font-size:12px;color:#aaa;display:flex;justify-content:space-between}
.card-empty{grid-column:1/-1;background:#fff;border:1px dashed #dfe8e4;border-radius:8px;padding:40px;text-align:center;color:#888}
.card-empty a{color:#00a876}

@media(max-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}.column-hero{flex-direction:column;align-items:flex-start}.column-hero .hero-side{text-align:left;flex:0 0 auto}}
@media(max-width:600px){.card-grid{grid-template-columns:1fr;gap:14px}.column-hero{padding:18px}.column-hero h1{font-size:20px}}