:root{--blue:#0867d9;--blue-2:#005cc8;--navy:#09284e;--orange:#ff5b21;--ink:#182132;--muted:#6e7785;--line:#dfe4eb;--bg:#f6f8fb;--teal:#079b98}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.55 Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
img{display:block;max-width:100%}
.wrap{width:min(1200px,calc(100% - 40px));margin:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-topic .ui-categorys.js-hidden{display:none!important}
#meiqia-container{display:none!important}
body.igcse-meiqia-guard-allowed #meiqia-container{display:block!important}

.hero{height:188px;color:#fff;background:#0a294f url("../images/igcse/igcse-hero-background-1600.jpg") center/cover no-repeat}
.topic-breadcrumb{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.eyebrow,.hero .source-links,.hero .hero-nav{display:none}
.hero-inner{height:188px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.hero-inner>div{min-width:0;max-width:900px}
.hero h1{margin:0 0 9px;font-size:42px;line-height:1.12;letter-spacing:.01em;font-weight:700}
.hero-summary{max-width:900px;margin:0;overflow:hidden;color:#f4f7fb;font-size:15px;white-space:nowrap;text-overflow:ellipsis}
.hero-meta{display:flex;align-items:center;margin-top:11px;color:#c8d7e8;font-size:13px}
.verified{display:flex;align-items:center;gap:7px}
.verified .fa-solid{font-size:14px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:11px;padding:0 24px;font-size:16px;font-weight:700;white-space:nowrap}
.accent{background:var(--orange);color:#fff;box-shadow:0 7px 18px rgba(255,91,33,.2)}

.main{padding:16px 0 28px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}
.guide-card,.panel,.course-card{background:#fff;border:1px solid var(--line);border-radius:8px}
.guide-card{display:flex;align-items:center;gap:14px;min-height:88px;padding:13px 17px;box-shadow:0 1px 2px rgba(18,36,60,.02)}
.guide-card::after{content:"\f054";margin-left:auto;color:#596270;font-family:"Font Awesome 6 Free";font-size:12px;font-weight:900}
.guide-card b{display:block;margin-bottom:1px;font-size:17px;line-height:1.35}
.guide-card small{display:block;color:var(--muted);font-size:13px}
.guide-icon{flex-basis:42px;height:42px}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:14px 0 10px}
.section-head h2,.bar-title{margin:0}
.section-head p{margin:0;color:var(--muted)}
.section-head>a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:700}
.main>section .section-head>div{display:flex;align-items:baseline;gap:14px}
.course-head>div{display:flex;align-items:baseline;gap:14px}
.courses{margin-top:12px;padding:10px 12px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.courses .course-head{margin:0 0 8px}
.course-head>a{display:none}
.course-head h2{font-size:20px;line-height:1.3}
.course-head p{font-size:13px}
.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.course-card{display:block;overflow:hidden;min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.course-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(10,40,78,.09)}
.course-card img{width:100%;height:90px;object-fit:cover}
.course-copy{display:block;min-height:84px;padding:7px 9px}
.course-copy b{display:block;font-size:14px;line-height:1.25}
.course-copy small{display:block;margin-top:1px;color:var(--muted);font-size:11px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-meta{display:flex;gap:5px;margin-top:3px}
.course-meta span{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid #dce6f3;border-radius:4px;color:#6d7888;background:#f8fbff;font-size:9px}
.course-copy em{display:block;margin-top:2px;color:var(--blue);font-size:11px;line-height:1.35;font-style:normal;font-weight:700}

.editorial{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:14px;margin-top:16px}
.panel{padding:10px;min-width:0}
.bar-title{font-size:17px;line-height:1.35;border-left:4px solid var(--orange);padding-left:8px}
.featured{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;padding:8px 0 9px;border-bottom:1px solid var(--line)}
.featured-copy{min-width:0}
.featured img{width:210px;height:100px;object-fit:cover;border-radius:6px;background:#eaf3ff}
.tag{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:4px;background:#e7f7f6;color:#078c8a;font-size:10px}
.featured h3{margin:3px 0 2px;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.featured h3 a{position:relative;display:flex;align-items:center;min-height:32px}
.featured h3 a::after{content:"";position:absolute;inset:-6px 0}
.featured p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#latest>.section-head{align-items:center;margin:7px 0 2px}
#latest>.section-head>span{color:#8a93a3;font-size:12px}
.article-list{list-style:none;padding:0;margin:0}
.article-list li[hidden]{display:none}
.latest-toggle{display:block;margin:3px auto 0;padding:0 12px;min-height:44px;border:0;background:transparent;color:var(--blue);font:inherit;font-size:12px;cursor:pointer}
.latest-toggle[hidden]{display:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course-card{transition:none}.course-card:hover{transform:none}}
.article-list li{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 88px;align-items:center;gap:9px;min-height:32px;border-bottom:1px solid #edf0f4}
.article-list li>a{position:relative;display:flex;align-items:center;min-height:32px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-list li>a::after{content:"";position:absolute;inset:-6px 0}
.article-list time{color:#8a93a3;text-align:right;font-size:12px}
#latest nav[aria-label="文章分页"]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;padding:0}
#latest nav[aria-label="文章分页"] li{position:relative;list-style:none;margin:0}
#latest nav[aria-label="文章分页"] a,#latest nav[aria-label="文章分页"] span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 7px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:11px}
#latest nav[aria-label="文章分页"] a::after{content:"";position:absolute;inset:-5px 0}
#latest nav[aria-label="文章分页"] .thisclass a,#latest nav[aria-label="文章分页"] .thisclass span{border-color:var(--blue);background:var(--blue);color:#fff;font-weight:700}
.side section+section{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.side ul{margin:5px 0 0;padding:0;list-style:none}
.side li{position:relative;display:flex;align-items:center;gap:8px;margin:0}
.side li::before{flex:0 0 auto;font-family:"Font Awesome 6 Free";font-size:9px;font-weight:900}
.monthly-focus li::before{content:"\f111";color:var(--orange)}
.history-picks li::before{content:"\f15c";color:var(--blue);font-size:12px}
.side li a{position:relative;display:flex;align-items:center;min-height:30px;font-size:12px;line-height:1.4}
.side li a::after{content:"";position:absolute;inset:-7px 0}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags a{position:relative;display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--line);border-radius:4px;padding:1px 8px;background:#fff;font-size:11px}
.tags a::after{content:"";position:absolute;inset:-6px 0}
.source-note{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:#7c8694;font-size:12px}
.source-note a{display:inline-flex;align-items:center;min-height:44px;color:#607086;text-decoration:underline;text-underline-offset:3px}

.bottom-cta{background:#062c58;color:#fff;padding:17px 0}
.bottom-cta .wrap{display:flex;align-items:center;justify-content:space-between}
.bottom-cta h2{margin:0;font-size:20px}
.bottom-cta p{margin:2px 0 0;color:#c9d8ea;font-size:13px}
body .footer{padding:16px 0;background:#fff;color:#697386}
body .footer>.wrapper{display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 40px));margin:auto}
body .footer .lft{display:flex;align-items:center;gap:14px}
body .footer .lft>img{width:72px;height:72px;object-fit:contain}
body .footer .ftxt p{margin:2px 0;font-size:12px}
body .footer .rgt{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end;max-width:430px}
body .footer .rgt>a{font-size:12px}

@media(max-width:1200px){.hero-summary{white-space:normal}.wrap,body .footer>.wrapper{width:calc(100% - 32px)}}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.editorial{grid-template-columns:1fr}.hero{height:auto}.hero-inner{height:auto;min-height:235px}.hero h1{font-size:34px}.hero-summary{font-size:14px}.featured{grid-template-columns:220px minmax(0,1fr)}body .footer .rgt{display:none}}
@media(max-width:560px){body{font-size:14px}.wrap,body .footer>.wrapper{width:calc(100% - 24px)}.hero-inner{min-height:265px;align-items:flex-start;flex-direction:column;justify-content:center;gap:17px}.hero-inner>div{max-width:none}.hero h1{font-size:30px}.hero-summary{line-height:1.7}.button{min-height:46px}.main{padding-top:12px}.guide-grid,.course-grid{grid-template-columns:1fr}.guide-card{min-height:80px}.course-head,.bottom-cta .wrap{align-items:flex-start;flex-direction:column;gap:5px}.course-head>div{display:block}.course-grid{gap:10px}.course-card img{height:165px}.course-copy{padding:12px 14px}.course-copy b{font-size:17px}.course-copy small{font-size:13px;white-space:normal}.course-meta span{height:24px;font-size:11px}.editorial{margin-top:14px}.panel{padding:13px}.featured{grid-template-columns:1fr}.featured img{width:100%;height:190px}.featured h3 a{min-height:44px}.article-list li{grid-template-columns:68px minmax(0,1fr);min-height:44px}.article-list li>a{min-height:44px}.article-list time{display:none}.side li a{min-height:44px}.tags a{min-height:44px}.source-note{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.bottom-cta .wrap{gap:12px}body .footer>.wrapper{display:block}body .footer .lft>img{width:64px;height:64px}}