:root{--ink:#173b35;--muted:#667771;--green:#0b745f;--green-dark:#075043;--mint:#e7f4ef;--mint-2:#f2f9f6;--sand:#f7f1e6;--gold:#c58f32;--paper:#fffefa;--line:#dce7e2;--shadow:0 18px 50px rgba(19,67,56,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbfaf5,#f4f0e7);color:var(--ink);font-family:"Noto Sans Arabic","Tahoma","Arial",sans-serif;direction:rtl}a{color:inherit;text-decoration:none}button{font:inherit}.shell{min-height:100vh;padding-bottom:88px}.topbar{height:70px;position:sticky;top:0;z-index:30;border-bottom:1px solid #e5e5df;background:rgba(255,254,250,.94);backdrop-filter:blur(14px)}.topbar-inner{max-width:1120px;height:100%;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--green-dark);color:#f1c76c;font:800 21px Georgia}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{color:var(--muted);font-size:11px}.top-actions{display:flex;gap:9px}.soft-btn,.primary-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;font-weight:800}.soft-btn{background:var(--mint);color:var(--green-dark)}.primary-btn{background:var(--green);color:#fff;box-shadow:0 10px 24px #0b745f29}.outline-btn{border:1px solid #b9cec6;background:#fff;color:var(--green-dark)}main{max-width:1120px;margin:auto;padding:22px}.hero{position:relative;overflow:hidden;padding:54px 55px;border:1px solid #d8e8e1;border-radius:32px;background:radial-gradient(circle at 12% 15%,#f0d58a66,transparent 25%),linear-gradient(125deg,#eef8f4,#fffdf6);box-shadow:var(--shadow)}.hero:after{content:"中文";position:absolute;left:35px;bottom:-18px;color:#0b745f0d;font:900 150px/1 Georgia}.eyebrow,.section-title span,.card-label{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:1px}.hero h1{max-width:720px;margin:13px 0 14px;font-size:46px;line-height:1.35}.hero p{max-width:700px;margin:0;color:var(--muted);font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:11px;margin-top:28px}.hero-proof{display:flex;gap:9px;margin-top:28px;flex-wrap:wrap}.hero-proof span{padding:8px 12px;border:1px solid #d9e8e2;border-radius:999px;background:#ffffffaa;color:#48665e;font-size:12px}.daily{position:relative;z-index:2;margin:-15px 35px 38px;padding:22px 26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 36px #183f3514;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.daily small,.daily strong,.daily span{display:block}.daily small{color:var(--gold);font-weight:800}.daily strong{margin:4px 0;font-size:27px}.daily span{color:var(--muted)}.speak{width:52px;height:52px;border:0;border-radius:50%;background:var(--mint);color:var(--green);font-size:22px;cursor:pointer}.section{margin:58px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-title h2{margin:6px 0 0;font-size:30px}.section-title p{margin:0;color:var(--muted)}.goal-grid,.course-grid,.guide-grid,.opportunity-grid{display:grid;gap:14px}.goal-grid{grid-template-columns:repeat(5,1fr)}.goal-card{min-height:145px;padding:20px;border:1px solid var(--line);border-radius:21px;background:#fff;transition:.2s}.goal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.goal-card b{display:grid;width:37px;height:37px;place-items:center;border-radius:12px;background:var(--mint);color:var(--green)}.goal-card strong{display:block;margin:15px 0 6px}.goal-card span{color:var(--muted);font-size:12px;line-height:1.6}.course-grid{grid-template-columns:1.25fr 1fr 1fr}.course-card{position:relative;min-height:245px;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;display:flex;flex-direction:column}.course-card.featured{border-color:#9fcbbd;background:linear-gradient(145deg,#e8f5f0,#fffefa)}.course-card h3{margin:14px 0 8px;font-size:24px}.course-card p{margin:0;color:var(--muted);line-height:1.75}.course-card ul{padding:0;margin:17px 0;list-style:none;color:#45635b;font-size:13px}.course-card li{margin:5px 0}.course-card footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.course-card footer strong{color:var(--green)}.soon{padding:5px 9px;border-radius:999px;background:#f4ead4;color:#95691f;font-size:11px;font-weight:800}.guide-grid{grid-template-columns:repeat(3,1fr)}.guide-card{padding:22px;border-radius:21px;background:#fff;border:1px solid var(--line)}.guide-icon{font-size:26px}.guide-card h3{margin:13px 0 8px}.guide-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.guide-card a{display:inline-block;margin-top:15px;color:var(--green);font-weight:800;font-size:13px}.opportunity-wrap{padding:32px;border-radius:28px;background:linear-gradient(125deg,#0a5d4e,#0c8068);color:#fff}.opportunity-wrap .section-title{margin-top:0}.opportunity-wrap .section-title span{color:#f0ca77}.opportunity-wrap .section-title p{color:#d3e6df}.opportunity-grid{grid-template-columns:repeat(3,1fr)}.opportunity-card{padding:22px;border:1px solid #ffffff35;border-radius:20px;background:#ffffff12}.opportunity-card h3{margin:10px 0}.opportunity-card p{margin:0;color:#dcebe6;font-size:13px;line-height:1.7}.opportunity-note{margin:18px 0 0;color:#cee3dc;font-size:12px}.teacher{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:31px;border:1px solid #dfd5bd;border-radius:26px;background:#fffdf8}.teacher h2{margin:7px 0 9px}.teacher p{margin:0;color:var(--muted);line-height:1.8}.bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;height:70px;border-top:1px solid #e0e5e2;background:rgba(255,255,253,.96);backdrop-filter:blur(14px);display:none;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:grid;place-content:center;text-align:center;color:#71807b;font-size:11px;gap:3px}.bottom-nav a i{font-style:normal;font-size:19px}.bottom-nav a.active{color:var(--green);font-weight:900}.page-hero{padding:35px;border-radius:26px;background:linear-gradient(125deg,#edf8f3,#fffdf7);border:1px solid var(--line)}.page-hero h1{margin:7px 0;font-size:36px}.page-hero p{margin:0;color:var(--muted)}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.list-card{padding:23px;border:1px solid var(--line);border-radius:21px;background:#fff}.list-card h2{margin:8px 0;font-size:22px}.list-card p{color:var(--muted);line-height:1.7}.list-card ul{padding-right:20px;color:#456158;line-height:1.9}.notice{margin-top:20px;padding:17px 20px;border-radius:16px;background:#f6edd9;color:#745522;font-size:13px;line-height:1.7}
@media(max-width:760px){body{font-size:17px}.topbar{height:62px}.topbar-inner{padding:0 14px}.brand-mark{width:38px;height:38px;font-size:18px}.brand strong{font-size:16px}.brand small{display:none}.top-actions .outline-btn{display:none}.soft-btn{padding:10px 13px;font-size:14px}main{padding:12px}.hero{padding:31px 23px;border-radius:24px}.hero h1{font-size:34px}.hero p{font-size:17px}.hero-actions{display:grid;grid-template-columns:1.1fr .9fr}.hero-actions a{padding:13px 8px;font-size:15px}.hero-proof{margin-top:22px}.hero-proof span{font-size:14px}.hero:after{font-size:88px}.daily{margin:-9px 12px 31px;padding:17px}.daily strong{font-size:23px}.daily span{font-size:14px}.section{margin:42px 0}.section-title{display:block}.section-title h2{font-size:27px}.section-title p{margin-top:6px;font-size:15px}.goal-grid{display:flex;overflow-x:auto;margin-left:-12px;padding-left:45px;scroll-snap-type:x mandatory}.goal-card{flex:0 0 48%;min-height:145px;padding:18px;scroll-snap-align:start}.goal-card span,.guide-card p,.course-card p{font-size:15px}.course-grid,.guide-grid,.opportunity-grid,.list-grid{grid-template-columns:1fr}.course-card{min-height:215px}.opportunity-wrap{padding:25px 18px;border-radius:23px}.teacher{display:block;padding:24px}.teacher .primary-btn{margin-top:18px;width:100%}.bottom-nav{display:grid}.bottom-nav a{font-size:13px}.page-hero{padding:27px 22px}.page-hero h1{font-size:31px}}