.teachers-page{
    --teachers-warm:#fff7e8;
    --teachers-yellow:#f1c84b;
}
.teachers-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 250px;
    gap:28px;
    overflow:hidden;
}
.teachers-hero-copy{position:relative;z-index:2}
.teachers-hero-side{
    position:relative;
    min-height:310px;
    align-self:stretch;
}
.teachers-nowrap{white-space:nowrap}
.teachers-avatar,
.teachers-pet,
.teachers-medal{
    position:absolute;
    object-fit:contain;
    filter:drop-shadow(0 10px 14px rgba(32,51,44,.10));
}
.teachers-avatar-a{
    width:145px;
    height:258px;
    left:10px;
    bottom:0;
}
.teachers-pet-a{
    width:92px;
    height:92px;
    right:5px;
    bottom:8px;
}
.teachers-medal{
    width:76px;
    height:76px;
    right:24px;
    top:12px;
}
.teachers-zero-grid .web-card h3{margin-top:14px}
.teachers-note{margin-top:18px}
.teachers-scene-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.teachers-scene-label{
    display:inline-block;
    padding:5px 9px;
    border-radius:999px;
    background:#eef7f3;
    color:var(--web-accent);
    font-size:12px;
    font-weight:900;
}
.teachers-origin{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:34px;
    align-items:center;
    padding:30px;
    border-radius:28px;
    background:var(--teachers-warm);
}
.teachers-origin h2{margin-top:0}
.teachers-reward-visual{
    position:relative;
    min-height:360px;
}
.teachers-reward-medal{
    position:absolute;
    width:86px;
    height:86px;
    right:18px;
    top:6px;
    left:auto;
    object-fit:contain;
}
.teachers-character-pair{
    position:absolute;
    inset:45px 0 0 40px;
}
.teachers-pair-avatar{
    position:absolute;
    width:150px;
    height:267px;
    left:20px;
    bottom:8px;
    object-fit:contain;
}
.teachers-pair-pet{
    position:absolute;
    width:96px;
    height:96px;
    left:142px;
    bottom:2px;
    object-fit:contain;
}
.teachers-qr-section{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    gap:36px;
    align-items:center;
    padding:34px;
    border:1px solid var(--web-line);
    border-radius:28px;
    background:linear-gradient(135deg,#f8fcfa 0%,#fff9ec 100%);
}
.teachers-qr-card{
    margin:0;
    padding:18px;
    border:1px solid var(--web-line);
    border-radius:24px;
    background:#fff;
    text-align:center;
    box-shadow:0 10px 30px rgba(32,51,44,.06);
}
.teachers-qr-card img{
    display:block;
    width:100%;
    height:auto;
}
.teachers-qr-card figcaption{
    padding-top:8px;
    color:var(--web-muted);
    font-size:13px;
    font-weight:800;
}
.teachers-url{
    margin-top:20px;
    word-break:break-all;
    color:var(--web-muted);
}
.teachers-final-secondary{
    background:transparent!important;
    border-color:rgba(255,255,255,.6)!important;
    color:#fff!important;
}
@media(max-width:820px){
    .teachers-hero{
        grid-template-columns:1fr;
    }
    .teachers-hero-side{
        min-height:260px;
        max-width:280px;
        width:100%;
        margin:0 auto;
    }
    .teachers-avatar-a{
        width:125px;
        height:222px;
        left:28px;
    }
    .teachers-pet-a{
        width:80px;
        height:80px;
        right:26px;
    }
    .teachers-medal{
        width:68px;
        height:68px;
        right:45px;
    }
    .teachers-scene-grid{
        grid-template-columns:1fr 1fr;
    }
    .teachers-origin{
        grid-template-columns:1fr;
        padding:24px 20px;
    }
    .teachers-reward-visual{
        min-height:315px;
        max-width:300px;
        width:100%;
        margin:0 auto;
    }
    .teachers-qr-section{
        grid-template-columns:1fr;
        padding:24px 20px;
    }
    .teachers-qr-card{
        max-width:300px;
        width:100%;
        margin:0 auto;
    }
}
@media(max-width:560px){
    .teachers-nowrap{white-space:normal}
    .teachers-scene-grid{grid-template-columns:1fr}
}