:root{--ink:#3d3540;--muted:#746b76;--paper:#fffdf8;--cream:#f4efe6;--purple:#7d68a6;--purple-dark:#584477;--rose:#c98e92;--sage:#8aa694;--gold:#d8a84b;--blue:#6e94aa;--line:#ded4c8;--shadow:0 18px 50px rgba(71,55,66,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif;line-height:1.75}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}button{font:inherit}.hero{min-height:550px;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:6rem max(6vw,2rem);overflow:hidden;background:radial-gradient(circle at 85% 15%,#f6d5d6 0 7%,transparent 7.2%),radial-gradient(circle at 12% 88%,#dce8df 0 12%,transparent 12.2%),linear-gradient(125deg,#fffaf1,#f3ecf7)}.hero__copy{max-width:780px}.eyebrow,.kicker{color:var(--purple);font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(3rem,7vw,6.6rem);line-height:1.03;margin:.55rem 0 1.5rem;letter-spacing:-.05em}.hero h1 em{color:var(--rose);font-family:Georgia,serif;font-style:italic}.hero__copy>p{font-size:clamp(1.15rem,2vw,1.5rem);max-width:720px}.hero__route{display:flex;gap:.8rem;align-items:center;margin-top:2rem;font-weight:800;color:var(--purple-dark)}.hero__route span{border-bottom:3px solid var(--gold)}.hero__visual{position:relative;min-height:360px}.hi-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-5deg);width:230px;height:230px;border-radius:48% 52% 47% 53%;display:grid;place-items:center;background:var(--purple);color:#fff;font:900 6rem/1 Georgia,serif;box-shadow:20px 22px 0 #e3bf7b}.hi-mark span{color:#ffe3a6}.orbit{position:absolute;padding:.7rem 1.1rem;border-radius:50px;background:#fff;box-shadow:var(--shadow);font-weight:800}.orbit--one{top:8%;left:4%;color:var(--purple)}.orbit--two{right:0;top:25%;color:#a46166}.orbit--three{left:8%;bottom:8%;color:#547b65}.tabs-wrap{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.tabs{max-width:1260px;margin:auto;display:flex;overflow:auto;padding:.7rem}.tabs button{flex:1;min-width:max-content;border:0;background:transparent;padding:.9rem 1.1rem;color:var(--muted);font-weight:800;border-radius:12px;cursor:pointer}.tabs button[aria-selected="true"]{background:var(--purple);color:#fff}main{max-width:1260px;margin:auto;padding:4rem 2rem 7rem}.panel{animation:appear .35s ease}.panel[hidden]{display:none}@keyframes appear{from{opacity:0;transform:translateY(8px)}}.section-head{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;margin-bottom:2.5rem}.section-no{font:900 5rem/1 Georgia,serif;color:#e3d7e5}.section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin:.3rem 0}.section-head p{margin:0}.lead{font-size:1.2rem;max-width:930px;color:var(--muted);margin:-1rem 0 3rem}.radial-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:950px;margin:2rem auto 4rem}.radial-map__center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--purple-dark);color:#fff;border:12px solid #eee6f1}.radial-map__center strong{font-size:1.7rem}.radial-map__center span{font-size:.9rem}.radial-map article{min-height:190px;padding:2rem;display:flex;flex-direction:column;justify-content:center;border-radius:40px 12px;background:#f3edf5}.radial-map article:nth-of-type(even){text-align:right;background:#eef3ec}.radial-map article b{font:800 1.45rem Georgia,serif;color:var(--purple-dark)}.radial-map article span{max-width:280px}.radial-map article:nth-of-type(even) span{margin-left:auto}.interface-grid,.gallery{display:grid;gap:1.5rem}.interface-grid{grid-template-columns:1fr 1fr;margin:3rem 0}.slide-shot{margin:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:.65rem}.slide-shot img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#f5f1e8}.slide-shot button{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}.slide-shot figcaption{padding:.65rem .4rem .2rem;color:var(--muted);font-size:.92rem}.decision-path{margin-top:4rem;padding:3rem;background:var(--cream);border-radius:40px 8px}.decision-path h3,.teacher-moves h3,.ending-flow h3{font-size:1.8rem;margin-top:0}.decision-path ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.decision-path li{display:flex;gap:1rem;background:#fff;padding:1.2rem;border-radius:16px}.decision-path li>span{font:900 2.2rem/1 Georgia,serif;color:var(--rose)}.decision-path p{margin:.3rem 0 0;color:var(--muted)}.staircase{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:end;margin:3rem 0 4rem}.staircase article{min-height:calc(230px + var(--step)*35px);padding:1.5rem;background:linear-gradient(160deg,#f0eaf4,#fff);border-top:8px solid var(--purple);display:flex;flex-direction:column;justify-content:flex-end}.staircase small{color:var(--rose);font-weight:900}.staircase b{font-size:1.5rem}.staircase span{color:var(--muted)}.staircase i{display:block;margin-top:1rem;color:var(--purple-dark);font-style:normal;font-weight:700}.gallery--four{grid-template-columns:repeat(4,1fr)}.gallery--three{grid-template-columns:repeat(3,1fr)}.split-feature,.relationship-map{margin:4rem 0;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:3rem;border-radius:8px 50px;background:#edf2ed}.split-feature h3,.relationship-map h3,.spotlight h3{font-size:2rem;line-height:1.3}.case-strip{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:1.5rem;align-items:center;margin:4rem 0;padding:2rem;background:#f1eaf3}.case-strip>div{padding:1rem}.case-strip>div>span{color:var(--rose);font-weight:900}.case-strip h3{font-size:1.6rem}.story-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.8rem;align-items:center;margin:3rem 0}.story-route article{min-height:210px;padding:1.5rem;border-radius:50% 50% 12px 12px;background:#f1ebf5;text-align:center}.story-route article:nth-of-type(even){background:#f8e8e7}.story-route article span{display:block;font:900 2.2rem Georgia,serif;color:var(--rose)}.story-route article b{font-size:1.3rem}.story-route i{font-size:1.8rem;color:var(--gold)}.spotlight{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;margin:4rem 0}.spotlight blockquote{font-size:1.4rem;color:var(--purple-dark);border-left:5px solid var(--gold);padding-left:1.2rem;margin-left:0}.teacher-moves{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:1rem;margin:4rem 0}.teacher-moves>div{padding:1.5rem;background:var(--cream);border-radius:10px}.teacher-moves b,.teacher-moves span{display:block}.teacher-moves b{font-size:1.25rem;color:var(--purple)}.lesson-constellation{position:relative;min-height:640px;max-width:900px;margin:0 auto 4rem}.constellation-center,.lesson-constellation article{position:absolute;border-radius:50%;display:grid;place-content:center;text-align:center}.constellation-center{width:240px;height:240px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--purple-dark);color:#fff;box-shadow:0 0 0 18px #eee7f2}.constellation-center b{font-size:1.6rem}.constellation-center span,.lesson-constellation article span{font-size:.9rem}.lesson-constellation article{width:180px;height:180px;padding:1rem;background:#f1ebf5}.lesson-constellation article b{font-size:1.25rem;color:var(--purple-dark)}.lesson-constellation article:nth-of-type(1){left:3%;top:4%}.lesson-constellation article:nth-of-type(2){left:40%;top:0;background:#f6e5e4}.lesson-constellation article:nth-of-type(3){right:2%;top:13%;background:#edf2ed}.lesson-constellation article:nth-of-type(4){right:6%;bottom:5%}.lesson-constellation article:nth-of-type(5){left:38%;bottom:0;background:#f8efd9}.lesson-constellation article:nth-of-type(6){left:0;bottom:13%;background:#e7f0f4}.relationship-map{background:#f1eaf3}.relationship-map ul{padding-left:1.2rem}.ending-flow{padding:3rem;background:var(--purple-dark);color:#fff;text-align:center;margin:4rem 0}.ending-flow div{display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap}.ending-flow span{padding:.7rem 1rem;border:1px solid #b9acd1}.ending-flow b{color:#f5c56c}footer{text-align:center;background:#3f3547;color:#fff;padding:4rem 2rem}footer p{font-size:1.8rem;margin:.2rem}footer span{color:#cfc3d4}dialog{width:min(95vw,1400px);border:0;padding:2.5rem;background:#1f1b21;box-shadow:0 30px 80px #0008}dialog::backdrop{background:#19151ccc}dialog img{width:100%;display:block}.lightbox-close{position:absolute;right:.4rem;top:.1rem;border:0;background:none;color:#fff;font-size:2.5rem;cursor:pointer}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero__visual{display:none}.radial-map__center{position:static;transform:none;grid-column:1/-1;margin:auto}.decision-path ol,.gallery--four{grid-template-columns:1fr 1fr}.staircase{grid-template-columns:1fr 1fr}.staircase article{min-height:220px}.story-route{grid-template-columns:1fr 1fr}.story-route i{display:none}.teacher-moves{grid-template-columns:1fr 1fr}.teacher-moves h3{grid-column:1/-1}.case-strip{grid-template-columns:1fr 1fr}.case-strip>div{grid-column:1/-1}.lesson-constellation{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:auto}.constellation-center,.lesson-constellation article{position:static;transform:none;width:auto;height:auto;min-height:170px;border-radius:20px}.constellation-center{grid-column:1/-1}.interface-grid,.split-feature,.spotlight,.relationship-map{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:3rem 1rem}.hero{padding:4rem 1.2rem}.hero h1{font-size:3.4rem}.hero__route{align-items:flex-start;flex-direction:column}.hero__route b{display:none}.section-head{grid-template-columns:1fr}.section-no{font-size:3rem}.radial-map,.decision-path ol,.gallery--four,.gallery--three,.staircase,.interface-grid,.story-route,.teacher-moves,.case-strip,.lesson-constellation{grid-template-columns:1fr}.radial-map article:nth-of-type(even){text-align:left}.radial-map article:nth-of-type(even) span{margin-left:0}.decision-path,.split-feature,.relationship-map{padding:1.5rem}.spotlight{gap:1rem}.teacher-moves h3,.case-strip>div,.constellation-center{grid-column:auto}.ending-flow{padding:2rem 1rem}}

.value-chain{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:2rem 0 3.5rem;padding:1.3rem;background:var(--purple-dark);color:#fff;border-radius:18px}.value-chain span{padding:.65rem 1rem;border:1px solid #b9acd1;border-radius:50px;font-weight:800}.value-chain b{color:#f5c56c}.feature-system{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin-bottom:4rem}.feature-system article{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;padding:1.8rem;border-radius:28px 8px;background:#f3edf5;border-top:6px solid var(--purple)}.feature-system article:nth-child(3n+2){background:#edf2ed;border-color:var(--sage)}.feature-system article:nth-child(3n){background:#f8eee5;border-color:var(--gold)}.feature-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--purple-dark);color:#fff;font:900 1.2rem Georgia,serif}.feature-system h3{margin:0 0 .7rem;font-size:1.45rem}.feature-system p{margin:.45rem 0;color:var(--muted)}.feature-system p b{color:var(--ink)}.interface-grid--single{grid-template-columns:1fr;max-width:950px;margin:3rem auto 4rem}.comparison-block,.start-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:center;margin:4rem 0;padding:2.5rem;border-radius:40px 8px;background:#f1eaf3}.start-block{grid-template-columns:.7fr 1.3fr;background:#edf2ed}.comparison-block h3,.start-block h3{font-size:2rem;line-height:1.3;margin:.3rem 0 1rem}.comparison-block .slide-shot img,.start-block .slide-shot img{aspect-ratio:auto}.cta{display:inline-flex;gap:1rem;align-items:center;margin-top:1rem;padding:.9rem 1.2rem;border-radius:50px;background:var(--purple-dark);color:#fff;text-decoration:none;font-weight:800}.cta span{color:#f5c56c}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:3rem 0}.resource-card{position:relative;min-height:340px;padding:2rem;display:flex;flex-direction:column;color:var(--ink);text-decoration:none;border-radius:32px 8px;background:linear-gradient(145deg,#f1eaf3,#fff);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover,.resource-card:focus-visible{transform:translateY(-7px);box-shadow:0 24px 55px rgba(71,55,66,.18)}.resource-card--video{background:linear-gradient(145deg,#f7ebe7,#fff)}.resource-card span{color:var(--purple);font-weight:900;letter-spacing:.08em}.resource-card h3{font-size:1.65rem;line-height:1.35;margin:.8rem 0}.resource-card p{color:var(--muted)}.resource-card b{margin-top:auto;color:var(--purple-dark)}.resource-note{margin-top:2rem;padding:2rem 2.4rem;border-left:8px solid var(--gold);background:var(--cream)}.resource-note p{margin:.35rem 0 0}
@media(max-width:900px){.feature-system,.comparison-block,.start-block{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr 1fr}.resource-card--blog{grid-column:1/-1;min-height:240px}}
@media(max-width:600px){.feature-system,.resource-grid{grid-template-columns:1fr}.feature-system article{grid-template-columns:1fr}.feature-icon{width:48px;height:48px}.comparison-block,.start-block{padding:1.4rem}.resource-card--blog{grid-column:auto}.value-chain{justify-content:flex-start}.value-chain b{display:none}}

.course-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:-.5rem 0 3rem}.course-brief div{padding:1.2rem 1.4rem;background:var(--cream);border-left:6px solid var(--rose)}.course-brief span,.course-brief b{display:block}.course-brief span{color:var(--purple);font-size:.88rem;font-weight:900;letter-spacing:.08em}.course-brief b{margin-top:.25rem}.abcde-flow{display:grid;gap:2rem;margin:3rem 0 4.5rem}.abcde-flow>article{display:grid;grid-template-columns:.8fr 1.2fr;gap:2.5rem;align-items:center;padding:2.2rem;border-radius:36px 8px;background:linear-gradient(135deg,#f3e9e8,#fff);border-left:10px solid var(--rose)}.abcde-flow>article:nth-child(even){grid-template-columns:1.2fr .8fr;background:linear-gradient(135deg,#edf2ed,#fff);border-left-color:var(--sage)}.abcde-flow>article:nth-child(even) .abcde-copy{order:2}.abcde-flow>article:nth-child(even) figure{order:1}.abcde-copy small{color:var(--rose);font-weight:900;letter-spacing:.1em}.abcde-copy h3{font:800 clamp(2.1rem,4vw,3.5rem)/1.05 Georgia,serif;color:var(--purple-dark);margin:.25rem 0}.abcde-copy h4{font-size:1.35rem;line-height:1.4;margin:.65rem 0}.abcde-copy p{color:var(--muted)}.abcde-copy>b{display:block;margin-top:1rem;color:var(--purple-dark)}.abcde-flow .slide-shot img{aspect-ratio:16/9;object-fit:contain}.abcde-flow>article:first-child .slide-shot img{aspect-ratio:auto}
.abcde-visuals{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.abcde-visuals .slide-shot{display:flex;flex-direction:column}.abcde-visuals .slide-shot button{margin:auto 0}.abcde-visuals .slide-shot figcaption{margin-top:auto}.abcde-visuals .slide-shot--use{border-top:6px solid var(--purple)}.abcde-flow>article:first-child .abcde-visuals .slide-shot--use img{aspect-ratio:16/9;object-fit:contain}
@media(max-width:900px){.course-brief{grid-template-columns:1fr}.abcde-flow>article,.abcde-flow>article:nth-child(even){grid-template-columns:1fr}.abcde-flow>article:nth-child(even) .abcde-copy,.abcde-flow>article:nth-child(even) figure{order:initial}}
@media(max-width:600px){.abcde-flow>article{padding:1.25rem;border-radius:22px 6px;gap:1.2rem}.abcde-copy h3{font-size:2.2rem}.abcde-copy h4{font-size:1.15rem}.abcde-visuals{grid-template-columns:1fr}}

.sequence-study{padding:2.5rem;background:linear-gradient(145deg,#ede8f5,#fff);border-radius:8px 42px;border-top:8px solid var(--purple)}.sequence-study__head{max-width:850px;margin-bottom:1.8rem}.sequence-study__head small{color:var(--rose);font-weight:900;letter-spacing:.1em}.sequence-study__head h3{font-size:2.2rem;margin:.25rem 0}.sequence-study__head p{color:var(--muted)}.sequence-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sequence-gallery .slide-shot{display:flex;flex-direction:column}.sequence-gallery .slide-shot figcaption{margin-top:auto}.reflection-finale{display:grid;grid-template-columns:.55fr 1.45fr;gap:2.5rem;align-items:center;margin:4.5rem 0 0;padding:2.5rem;background:#f1eaf3;border-radius:40px 8px}.reflection-finale h3{font-size:2.1rem;line-height:1.3;margin:.3rem 0 1rem}.reflection-finale .slide-shot img{aspect-ratio:auto}
@media(max-width:900px){.sequence-gallery{grid-template-columns:1fr 1fr}.sequence-gallery figure:last-child{grid-column:1/-1}.reflection-finale{grid-template-columns:1fr}}
@media(max-width:600px){.sequence-study,.reflection-finale{padding:1.3rem}.sequence-gallery{grid-template-columns:1fr}.sequence-gallery figure:last-child{grid-column:auto}}

.tool-choice-feature{display:grid;grid-template-columns:.62fr 1.38fr;gap:2.5rem;align-items:center;margin:0 0 4rem;padding:2.5rem;background:linear-gradient(145deg,#f1eaf3,#fff);border-radius:8px 42px;border-left:9px solid var(--purple)}.tool-choice-feature h3{font-size:2rem;line-height:1.3;margin:.3rem 0 1rem}.tool-choice-feature .slide-shot img{aspect-ratio:auto}
.fire-stage{margin:3rem 0;padding:2.4rem;background:#fff;border:1px solid var(--line);border-radius:10px 44px;box-shadow:var(--shadow)}.fire-stage:nth-of-type(even){background:linear-gradient(145deg,#f2edf6,#fff)}.fire-stage__copy{max-width:900px;margin-bottom:1.7rem}.fire-stage__copy>span{color:var(--rose);font-weight:900;letter-spacing:.1em}.fire-stage__copy h3{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.3;margin:.3rem 0 .8rem}.fire-stage__copy p{color:var(--muted)}.fire-pair,.fire-gallery{display:grid;gap:1.3rem;align-items:stretch}.fire-pair{grid-template-columns:1fr 1fr}.fire-gallery--three{grid-template-columns:repeat(3,1fr)}.fire-gallery--four{grid-template-columns:repeat(2,1fr)}.fire-stage .slide-shot{display:flex;flex-direction:column}.fire-stage .slide-shot figcaption{margin-top:auto}.fire-stage .slide-shot img{aspect-ratio:16/9;object-fit:contain}.fire-stage--opening .fire-pair figure:first-child img,.fire-pair--meaning figure:first-child img{aspect-ratio:auto}.fire-pair--meaning{grid-template-columns:1.05fr .95fr}.fire-pair--rewrite{grid-template-columns:1fr 1fr}.fire-stage--vocab{border-left:9px solid var(--gold)}.fire-stage--rewrite{background:linear-gradient(145deg,#eaf1ec,#fff);border-left:9px solid var(--sage)}
@media(max-width:900px){.tool-choice-feature,.fire-pair,.fire-pair--meaning,.fire-pair--rewrite{grid-template-columns:1fr}.fire-gallery--three,.fire-gallery--four{grid-template-columns:1fr 1fr}.fire-gallery--three figure:last-child{grid-column:1/-1}}
@media(max-width:600px){.tool-choice-feature,.fire-stage{padding:1.3rem}.fire-gallery--three,.fire-gallery--four{grid-template-columns:1fr}.fire-gallery--three figure:last-child{grid-column:auto}}

.game-principle{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin:2rem 0 3.5rem;padding:1.6rem;background:var(--purple-dark);color:#fff;border-radius:34px 8px}.game-principle div{min-width:210px;text-align:center}.game-principle span,.game-principle b{display:block}.game-principle span{color:#f5c56c;font-size:.9rem;font-weight:900;letter-spacing:.1em}.game-principle b{font-size:1.2rem}.game-principle i{font-style:normal;color:#f5c56c;font-size:1.8rem}.game-workflow{padding:2.6rem;background:linear-gradient(145deg,#f2edf6,#fff);border-radius:8px 44px;border-top:8px solid var(--purple)}.game-workflow__head{max-width:900px}.game-workflow__head h3,.game-demo h3{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.3;margin:.3rem 0 1rem}.game-steps{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.game-steps li{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.35rem;background:#fff;border:1px solid var(--line);border-radius:22px 6px}.game-steps li>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--purple-dark);color:#fff;font:900 1.15rem Georgia,serif}.game-steps h4{margin:0;font-size:1.25rem}.game-steps p{margin:.35rem 0 0;color:var(--muted)}.game-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}.text-link{color:var(--purple-dark);font-weight:900}.game-warning{margin-top:1.8rem;padding:1rem 1.3rem;background:#fff3d8;border-left:7px solid var(--gold)}.game-demo{display:grid;grid-template-columns:.65fr 1.35fr;gap:2.5rem;align-items:center;margin:4rem 0;padding:2.5rem;background:#edf2ed;border-radius:40px 8px}.game-demo video{display:block;width:100%;max-height:660px;background:#1f1b21;border-radius:12px;box-shadow:var(--shadow)}
.game-types{margin:4rem 0;padding:2.6rem;background:linear-gradient(145deg,#fff8eb,#fff);border-radius:44px 8px;border-left:9px solid var(--gold)}.game-types__head{max-width:920px}.game-types__head h3{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.3;margin:.3rem 0 1rem}.game-types__head>p:last-child{color:var(--muted)}.game-types__overview{margin:2rem 0}.game-types__overview img{aspect-ratio:auto}.game-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.game-type-card{padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:24px 6px;box-shadow:0 12px 30px rgba(71,55,66,.08)}.game-type-card:nth-child(3n+2){background:#f3edf5}.game-type-card:nth-child(3n){background:#edf2ed}.game-type-card>span{color:var(--purple);font-weight:900;letter-spacing:.06em}.game-type-card h4{margin:.25rem 0 1rem;font-size:1.7rem;color:var(--purple-dark)}.game-type-card div{padding:.8rem 0;border-top:1px dashed #d8cdd8}.game-type-card div b{color:var(--ink)}.game-type-card div p{margin:.25rem 0 0;color:var(--muted)}.game-type-card--custom{background:linear-gradient(145deg,#f9e8e5,#fff)}.game-type-card__tip{margin:1rem 0 0;padding:1rem;background:#fff7da;border-left:5px solid var(--gold);color:var(--muted)}
.game-type-card__play{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;margin-top:1.2rem;padding:1rem 1.1rem;color:var(--ink);text-decoration:none;background:#fff;border:1px solid #d8cdd8;border-left:6px solid var(--purple);border-radius:8px 20px;transition:transform .2s ease,box-shadow .2s ease}.game-type-card__play:hover,.game-type-card__play:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(71,55,66,.14)}.game-type-card__play span{grid-column:1/-1;color:var(--rose);font-size:.85rem;font-weight:900;letter-spacing:.08em}.game-type-card__play b{font-size:1.05rem}.game-type-card__play em{align-self:center;color:var(--purple-dark);font-style:normal;font-weight:900;white-space:nowrap}
@media(max-width:900px){.game-demo{grid-template-columns:1fr}.game-steps,.game-type-grid{grid-template-columns:1fr}}
@media(max-width:600px){.game-workflow,.game-demo,.game-types{padding:1.3rem}.game-principle{justify-content:flex-start}.game-principle i{display:none}.game-principle div{text-align:left}.game-steps li{grid-template-columns:1fr}.game-steps li>span{width:46px;height:46px}.game-type-card__play{grid-template-columns:1fr}.game-type-card__play span{grid-column:auto}.game-type-card__play em{white-space:normal}}
.custom-game-case{margin:4rem 0;padding:2.7rem;background:linear-gradient(145deg,#f0ecf5,#fff 54%,#edf3ee);border:1px solid var(--line);border-top:9px solid var(--sage);border-radius:10px 46px;box-shadow:var(--shadow)}.custom-game-case__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}.custom-game-case__head>div{max-width:940px}.custom-game-case__head h3{font-size:clamp(1.85rem,3vw,2.5rem);line-height:1.3;margin:.3rem 0 1rem}.custom-game-case__head p:last-child{color:var(--muted)}.custom-game-case__cta{white-space:nowrap}.custom-game-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin-top:2.2rem}.custom-game-gallery .slide-shot{display:flex;flex-direction:column;margin:0}.custom-game-gallery .zoom{background:#fff}.custom-game-gallery img{aspect-ratio:16/9;object-fit:contain;background:#f7f6f3}.custom-game-gallery figcaption{flex:1;margin-top:auto}.custom-game-gallery figcaption b{display:block;margin-bottom:.35rem;color:var(--purple-dark);font-size:1.08rem}.custom-game-case__try{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem;padding:1.4rem 1.6rem;background:var(--purple-dark);color:#fff;border-radius:28px 7px}.custom-game-case__try b{font-size:1.25rem}.custom-game-case__try p{margin:.25rem 0 0;color:#eee7f1}.custom-game-case__try .cta{flex:none;background:#fff;color:var(--purple-dark)}
@media(max-width:900px){.custom-game-case__head{grid-template-columns:1fr;align-items:start}.custom-game-gallery{grid-template-columns:1fr}.custom-game-case__head .cta{justify-self:start}.custom-game-case__try{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.custom-game-case{padding:1.3rem}.custom-game-case__head{gap:1rem}.custom-game-case__try{padding:1.2rem}.custom-game-case__try .cta{width:100%;justify-content:center}}
.ai-tutor-intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;align-items:stretch;margin:2rem 0 3.5rem}.ai-tutor-intro>div{padding:2rem;background:linear-gradient(145deg,#edf5f1,#fff);border-left:9px solid #72aaa4;border-radius:8px 34px}.ai-tutor-intro .lead{margin:0}.ai-tutor-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:1.5rem}.ai-tutor-intro aside{display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:1.8rem;background:var(--purple-dark);color:#fff;border-radius:34px 8px}.ai-tutor-intro aside b{font-size:1.25rem;color:#f5c56c}.ai-tutor-intro aside span{padding:.65rem .9rem;border:1px solid rgba(255,255,255,.28);border-radius:50px}.ai-tutor-features{margin:3.5rem 0;padding:2.6rem;background:linear-gradient(145deg,#f2edf6,#fff);border-radius:44px 8px;border-top:8px solid var(--purple)}.ai-tutor-features__head{max-width:900px}.ai-tutor-features__head h3,.ai-tutor-steps__head h3{font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.3;margin:.3rem 0 1rem}.ai-tutor-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.ai-tutor-feature-grid article{position:relative;padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:24px 7px;box-shadow:0 12px 28px rgba(71,55,66,.07)}.ai-tutor-feature-grid article:nth-child(even){background:#edf4f1}.ai-tutor-feature-grid article>span{display:grid;place-items:center;width:42px;height:42px;background:#72aaa4;color:#fff;border-radius:50%;font:900 1rem Georgia,serif}.ai-tutor-feature-grid h4{margin:.8rem 0 .5rem;font-size:1.25rem;color:var(--purple-dark)}.ai-tutor-feature-grid p{margin:0;color:var(--muted)}.ai-tutor-steps{margin:4rem 0}.ai-tutor-steps__head{max-width:920px;margin-bottom:2rem}.ai-tutor-steps__head>p:last-child{color:var(--muted)}.ai-tutor-step{display:grid;grid-template-columns:.72fr 1.28fr;gap:2rem;align-items:center;margin:1.4rem 0;padding:2rem;background:#fff;border:1px solid var(--line);border-radius:8px 36px;box-shadow:var(--shadow)}.ai-tutor-step:nth-of-type(odd){background:linear-gradient(145deg,#fff8eb,#fff)}.ai-tutor-step__copy>span{color:#5a9691;font-weight:900;letter-spacing:.12em}.ai-tutor-step__copy h4{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.3;margin:.35rem 0 .8rem}.ai-tutor-step__copy p{color:var(--muted)}.ai-tutor-step .slide-shot{margin:0}.ai-tutor-step .slide-shot img{max-height:660px;object-fit:contain}.ai-tutor-step--link{grid-template-columns:1fr auto;background:linear-gradient(145deg,#e8f3ef,#fff)}.ai-tutor-step__badge{display:grid;place-items:center;min-width:190px;min-height:150px;padding:1.2rem;text-align:center;background:#72aaa4;color:#fff;border-radius:50% 42% 48% 38%;font-weight:900;font-size:1.15rem}.ai-tutor-step--final{grid-template-columns:1fr}.ai-tutor-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.ai-tutor-gallery .slide-shot{display:flex;flex-direction:column}.ai-tutor-gallery .slide-shot figcaption{margin-top:auto}.ai-tutor-gallery .slide-shot img{aspect-ratio:16/9}.ai-tutor-note{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin:2.5rem 0;padding:1.4rem 1.6rem;background:#fff3d8;border-left:8px solid var(--gold);border-radius:4px 20px}.ai-tutor-note b{color:var(--purple-dark)}.ai-tutor-note p{margin:0;color:var(--muted)}
.ai-tutor-step figcaption small{display:block;margin-top:.45rem;color:#766d74;font-size:.82rem}
.ai-tutor-more{margin:4rem 0 1rem;padding:2.5rem;background:linear-gradient(145deg,#edf4f1,#fff);border-radius:44px 8px;border-left:9px solid #72aaa4}.ai-tutor-more>div:first-child{max-width:900px}.ai-tutor-more h3{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.3;margin:.3rem 0 .8rem}.ai-tutor-more>div:first-child>p:last-child{color:var(--muted)}.ai-tutor-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:2rem 0 0}.ai-tutor-more__grid .resource-card{min-height:280px}.ai-tutor-more__grid .resource-card:first-child{background:linear-gradient(145deg,#eef5df,#fff)}
@media(max-width:1000px){.ai-tutor-feature-grid{grid-template-columns:1fr 1fr}.ai-tutor-step{grid-template-columns:1fr}.ai-tutor-step--link{grid-template-columns:1fr auto}}
@media(max-width:760px){.ai-tutor-intro{grid-template-columns:1fr}.ai-tutor-feature-grid,.ai-tutor-gallery{grid-template-columns:1fr}.ai-tutor-step--link{grid-template-columns:1fr}.ai-tutor-step__badge{min-width:0;min-height:0;border-radius:24px 7px}.ai-tutor-note{grid-template-columns:1fr}}
@media(max-width:600px){.ai-tutor-intro>div,.ai-tutor-intro aside,.ai-tutor-features,.ai-tutor-step,.ai-tutor-more{padding:1.3rem}.ai-tutor-actions .cta{width:100%;justify-content:center}.ai-tutor-more__grid{grid-template-columns:1fr}}
.source-note{margin:-1rem 0 2.5rem;padding:.8rem 1.1rem;border-left:6px solid var(--gold);background:var(--cream);color:var(--muted);font-size:.95rem}
.nature-route{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:2rem 0 3.5rem;padding:1.3rem;background:#355f5d;color:#fff;border-radius:36px 8px}.nature-route span{padding:.6rem 1rem;border:1px solid #b8d8d0;border-radius:50px;font-weight:900}.nature-route b{color:#f5c56c}.nature-stage{margin:3rem 0;padding:2.4rem;border-radius:10px 44px;background:linear-gradient(145deg,#f5f7e5,#fff);border-left:9px solid #8eaa67}.nature-stage:nth-of-type(even){background:linear-gradient(145deg,#e9f4f5,#fff);border-left-color:#6ea8b9}.nature-stage__copy{max-width:920px;margin-bottom:1.7rem}.nature-stage__copy>span{color:#bc6f4b;font-weight:900;letter-spacing:.1em}.nature-stage__copy h3{font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.3;margin:.3rem 0 .8rem}.nature-stage__copy p{color:var(--muted)}.nature-stage__copy>b{display:block;margin-top:1rem;color:#355f5d}.nature-gallery{display:grid;gap:1.2rem;align-items:stretch}.nature-gallery--one{grid-template-columns:minmax(0,1fr);max-width:760px;margin-left:auto;margin-right:auto}.nature-gallery--two,.nature-gallery--four{grid-template-columns:repeat(2,1fr)}.nature-gallery--three{grid-template-columns:repeat(3,1fr)}.nature-gallery--follow{margin-top:1.2rem}.nature-gallery .slide-shot{display:flex;flex-direction:column}.nature-gallery .slide-shot figcaption{margin-top:auto}.nature-gallery .slide-shot img{aspect-ratio:16/9;object-fit:contain}.nature-stage--final{background:linear-gradient(145deg,#f7eadf,#fff);border-left-color:var(--gold)}
@media(max-width:900px){.nature-gallery--three{grid-template-columns:1fr 1fr}.nature-gallery--three figure:last-child{grid-column:1/-1}}
@media(max-width:600px){.nature-stage{padding:1.3rem}.nature-gallery--two,.nature-gallery--three,.nature-gallery--four{grid-template-columns:1fr}.nature-gallery--three figure:last-child{grid-column:auto}.nature-route{justify-content:flex-start}.nature-route b{display:none}}