.layout-container{display:grid;grid-template-columns:1fr;gap:1.5rem}.left-column{width:100%}@media(min-width:1024px){.layout-container{grid-template-columns:1fr 320px;gap:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.radical-group-card{position:relative;border-radius:2rem;background:linear-gradient(145deg,#fffffff2,#fffbebe6);border:2px solid rgba(251,191,36,.15);box-shadow:0 20px 50px #fbbf2414,0 8px 24px #0000000a,0 0 0 1px #fffc inset;overflow:hidden;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) backwards;transition:all .4s ease}.radical-group-card:hover{border-color:#fbbf244d;box-shadow:0 25px 60px #fbbf241f,0 10px 30px #0000000f,0 0 0 1px #ffffffe6 inset;transform:translateY(-2px)}.card-header{position:relative;padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,#fbbf240d,#f59e0b14);border-bottom:2px solid rgba(251,191,36,.1)}.header-decoration{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.3) 20%,#FBBF24 50%,rgba(251,191,36,.3) 80%,transparent 100%);box-shadow:0 4px 16px #fbbf244d}.header-content{display:flex;align-items:center;gap:1.25rem}.stroke-badge{display:flex;align-items:baseline;gap:.25rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1rem;box-shadow:0 8px 20px #fbbf244d,0 4px 10px #f59e0b33,0 0 0 3px #ffffff4d inset}.stroke-number{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1}.stroke-label{font-size:1rem;font-weight:700;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.15)}.section-title{font-size:1.5rem;font-weight:700;color:#1f2937;letter-spacing:.02em}.radicals-grid{padding:2rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(min-width:640px){.radicals-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}.card-header{padding:2.5rem 2.5rem 2rem}.radicals-grid{padding:2.5rem}.stroke-number{font-size:2.25rem}.section-title{font-size:1.75rem}}@media(min-width:768px){.radicals-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:1024px){.radicals-grid{grid-template-columns:repeat(9,1fr);gap:1.5rem}.card-header{padding:3rem 3rem 2.5rem}.radicals-grid{padding:3rem}}@media(min-width:1280px){.radicals-grid{grid-template-columns:repeat(10,1fr)}}.radical-badge{position:relative;display:block;width:100%;border-radius:50%;background:linear-gradient(145deg,#fffffffa,#fffbebf2);border:2px solid rgba(251,191,36,.2);box-shadow:0 6px 20px #fbbf241a,0 3px 10px #0000000a,0 0 0 1px #ffffffe6 inset;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;text-decoration:none;overflow:hidden;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) backwards}.radical-badge:after{content:"";display:block;padding-bottom:100%}@supports (aspect-ratio: 1 / 1){.radical-badge{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.radical-badge:after{display:none}}.radical-char{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;font-size:1.5rem;font-weight:600;color:#1f2937;font-family:"Noto Serif SC",SimSun,KaiTi,serif;line-height:1;transition:all .4s ease}@supports (aspect-ratio: 1 / 1){.radical-char{position:relative;top:auto;left:auto;transform:none}}.radical-shimmer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(251,191,36,.3) 48%,rgba(255,255,255,.5) 50%,rgba(251,191,36,.3) 52%,transparent 60%,transparent 100%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:none;pointer-events:none;z-index:1}.radical-badge:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#fbbf2466,#f59e0b80);opacity:0;transition:opacity .4s ease;z-index:0}.radical-badge:hover{background:linear-gradient(145deg,#fbbf24,#f59e0b);border-color:#d9770680;transform:translateY(-6px) scale(1.12);box-shadow:0 20px 40px #fbbf2459,0 10px 20px #f59e0b40,0 0 0 3px #fff6 inset}.radical-badge:hover:before{opacity:1}.radical-badge:hover .radical-char{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.15);transform:translate(-50%,-50%) scale(1.05)}@supports (aspect-ratio: 1 / 1){.radical-badge:hover .radical-char{transform:scale(1.05)}}.radical-badge:hover .radical-shimmer{animation:shimmer .8s ease-in-out}.radical-badge:active{transform:translateY(-3px) scale(1.08);transition-duration:.1s}@media(min-width:640px){.radical-char{font-size:1.75rem}}@media(min-width:768px){.radical-char{font-size:2rem}}@media(min-width:1024px){.radical-char{font-size:2.25rem}}@media(min-width:1280px){.radical-char{font-size:2.5rem}}
