/* AW Chinese V9.7.2 — Colorful Design Layer | Presentation-only. No drawer state or game logic. */
@media screen {
html[data-aw-theme] {
 --aw-design-radius:20px;--aw-design-shadow:0 9px 27px rgba(29,64,126,.095);
 --aw-design-game:#8755D8;--aw-design-game-soft:#F1E9FF;
 --aw-design-learn:#D68A28;--aw-design-learn-soft:#FFF1D9;
 --aw-design-review:#D65C91;--aw-design-review-soft:#FFE6F1;
 --aw-design-academy:#268A68;--aw-design-academy-soft:#E0F6EB;
 --aw-design-profile:#3678D9;--aw-design-profile-soft:#E4EFFF;
 --aw-design-tools:#158DAD;--aw-design-tools-soft:#DFF5F9;
}
html[data-aw-theme=dark] {
 --aw-design-shadow:0 12px 34px rgba(0,0,0,.22);
 --aw-design-game:#D6B8FF;--aw-design-game-soft:#34284F;
 --aw-design-learn:#FFD495;--aw-design-learn-soft:#433320;
 --aw-design-review:#FFB5D7;--aw-design-review-soft:#46283B;
 --aw-design-academy:#92E5BC;--aw-design-academy-soft:#213F36;
 --aw-design-profile:#B0D0FF;--aw-design-profile-soft:#233B5A;
 --aw-design-tools:#91E2F2;--aw-design-tools-soft:#20404A;
}
/* Respect legacy layout. Restrict visible surface styling to the learning site. */
html[data-aw-theme]:not([data-aw-theme-page=copybook]):not([data-aw-theme-page=admin]) :is(.card,.tool-card,.lesson-card,.setup-card,.summary-card,.aw96-workspace,.aw96-summary-cell,.v8-panel) {
 border-radius:var(--aw-design-radius);box-shadow:var(--aw-design-shadow);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}
@media (hover:hover) and (pointer:fine){
 html[data-aw-theme] :is(a.card,a.tool-card,a.lesson-card):hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(25,66,140,.16)}
}
/* Illustrative icon tiles: keep existing icons, their labels and click areas. */
html[data-aw-theme] .icon-tile{display:inline-grid;place-items:center;min-width:52px;min-height:52px;padding:.4rem;border-radius:17px;background:linear-gradient(135deg,#FFF1D8,#FFE4B8);color:#9D5B14;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.66),0 5px 16px rgba(180,111,32,.12);font-size:1.35rem}
html[data-aw-theme] a[data-aw-art='game'] .icon-tile{background:linear-gradient(145deg,var(--aw-design-game-soft),#DCCBFF);color:#7242C4}
html[data-aw-theme=dark] a[data-aw-art='game'] .icon-tile{background:var(--aw-design-game-soft);color:var(--aw-design-game)}
html[data-aw-theme] a[data-aw-art='review'] .icon-tile{background:var(--aw-design-review-soft);color:var(--aw-design-review)}
html[data-aw-theme] a[data-aw-art='academy'] .icon-tile{background:var(--aw-design-academy-soft);color:var(--aw-design-academy)}
html[data-aw-theme] a[data-aw-art='tools'] .icon-tile{background:var(--aw-design-tools-soft);color:var(--aw-design-tools)}
/* Existing svg icons receive an illustrated badge without asset dependencies. */
html[data-aw-theme] :is(.nav-item,.v6-mobile-nav a)[data-aw-art] :is(.nav-icon,svg:first-child){flex-shrink:0}
html[data-aw-theme] .nav-item[data-aw-art] .nav-icon{display:inline-grid;place-items:center;width:35px;height:35px;min-width:35px;border-radius:12px;background:var(--aw-art-bg,var(--aw-design-profile-soft));color:var(--aw-art-ink,var(--aw-design-profile));box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html[data-aw-theme] .nav-item[data-aw-art] .nav-icon svg{width:20px;height:20px;color:inherit;stroke:currentColor}
html[data-aw-theme] [data-aw-art=home]{--aw-art-bg:var(--aw-design-profile-soft);--aw-art-ink:var(--aw-design-profile)}
html[data-aw-theme] [data-aw-art=game]{--aw-art-bg:var(--aw-design-game-soft);--aw-art-ink:var(--aw-design-game)}
html[data-aw-theme] [data-aw-art=learn]{--aw-art-bg:var(--aw-design-learn-soft);--aw-art-ink:var(--aw-design-learn)}
html[data-aw-theme] [data-aw-art=review]{--aw-art-bg:var(--aw-design-review-soft);--aw-art-ink:var(--aw-design-review)}
html[data-aw-theme] [data-aw-art=academy]{--aw-art-bg:var(--aw-design-academy-soft);--aw-art-ink:var(--aw-design-academy)}
html[data-aw-theme] [data-aw-art=profile]{--aw-art-bg:var(--aw-design-profile-soft);--aw-art-ink:var(--aw-design-profile)}
html[data-aw-theme] [data-aw-art=tools]{--aw-art-bg:var(--aw-design-tools-soft);--aw-art-ink:var(--aw-design-tools)}
html[data-aw-theme] .nav-item[data-aw-art]:is(:hover,:focus-visible){border-radius:13px}
html[data-aw-theme] .nav-item[data-aw-art].active .nav-icon{outline:2px solid var(--aw-art-ink);outline-offset:2px}
/* High-level feature tiles have a restrained category ribbon. */
html[data-aw-theme] a.tool-card[data-aw-art],html[data-aw-theme] a.card[data-aw-art]{position:relative;overflow:hidden;isolation:isolate}
html[data-aw-theme] a.tool-card[data-aw-art]::before,html[data-aw-theme] a.card[data-aw-art]::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--aw-art-ink,var(--aw-blue));border-radius:20px 0 0 20px;pointer-events:none}
html[data-aw-theme] .hero{border-radius:clamp(20px,3vw,32px);overflow:hidden;position:relative}
html[data-aw-theme] .hero::after{content:'';pointer-events:none;position:absolute;right:-70px;top:-95px;width:250px;height:250px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
html[data-aw-theme] .section-head h2{letter-spacing:-.025em}
html[data-aw-theme] :is(.button,.btn,button.button){border-radius:13px}
html[data-aw-theme] :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--aw-focus);outline-offset:3px}
@media(max-width:600px){html[data-aw-theme] .nav-item[data-aw-art] .nav-icon{width:32px;height:32px;min-width:32px;border-radius:11px}html[data-aw-theme] .icon-tile{min-width:47px;min-height:47px}}
@media(prefers-reduced-motion:reduce){html[data-aw-theme] :is(.card,.tool-card,.lesson-card){transition:none!important;transform:none!important}}
}