.fun-home-page{min-height:100vh;display:flex;flex-direction:column;padding-bottom:70px}.fun-top-bar{position:sticky;top:0;z-index:30;margin:0 12px;padding:10px 12px 12px;background:var(--gc-card);box-shadow:0 2px 12px rgba(79,140,255,.06);border-radius:12px}.fun-header{justify-content:space-between;margin-bottom:12px}.fun-header,.fun-header-left{display:flex;align-items:center;gap:8px}.fun-header-left{min-width:0}.fun-logo-icon-small{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,var(--gc-primary),var(--gc-logic));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(79,140,255,.3);color:#fff;flex-shrink:0}.fun-logo-icon-small i{width:16px;height:16px}.fun-header-title{font-size:17px;font-weight:800;color:var(--gc-foreground)}.fun-filter-bar{display:flex;align-items:center;background:var(--gc-muted);border-radius:12px;padding:4px;cursor:pointer;transition:all .2s ease}.fun-filter-bar:active{transform:scale(.98);opacity:.9}.fun-filter-item{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 8px;background:var(--gc-card);border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.fun-filter-divider{width:4px;flex-shrink:0}.filter-label{font-size:11px;color:var(--gc-muted-foreground);font-weight:600}.filter-value{font-size:13px;font-weight:700;color:var(--gc-foreground)}.fun-home-content{flex:1;padding:10px 12px 20px}.fun-daily-banner{margin:4px 0 14px;background:linear-gradient(135deg,#ff7043,#ff5722 50%,#e64a19);border-radius:12px;padding:14px 16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;border:none;width:100%;box-shadow:0 6px 20px rgba(255,87,34,.3);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.fun-daily-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:120px;height:120px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);border-radius:50%}.fun-daily-banner:active{transform:scale(.97);box-shadow:0 4px 12px rgba(255,87,34,.3)}.fun-daily-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1;position:relative;z-index:1}.fun-daily-icon{width:48px;height:48px;border-radius:12px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;border:1.5px solid hsla(0,0%,100%,.3)}.fun-daily-text{color:#fff;text-align:left;min-width:0}.fun-daily-title{font-size:16px;font-weight:800;line-height:1.2;margin-bottom:3px}.fun-daily-sub{font-size:12px;color:hsla(0,0%,100%,.9);line-height:1.2}.fun-daily-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#fff;flex-shrink:0;position:relative;z-index:1}.fun-daily-time-label{font-size:10px;opacity:.85;font-weight:500}.fun-daily-time{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:12px;backdrop-filter:blur(4px)}.fun-section-card{background:var(--gc-card);border-radius:8px;box-shadow:0 2px 8px rgba(79,140,255,.06);padding:14px 12px;margin-top:12px}.fun-section-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.fun-section-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px}.fun-section-title .section-icon{font-size:18px}.fun-section-count{font-size:12px;color:var(--gc-muted-foreground);background:var(--gc-muted);padding:3px 10px;border-radius:999px;font-weight:600}.fun-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fun-card{background:var(--gc-card);border-radius:8px;padding:12px 6px;border:1px solid var(--gc-border);cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;overflow:hidden}.fun-card:active{transform:scale(.96);box-shadow:var(--gc-shadow-sm)}.fun-card-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.fun-card-info{flex:1;width:100%;text-align:center}.fun-card-name{font-size:13px;font-weight:700;margin-bottom:2px}.fun-card-desc,.fun-card-name{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fun-card-desc{font-size:10px;color:var(--gc-muted-foreground);font-weight:500}.fun-card-tag{position:absolute;top:6px;right:6px;padding:1px 6px;border-radius:12px;font-size:9px;font-weight:600;background:rgba(255,140,66,.12);color:#ff8c42}.fun-card-tag.new{background:rgba(239,68,68,.12);color:#ef4444}.fun-card-tag.hot{background:rgba(245,158,11,.12);color:#f59e0b}.fun-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fun-more-card{background:var(--gc-card);border-radius:8px;padding:14px 6px;border:1.5px dashed var(--gc-border);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;opacity:.6;position:relative;pointer-events:none;cursor:default}.fun-more-icon{font-size:24px;opacity:.6}.fun-more-name{font-size:12px;font-weight:600;color:var(--gc-muted-foreground);line-height:1.2}.fun-more-tag{font-size:9px;font-weight:600;color:var(--gc-primary);background:rgba(79,140,255,.1);padding:3px 8px;border-radius:12px}.fun-empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--gc-muted-foreground);font-size:13px}@media (min-width:400px){.fun-card-grid{grid-template-columns:repeat(3,1fr);gap:10px}.fun-card{padding:12px 8px}.fun-card-icon{width:50px;height:50px;font-size:24px}.fun-card-name{font-size:14px}.fun-card-desc{font-size:11px}.fun-more-grid{gap:10px}.fun-more-card{padding:14px 8px}.fun-more-icon{font-size:26px}.fun-more-name{font-size:13px}}@media (min-width:768px){.fun-card-grid{grid-template-columns:repeat(4,1fr);gap:12px}.fun-card-icon{width:54px;height:54px;font-size:26px}.fun-more-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (min-width:1024px){.fun-card-grid{grid-template-columns:repeat(5,1fr)}.fun-more-grid{grid-template-columns:repeat(6,1fr)}}