html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:sans-serif;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}img{display:block;width:100%}svg{width:100%;height:100%;fill:currentColor}header{background-color:#fff;box-shadow:0 4px 12px #0000000f;padding:16px 0;position:sticky;top:0;z-index:100}header .header-container{display:flex;justify-content:space-between;align-items:center}header .logo-group{display:flex;align-items:center;gap:12px;text-decoration:none}header .logo-icon{overflow:hidden;width:40px;height:40px;text-align:center;line-height:40px;font-size:2rem;color:#fff;border-radius:10px;background-color:transparent}header .logo-text{font-size:1.6rem;font-weight:900;color:var(--primary-color, #16a34a);letter-spacing:1px}header .header-right{z-index:1;display:flex;align-items:center;gap:20px}header .header-right .header-badge{background-color:#f0fdf4;color:var(--primary-color);padding:8px 16px;border-radius:30px;font-size:.95rem;font-weight:700;border:2px solid #bbf7d0}header .header-right .icon-wrap.globe{color:#16a34a}header .header-right .language-switcher{cursor:pointer;position:relative}header .header-right .language-switcher .language-dropdown{display:none}header .header-right .language-switcher .language-dropdown.show{z-index:11;display:flex;flex-direction:column;position:absolute;top:56px;right:-30px;min-width:110px;max-height:300px;border:1px solid #ddd;background-color:#fff;box-shadow:0 5px 10px #0000001a;scrollbar-width:thin;scrollbar-color:#80939b #f1f1f1}header .header-right .language-switcher .language-dropdown.show a{line-height:60px;text-align:center;color:#333}header .header-right .language-switcher .language-dropdown.show a:hover,header .header-right .language-switcher .language-dropdown.show a.curr{color:#111;background-color:#f0f0f0}header .header-right .icon-wrap{width:26px;height:26px;color:#fff}footer{margin-top:50px;padding:40px 0 0;background-color:#e7e5e4;color:var(--text-muted, #57534e);font-size:.95rem}footer .copyright{text-align:center}footer .footer-bottom{margin-top:30px;text-align:center;border-top:1px solid #000;padding-top:12px;padding-bottom:12px}footer .footer-bottom .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:36px;list-style:none;padding:0;font-size:18px}footer .footer-bottom .footer-links li a{color:#57534e;text-decoration:none}footer .footer-bottom .footer-links li a:hover{text-decoration:underline}@media(max-width:768px){header{position:static}header .header-right .header-badge{display:none}header .header-right .language-switcher .language-dropdown.show{right:-10px}header .header-right .icon-wrap{width:26px;height:26px}footer .footer-bottom .footer-links{gap:18px}}:root{--bg-color: #f5f5f4;--text-main: #292524;--text-muted: #57534e;--primary-color: #16a34a;--primary-hover: #15803d;--card-bg: #ffffff;--font-base: 18px;--color-memory: #3b82f6;--color-focus: #10b981;--color-judge: #f59e0b;--color-calc: #8b5cf6;--color-lang: #ec4899}body{font-family:Arial,Helvetica,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--text-main);background-color:var(--bg-color)}.container{max-width:1000px;margin:0 auto;padding:0 20px}.cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cut-3{overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ad-box{background-color:#edf2f7;border:1px dashed #cbd5e0}.ad-box .ad-title{font-size:16px;line-height:1.5;text-align:center}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.training-card{background-color:#fff;border-radius:16px;padding:30px 24px;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-align:center;box-shadow:0 4px 6px #00000005;position:relative;overflow:hidden}.training-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000014;border-color:#e5e7eb}.training-card:hover .card-icon{transform:scale(1.1)}.training-card h3{font-size:1.25rem;margin-bottom:12px;font-weight:700;color:var(--text-main)}.training-card p{font-size:.95rem;color:var(--text-muted);margin-bottom:28px;line-height:1.6;flex-grow:1;overflow:hidden;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-icon{overflow:hidden;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 20px;background-color:#f3f4f6;transition:transform .3s ease}.breadcrumb-container{background-color:#fff;padding:12px 0;font-size:.9rem;color:var(--text-muted);border-bottom:1px solid #e7e5e4}.breadcrumb-container a{color:var(--primary-color);text-decoration:none}.breadcrumb-container a:hover{text-decoration:underline}.stage-section{background-color:#1e293b;padding:40px 20px;background-image:radial-gradient(circle at center,#334155,#0f172a)}.game-stage{background-color:#fff;max-width:700px;margin:0 auto;border-radius:20px;height:550px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006;position:relative;overflow:hidden}.game-stage.is-loaded .loading-wrap{opacity:0;pointer-events:none;visibility:hidden}.game-stage .loading-wrap{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ffffffeb,#ffffffc7 55%,#f0fdf4db),#fff;transition:opacity .35s ease,visibility .35s ease}.game-stage .loading-wrap .loading{position:relative;width:76px;height:76px;border-radius:50%;background:conic-gradient(from 0deg,var(--primary-color) 0 26%,rgba(22,163,74,.16) 26% 100%);animation:game-loading-spin .9s linear infinite}.game-stage .loading-wrap .loading:before{content:"";position:absolute;inset:8px;border-radius:50%;background-color:#fff;box-shadow:inset 0 0 0 1px #16a34a14}.game-stage .loading-wrap .loading:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 0 0 10px #16a34a1f;transform:translate(-50%,-50%);animation:game-loading-pulse 1.2s ease-in-out infinite}.game-stage iframe{width:100%;height:100%}@keyframes game-loading-spin{to{transform:rotate(360deg)}}@keyframes game-loading-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(.82)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.game-stage .loading-wrap,.game-stage .loading{transition:none;animation:none}}.details-section{padding:70px 20px;background-color:#fff}.details-grid{display:grid;grid-template-columns:1fr;gap:50px}.details-grid h2{font-size:1.6rem;margin-bottom:30px;color:var(--text-main);border-bottom:3px solid var(--color-memory);padding-bottom:10px;display:inline-block}.steps-list{list-style:none;padding:0}.steps-list li{display:flex;margin-bottom:25px;align-items:flex-start}.step-num{flex-shrink:0;width:36px;height:36px;background-color:#eff6ff;color:var(--color-memory);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-right:15px;margin-top:2px;border:2px solid var(--color-memory)}.step-text strong{display:block;font-size:1.15rem;margin-bottom:6px;color:var(--text-main)}.step-text p{color:var(--text-muted);font-size:1rem;line-height:1.6}.science-card{background-color:#f8fafc;border-radius:16px;padding:30px;display:flex;gap:20px;border:1px solid #e2e8f0;flex-direction:column}.science-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--color-memory)}.science-card p{color:var(--text-muted);font-size:1rem;line-height:1.7}.science-icon{font-size:3.5rem;flex-shrink:0;background-color:#fff;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 10px #0000000d}.cross-promo-section{background-color:var(--bg-color);padding:70px 20px;border-top:1px solid #e7e5e4}.cross-promo-section .training-card{text-decoration:none;color:inherit}.cross-promo-section .training-card:hover .btn-card{background-color:var(--text-main);color:#fff;border-color:var(--text-main)}.section-title{text-align:center;font-size:1.7rem;margin-bottom:40px;font-weight:700}.training-grid{grid-template-columns:repeat(2,1fr)}.btn-card{background-color:transparent;border:2px solid #e2e8f0;border-radius:30px;padding:10px;font-weight:700;color:var(--text-muted);transition:all .2s}@media(min-width:500px){.science-card{flex-direction:row}}@media(min-width:768px){.details-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){main .container{padding:0}.stage-section{padding:20px}.game-stage{height:calc(100vh - 150px)}.training-grid{grid-template-columns:repeat(1,1fr)}}@media(max-width:600px){.card-icon{width:100px;height:100px;font-size:2.2rem}}