/* 10.8清单：入口与记录组织，沿用已确认的纸白、墨玉、哑金和原图标。 */
#home .banner{grid-template-areas:'art' 'kicker' 'title' 'description' 'meta' 'actions'}
#home .banner .deco{margin:-10px -22px 20px;padding:8px 0;pointer-events:none}
#home .home-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
#home .home-quick button{min-width:0;font-size:12px}
.offer-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.offer-benefit{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:16px 13px;text-align:left;background:#eee9dd;border:1px solid #e0d7c6;border-radius:12px;color:#3d493e}
.offer-benefit img,.offer-benefit .identity-icon{flex:none;width:30px;height:30px;object-fit:contain}
.offer-benefit b{display:block;font-size:14px;line-height:1.6;font-weight:600}
.offer-benefit>span:last-child{display:flex;flex-direction:column;align-self:stretch;flex:1;min-width:0}
.offer-benefit small{display:block;font-size:11px;line-height:1.8;color:#687060;margin-top:5px}
.offer-benefit .offer-action{display:block;margin-top:auto;padding-top:9px;font-size:12px;color:#715c3d}
.offer-benefit:focus-visible,.identity-card button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.identity-card{display:flex;gap:14px;align-items:flex-start;padding:20px!important}
.identity-card h2{font-size:17px;line-height:1.5;margin:0 0 6px;font-weight:600}
.identity-card p{margin:0;font-size:12px;color:var(--ink-2);line-height:1.8}
.identity-icon{display:grid;place-items:center;width:36px;height:36px;color:#7b694b;background:#f1ecdf;border-radius:10px;flex:none}
.identity-icon svg{width:21px;height:21px;stroke-width:1.6}
#me .me-top .acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#me .me-top .acts button{padding:8px 4px;font-size:12px;line-height:1.5;border-radius:10px}
.record-tabs{display:flex;gap:24px;padding:0 20px;margin:12px 0 18px;border-bottom:1px solid var(--line)}
.record-tabs button{min-height:46px;padding:8px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-2);font-size:14px}
.record-tabs button[aria-selected=true]{border-color:var(--brand);color:var(--brand);font-weight:600}
.record-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#purchaseRecordsBody{margin:0 16px;background:var(--card,#fffdf8);border:1px solid var(--line);border-radius:12px}
#purchaseRecordsBody .c{flex-wrap:wrap;align-items:flex-start}
#purchaseRecordsBody .c .m{min-width:130px;flex:1}
.record-price{display:block;margin-top:7px;color:#85543b;font-size:12px}
.record-link{display:block;margin:4px 16px 20px;min-height:44px}
.code-list-hint{font-size:12px;padding-top:0}
.student-benefits{margin:16px;padding:24px 20px;background:#fffdf8;border:1px solid var(--line);border-radius:16px}
.student-benefits h1{font-size:22px;line-height:1.6;margin:0 0 12px}
.student-benefits p{font-size:14px;line-height:1.9;margin:10px 0}
.student-benefits .student-perk{display:flex;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.student-perk strong{font-size:22px;color:#715c3d;font-variant-numeric:tabular-nums;white-space:nowrap}
#physicalOrderBody>.card h2{font-size:18px;line-height:1.6;margin:0 0 10px}
#physicalOrderBody>.card p{font-size:13px;line-height:1.8}
#physicalOrderBody>.card .btn{font-size:14px;min-height:44px;height:auto;padding:12px;margin-top:16px}
@media(max-width:350px){.offer-benefits{grid-template-columns:1fr;gap:8px}.offer-benefit{padding:14px 13px;gap:10px}.offer-benefit img,.offer-benefit .identity-icon{width:24px;height:24px}.offer-benefit b{font-size:13px}#home .home-quick button{font-size:11px}}