.lazy-course{--ink:#263e36;--muted:#586a61;--green:#35694e;--line:#dce6db;--cream:#fcfaf3;color:var(--ink);font-family:system-ui,"Microsoft YaHei",sans-serif;line-height:1.85;font-size:17px;max-width:1100px;margin:0 auto;overflow-wrap:anywhere}.lazy-course *{box-sizing:border-box}.lazy-course h1,.lazy-course h2,.lazy-course h3{color:#234536;line-height:1.4;letter-spacing:-.02em}.lazy-course h1{font-size:clamp(32px,5.5vw,60px);margin:18px 0 22px}.lazy-course h2{font-size:clamp(24px,3.5vw,34px);margin:12px 0 22px}.lazy-course h3{font-size:21px;margin:0 0 12px}.lazy-course p{margin:12px 0 20px}.lazy-course a{color:#2f6548;text-underline-offset:4px}.lazy-course button,.lazy-course input{font:inherit}.lazy-course button,.lazy-course summary,.lazy-course a{touch-action:manipulation}.lazy-course a:focus-visible,.lazy-course button:focus-visible,.lazy-course input:focus-visible,.lazy-course summary:focus-visible{outline:3px solid #a95b20;outline-offset:4px}.lazy-hero{background:linear-gradient(135deg,#f9f0e2,#edf5eb);padding:clamp(24px,5vw,52px);border-radius:28px;border:1px solid #e0e6d7}.lazy-kicker{text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:700;color:#506b52}.lazy-lead{font-size:clamp(18px,2.5vw,22px);line-height:1.9}.lazy-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.lazy-pills span{font-size:13px;padding:7px 12px;border:1px solid #b7cdb8;border-radius:50px;background:#ffffffa6;color:#36513c}.lazy-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.lazy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#35694e;color:#fff!important;border:1px solid #35694e;border-radius:12px;padding:12px 20px;text-decoration:none;cursor:pointer;font-weight:650;line-height:1.55}.lazy-button:hover{background:#274e39}.lazy-button:disabled{opacity:.6;cursor:wait}.lazy-button-light{background:#fffdf7;color:#315b42!important;border-color:#8ca691}.lazy-button-light:hover{background:#edf3e8}.lazy-small,.lazy-course figcaption{font-size:13px;color:#56675d;line-height:1.8}.lazy-figure{margin:26px 0}.lazy-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:1px solid #dfe5d8;border-radius:18px;background:#fcfaf3}.lazy-figure figcaption{margin-top:10px}.lazy-section{padding:35px 0}.lazy-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lazy-choice{padding:16px;border:1px solid var(--line);border-radius:20px;background:#fffdf8;min-width:0}.lazy-choice .lazy-figure{margin:0 0 20px}.lazy-choice .lazy-figure img{aspect-ratio:1.6;object-fit:cover;object-position:top}.lazy-choice p{font-size:15px}.lazy-soft{background:#f4f5ed;border-radius:22px;padding:30px}.lazy-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lazy-days b{font-size:21px;color:#3b5c45}.lazy-days p{font-size:15px}.lazy-chapter{border:1px solid var(--line);border-radius:16px;margin:12px 0;background:#fff}.lazy-chapter summary{display:flex;align-items:flex-start;gap:18px;cursor:pointer;padding:20px;list-style:none}.lazy-chapter summary>b{background:#edf3e7;border-radius:12px;padding:9px 13px;color:#406444}.lazy-chapter summary>span{flex:1;font-size:19px;font-weight:650}.lazy-chapter small{display:block;font-size:13px;font-weight:400;color:#5b6b5c;margin-top:6px}.lazy-chapter em{font-size:13px;font-style:normal;white-space:nowrap}.lazy-chapter ol{margin:0;padding:0 28px 24px 70px}.lazy-chapter li{padding:8px 0}.lazy-note{background:#edf5eb;border-left:4px solid #648961;padding:20px;margin:30px 0}.lazy-lesson{max-width:960px}.lazy-lesson>header{padding:25px 0}.lazy-lesson>header h1{font-size:clamp(29px,4vw,43px)}.lazy-details{border:1px solid #d8e3d5;border-radius:16px;margin:24px 0;background:#f9fbf5}.lazy-details summary{padding:16px 20px;font-weight:650;cursor:pointer;color:#35573e}.lazy-details>p,.lazy-details>div,.lazy-details>ol{margin:0;padding:0 22px 22px}.lazy-details ol{padding-left:46px}.lazy-steps{margin:35px 0}.lazy-step{display:flex;gap:18px;margin:16px 0;padding:24px;border:1px solid #dfe5db;border-radius:18px;background:#fff}.lazy-step:nth-of-type(even){background:#fcfaf4}.lazy-step-n{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8efdf;color:#42643d;font-weight:700}.lazy-step>div{min-width:0}.lazy-step p{margin-bottom:0}.lazy-copybox{padding:20px;background:#f4f4ed;border:1px solid #dbded0;border-radius:16px}.lazy-copybox pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:15px;line-height:1.9;color:#303e32;margin:0 0 18px;max-height:600px;overflow:auto}.lazy-copy-status{display:block;font-size:13px;margin-top:8px}.lazy-details .lazy-copybox{margin:0 18px 18px}.lazy-demo{border:1px solid #d7e1d4;background:#fff;border-radius:20px;padding:22px;margin:28px 0}.lazy-demo iframe{width:100%;height:640px;border:1px solid #d9dfd2;border-radius:15px;background:#fafaf6}.lazy-demo-grid{display:grid;grid-template-columns:1fr;gap:10px}.lazy-check{background:#eef6ed;border:1px solid #d8e7d1;border-radius:20px;padding:26px;margin:30px 0}.lazy-check ul{list-style:none;padding:0}.lazy-check li{padding:9px 0 9px 30px;position:relative}.lazy-check li:before{content:'✓';position:absolute;left:0;font-weight:750;color:#3e7149}.lazy-challenge{padding:25px;background:#fff4e6;border:1px solid #ecd9ba;border-radius:18px;margin:28px 0}.lazy-challenge>span{font-size:13px;font-weight:750;letter-spacing:1px;color:#85562b}.lazy-challenge p{margin-bottom:0}.lazy-teacher{border:1px solid #d9d5ea;background:#f6f3fc;border-radius:22px;padding:26px;margin:32px 0}.lazy-teacher .lazy-button{margin-top:20px}.lazy-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:28px 0;margin-top:35px}.lazy-review{padding:10px 16px;background:#f5ead4;border:1px solid #dec69a;font-size:13px;color:#664c22;border-radius:10px}.lazy-quiz{padding:25px 0}.lazy-quiz fieldset{border:1px solid #dce4d8;border-radius:16px;padding:20px;margin:22px 0;background:#fff}.lazy-quiz legend{font-weight:700;padding:0 8px;color:#264e37;max-width:100%}.lazy-quiz label{display:flex;gap:12px;align-items:flex-start;padding:12px;margin:6px 0;background:#f7f8f3;border-radius:10px;cursor:pointer}.lazy-quiz input[type=radio]{margin-top:8px;flex-shrink:0;accent-color:#3c6c4e}.lazy-result-score{font-size:48px;font-weight:750;color:#366849}.lazy-result-item{padding:18px;border:1px solid #e4dfd3;border-radius:13px;margin:13px 0;background:#fffaf0}.lazy-result-item.is-correct{background:#f2f8ee;border-color:#d4e4cc}.lazy-result-item h3{font-size:17px}.lazy-result-item p{font-size:15px;margin:7px 0}.lazy-completion{border-radius:24px;padding:28px;background:linear-gradient(135deg,#fcf2db,#e9f2e7);margin:30px 0}.lazy-completion input[type=text]{display:block;width:100%;max-width:360px;border:1px solid #aabda4;border-radius:12px;padding:11px 14px;margin:10px 0 20px;background:#fffefa}.lazy-card-preview{padding:50px 24px;text-align:center;background:#fffdf4;border:1px solid #ccb882;border-radius:20px;margin:28px 0}.lazy-card-preview>span{font-size:14px;letter-spacing:3px;color:#816a34}.lazy-card-preview h3{font-size:30px;margin:25px 0}.lazy-course canvas{width:100%;height:auto;display:block;border-radius:20px;margin:25px 0;box-shadow:0 20px 50px #6d725122}.lazy-confetti{position:fixed;pointer-events:none;width:9px;height:13px;top:-20px;z-index:10000;animation:lazy-fall 2.8s ease-in forwards}.lazy-score-ring{width:100px;height:100px;display:grid;place-items:center;border-radius:50%;border:2px solid #afbd8c;background:#fffdf5;margin:20px auto;color:#42674b;font-size:32px;font-weight:750}@keyframes lazy-fall{to{transform:translateY(100vh) rotate(480deg);opacity:.1}}@media(prefers-reduced-motion:reduce){.lazy-confetti{display:none}.lazy-course *{scroll-behavior:auto!important}}@media(max-width:700px){.lazy-choices,.lazy-days{grid-template-columns:1fr}.lazy-course{font-size:16px}.lazy-hero{padding:24px 20px;border-radius:18px}.lazy-section{padding:25px 0}.lazy-soft{padding:24px 20px}.lazy-step{padding:18px 15px;gap:12px}.lazy-step-n{flex-basis:30px;height:30px}.lazy-chapter summary{gap:12px;padding:16px}.lazy-chapter summary>span{font-size:17px}.lazy-chapter ol{padding-left:50px;padding-right:18px}.lazy-demo{padding:16px}.lazy-demo iframe{height:620px}.lazy-teacher,.lazy-check,.lazy-completion{padding:20px}.lazy-copybox{padding:16px}.lazy-button{padding:12px 16px}.lazy-course h3{font-size:19px}.lazy-quiz fieldset{padding:16px 12px}.lazy-quiz label{padding:11px 8px}}
.lazy-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.lazy-hero-copy{min-width:0}.lazy-hero>.lazy-figure{margin:0}.lazy-hero h1{font-size:clamp(32px,4.3vw,53px)}.lazy-reference-output{margin:24px 0;padding:20px;background:#f4f5ee;border:1px solid #d9e0d1;border-radius:16px}.lazy-reference-output pre{white-space:pre-wrap;font-size:16px;color:#33503d}@media(max-width:700px){.lazy-hero{grid-template-columns:1fr;gap:20px}.lazy-hero>.lazy-figure{order:-1}.lazy-hero h1{font-size:34px}}
.lazy-game-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lazy-game-assets>article{min-width:0;border:1px solid #dfe4d7;border-radius:18px;padding:14px;background:#fffdf7}.lazy-game-assets .lazy-figure{margin:0 0 15px}.lazy-game-assets .lazy-details{margin-bottom:0}.lazy-game-assets summary{font-size:14px}.lazy-game-assets pre{font-size:12px;max-height:220px}@media(max-width:700px){.lazy-game-assets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lazy-feature-search{display:block;color:#3d5945;margin:20px 0}.lazy-feature-search input{display:block;width:100%;padding:13px 16px;border:1px solid #9cb197;border-radius:12px;margin-top:8px;background:#fffdf7}.lazy-function-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lazy-feature{border:1px solid #d9e2d3;border-radius:14px;padding:16px;background:#f8faf4;min-width:0}.lazy-feature summary{cursor:pointer;font-weight:650}.lazy-feature p{font-size:15px}.lazy-function-list [hidden]{display:none!important}.lazy-feature a{font-size:14px}.lazy-course .lazy-hero h1{font-size:clamp(32px,4.3vw,53px)}@media(max-width:700px){.lazy-function-list{grid-template-columns:1fr}.lazy-course .lazy-hero h1{font-size:34px}}

@media(max-width:700px){body:has(.lazy-course) .acy-quick-contact{position:static!important;display:flex;justify-content:flex-end;inset:auto!important;width:auto;margin:20px 16px;transform:none!important;}}
