/* Keep the two chosen illustrated navigation areas; all other UI uses its original styles. */
.home-shortcuts{--paper:#fffef8;--sketch-shadow:3px 4px 0 #e8dcca;font-family:"YouYuan","幼圆","Microsoft YaHei",sans-serif}
.bottom-nav{font-family:"YouYuan","幼圆","Microsoft YaHei",sans-serif}
.home-shortcuts{margin:18px 24px 0;padding:22px 12px 14px;background:var(--paper);border:2px solid #dbc8a9;border-radius:20px 24px 18px 23px;box-shadow:var(--sketch-shadow);gap:18px 10px}.shortcut-icon{width:65px;height:65px}.home-shortcut{color:#65533f;font-size:16px;font-weight:700;gap:8px}.home-shortcut span{line-height:1.5}.shortcut-icon>circle{fill:#fbf4e3}
.bottom-nav{height:82px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffdf4;border:2px solid #c4d8b9;border-bottom:0;border-radius:22px 25px 0 0;overflow:visible;box-shadow:0 -4px 0 #e8eddc66}.bottom-nav .nav-item{color:#9a8a74;font-size:13px;font-weight:600;gap:3px;min-width:0}.bottom-nav .nav-icon{width:35px;height:35px;display:grid;place-items:center;filter:saturate(.65);opacity:.78}.bottom-nav .nav-icon svg{display:block;width:35px;height:35px}.bottom-nav .nav-item.active .nav-icon{opacity:1;filter:none}.nav-item[data-route=works].active{color:#c77961}.nav-item[data-route=events].active{color:#629c7e}.nav-item[data-route=community].active{color:#bb9545}.nav-item[data-route=profile].active{color:#c77d66}.bottom-nav .nav-item .home-icon,.bottom-nav .nav-item.active .home-icon{width:68px;height:68px;opacity:1;filter:none;margin-top:-23px;border:6px solid #fffdf4;background:#52a6ee;border-radius:48% 52% 49% 51%;box-shadow:0 3px 0 #d8d4bf,0 5px 10px #8cb8d62b}.bottom-nav .home-icon svg{width:42px;height:42px}.bottom-nav .nav-item[data-route=home]{gap:4px}.bottom-nav .nav-item[data-route=home]>span:last-child{color:#6b8ba0}.bottom-nav .nav-item[data-route=home].active>span:last-child{color:#3d89c4}.bottom-nav .nav-item.active:not([data-route=home])>span:last-child{text-decoration:underline;text-decoration-color:#e3c891;text-decoration-thickness:3px;text-underline-offset:5px}
/* Compact horizontal activity previews retain the original page colors and card design. */
.home-activities-section .section-title{margin-bottom:14px}
.activity-scroll-hint{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.activity-scroll-controls{display:flex;gap:7px}
.activity-scroll-controls button{width:30px;height:28px;border:1px solid #f3c7bc;border-radius:8px;background:#fff1ed;color:var(--coral);font-size:19px}
.event-row{display:flex;flex-wrap:nowrap;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding:3px;overscroll-behavior-x:contain;padding:3px 4px 16px;scrollbar-width:thin;scrollbar-color:#b9d4c8 #edf5f1}
.event-row::-webkit-scrollbar{height:5px}
.event-row::-webkit-scrollbar-thumb{background:#b9d4c8;border-radius:6px}
.home-activity-card{flex:0 0 265px;scroll-snap-align:start}
.home-activity-open img{height:150px}
.home-activity-open h3{min-height:51px}
.activity-scroll-controls button:focus-visible{outline:3px solid #1b73e8;outline-offset:3px}
@media(max-width:700px){
 .home-shortcuts{margin:16px 16px 0;padding:18px 7px 12px;gap:16px 3px}
 .home-shortcut{font-size:14px}.shortcut-icon{width:56px;height:56px}
 .bottom-nav{height:80px}
 .home-activity-card{flex-basis:235px}.event-row{gap:13px}
 .home-activity-open img{height:135px}.home-activity-open h3{min-height:48px}
 .activity-scroll-hint{font-size:11px}
}
@media(max-width:360px){
 .home-shortcuts{margin:14px 12px 0}.home-shortcut{font-size:13px}.shortcut-icon{width:50px;height:50px}
 .bottom-nav .nav-icon,.bottom-nav .nav-icon svg{width:32px;height:32px}
 .home-activity-card{flex-basis:220px}
}
@media(prefers-reduced-motion:reduce){.event-row{scroll-behavior:auto}.nav-item .home-icon{transition:none}}
/* Compact shortcut grid: preserve the illustrations without the surrounding panel. */
.home-shortcuts{margin:0;padding:14px 20px 4px;background:transparent;border:0;border-radius:0;box-shadow:none;gap:12px 10px}
.home-shortcut{gap:4px;padding-bottom:2px}
.shortcut-icon{width:58px;height:58px}
@media(max-width:700px){.home-shortcuts{margin:0;padding:12px 12px 3px;gap:10px 4px}.home-shortcut{gap:3px}.shortcut-icon{width:52px;height:52px}}
@media(max-width:360px){.home-shortcuts{margin:0;padding:10px 8px 2px;gap:9px 3px}.shortcut-icon{width:48px;height:48px}}
/* Sharper shortcut lettering and clean vector edges, without blur or halo shadows. */
.home-shortcuts{font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.home-shortcut{color:#304238;font-weight:700;gap:5px}
.home-shortcut>span{font-size:15px;line-height:1.4;letter-spacing:0;text-shadow:none}
.shortcut-icon-refined{width:60px;height:60px;filter:none;opacity:1;shape-rendering:geometricPrecision}
.shortcut-icon-refined>circle{fill:transparent}
@media(max-width:700px){.shortcut-icon-refined{width:56px;height:56px}.home-shortcut>span{font-size:14px}}
@media(max-width:360px){.shortcut-icon-refined{width:50px;height:50px}.home-shortcut>span{font-size:13px}}
/* A more restrained navigation shell, retaining its familiar illustrated icons. */
.bottom-nav{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#fff;border:0;border-top:1px solid #e0e7ec;border-radius:12px 12px 0 0;box-shadow:0 -2px 10px #243e5208;height:78px}
.bottom-nav .nav-item{font-size:12px;font-weight:500;color:#89949e;gap:4px}
.bottom-nav .nav-icon{width:31px;height:31px;filter:none;opacity:.85}
.bottom-nav .nav-icon svg{width:31px;height:31px}
.bottom-nav .nav-item.active:not([data-route=home])>span:last-child{text-decoration:none;font-weight:600}
.bottom-nav .nav-item .home-icon,.bottom-nav .nav-item.active .home-icon{width:64px;height:64px;margin-top:-20px;border:5px solid #fff;border-radius:50%;background:#4095e2;box-shadow:0 3px 10px #3185cc1c}
.bottom-nav .home-icon svg{width:39px;height:39px}