.egl-page{min-height:var(--app-h);background:linear-gradient(180deg,#dff5ff 0,#f5fbff 34%,#edf7ff 100%);color:#11366f}.egl-top{min-height:190px;padding:20px clamp(18px,4vw,46px);background:radial-gradient(circle at 76% 28%,rgba(255,255,255,.85),transparent 22%),linear-gradient(135deg,#65caf9,#278ce9);position:relative;overflow:hidden}.egl-top:after{content:"";position:absolute;inset:auto -7% -55px -7%;height:100px;border-radius:50% 50% 0 0;background:#f5fbff}.egl-nav{position:relative;z-index:2;display:flex;justify-content:space-between}.egl-nav button{width:58px;height:58px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 20px rgba(24,92,159,.2);cursor:pointer}.egl-nav img{width:100%;height:100%;object-fit:contain}.egl-brand{position:relative;z-index:2;margin:14px auto 0;width:max-content;text-align:center;color:#fff;text-shadow:0 2px 5px rgba(12,78,139,.2)}.egl-brand span{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.egl-brand b{display:block;font-size:clamp(27px,5vw,40px);margin-top:3px}.egl-body{position:relative;z-index:2;width:min(1120px,calc(100% - 28px));margin:-20px auto 0;padding:24px 0 42px}.egl-heading{background:rgba(255,255,255,.97);border:1px solid #d1eaff;border-radius:24px;padding:20px 24px;box-shadow:0 12px 30px rgba(45,116,177,.12);margin-bottom:16px}.egl-heading span{font-weight:850;color:#288de4}.egl-heading h1{margin:5px 0 4px;font-size:clamp(24px,4vw,34px);line-height:1.22}.egl-heading p{margin:0;color:#7890aa}.egl-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.egl-unit{min-height:118px;border:1px solid #d6eaff;border-radius:22px;background:#fff;padding:15px;display:grid;grid-template-columns:58px 1fr 24px;gap:14px;align-items:center;text-align:left;box-shadow:0 8px 20px rgba(45,116,177,.09);cursor:pointer}.egl-unit-no{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#58d1c4,#238dec);color:#fff;font-size:27px;font-weight:950}.egl-unit-copy b{display:block;font-size:21px}.egl-unit-copy small{display:block;color:#5f7693;margin-top:3px;line-height:1.35}.egl-unit-copy em{display:block;color:#278ce5;font-size:13px;font-style:normal;font-weight:800;margin-top:7px}.egl-unit>i,.egl-lesson>i{font-style:normal;color:#2990e7;font-size:34px}.egl-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.egl-lesson{border:1px solid #d7eafa;border-radius:22px;background:#fff;padding:12px;display:grid;grid-template-columns:122px 1fr 24px;gap:14px;align-items:center;text-align:left;box-shadow:0 8px 20px rgba(45,116,177,.09);cursor:pointer;overflow:hidden}.egl-lesson img{width:122px;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:15px;border:1px solid #e3edf4}.egl-lesson b{display:block;font-size:19px;line-height:1.35}.egl-lesson small{display:block;margin-top:8px;color:#2588df;font-weight:800}/* V7.0.1：语法知识卡片阅读器使用“语法练习”背景素材（竖版画面/横版场景）。 */
.pdf-course.english-grammar-card-pdf{background:#dff5ff url('assets/practice/english-grammar-portrait.png') center top/100% auto no-repeat}
.pdf-course.english-grammar-card-pdf .pdf-course-top{background:linear-gradient(135deg,#65caf9,#278ce9)}
.pdf-course.english-grammar-card-pdf .pdf-image-scroll img{object-fit:contain}
.pdf-course.english-grammar-card-pdf .pdf-stage{position:absolute;z-index:2;top:52svh;left:0;right:0;width:auto;min-height:0;margin:0;padding:16px;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(36,108,169,.18)}
.pdf-course.english-grammar-card-pdf .pdf-pager{position:absolute;z-index:9;left:50%;transform:translateX(-50%);bottom:max(10px,var(--sab));width:min(calc(100% - 24px),760px);margin:0}

/* V7.0.1 横屏：整幅背景铺满视口（保持图片原始比例、不拉伸、无背景页），卡片放中央白色画框。 */
html.device-landscape .pdf-course.english-grammar-card-pdf{width:var(--app-w);height:var(--app-h);min-height:0;max-width:none;margin:0;padding:0;overflow:hidden;background:#eaf5ff url('assets/practice/english-grammar-landscape.png') center/cover no-repeat}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-course-top{background:transparent;border:0;box-shadow:none}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-stage{position:absolute;top:29%;left:4.2%;right:4.2%;bottom:13.7%;width:auto;min-height:0;margin:0;padding:0;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 2px rgba(80,90,90,.06)}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-image-scroll{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-image-scroll img{width:auto!important;height:100%;max-width:100%;object-fit:contain;background:transparent;border-radius:8px;box-shadow:none}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-course-nav{top:1%;left:1%;right:1%}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-course-nav button{width:9%;height:auto;aspect-ratio:1;background:transparent;box-shadow:none}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-course-nav img{opacity:0}
html.device-landscape .pdf-course.english-grammar-card-pdf .pdf-pager{position:absolute;z-index:9;left:50%;bottom:max(12px,var(--sab));transform:translateX(-50%);width:min(560px,calc(100% - 28px));margin:0;border:1px solid #d2e4f0;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(34,86,124,.16);backdrop-filter:blur(14px)}
@media(max-width:700px){.egl-unit-grid,.egl-lesson-grid{grid-template-columns:1fr}.egl-top{min-height:174px}.egl-body{margin-top:-16px}.egl-lesson{grid-template-columns:105px 1fr 22px}.egl-lesson img{width:105px}.egl-unit-copy small{font-size:12px}}
@media(min-width:900px) and (orientation:landscape){.egl-top{min-height:142px}.egl-brand{margin-top:-44px}.egl-body{margin-top:-15px}.egl-unit{min-height:104px}.egl-lessons .egl-body{max-width:980px}}