:root{--color-campus:#0d6efd;--color-job:#2563eb;--color-fitness:#0ea5e9;--color-campus-bg:#eef4ff;--color-job-bg:#eef2ff;--color-fitness-bg:#ecf9ff;--color-bg:#e9f1fb;--color-card:#fff;--color-text:#0a1628;--color-text-secondary:#5a6d86;--color-text-tertiary:#8896a8;--color-border:#dfe6f0;--color-danger:#ef4444;--color-warning:#f59e0b;--color-success:#10b981;--color-primary:#0d6efd;--color-ice:#bae6fd;--color-ice-deep:#0369a1;--color-frost:#f0f5fc;--color-snow:#f8fafd;--gradient-ice:linear-gradient(135deg, #0d6efd 0%, #0284c7 100%);--gradient-frost:linear-gradient(135deg, #f0f5fca6 0%, #e4edf780 100%);--gradient-snow:linear-gradient(180deg, #ffffffa6 0%, #eef4fb73 100%);--gradient-deep:linear-gradient(135deg, #0a1628 0%, #0d6efd 50%, #0284c7 100%);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0a16280f;--shadow-md:0 2px 10px #0a162814;--shadow-lg:0 4px 20px #0a16281f;--shadow-ice:0 4px 20px #0284c726}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:var(--color-text);-webkit-font-smoothing:antialiased;background:#eaf4fd;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5;position:fixed;inset:0;overflow:hidden}#root{background:linear-gradient(#eaf4fd 0%,#e3eefb 50%,#ddebf9 100%);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.card{-webkit-backdrop-filter:blur(20px)saturate(1.4);padding:var(--space-md);margin-bottom:var(--space-sm);isolation:isolate;background:linear-gradient(#fff9 0%,#ffffff52 35%,#dceafa33 100%);border:1.5px solid #ffffffb3;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 1px 2px #081e3c0f,0 4px 12px #081e3c14,0 12px 32px #081e3c1a,inset 0 1px 1.5px #fffffff2,inset 0 -1px 1.5px #ffffff80}.card:before{content:"";pointer-events:none;z-index:0;filter:blur(.5px);background:linear-gradient(#ffffffb3 0%,#fff0 100%);border-radius:0 0 100% 100%;height:50%;position:absolute;top:0;left:6%;right:6%}.card:after{content:"";pointer-events:none;z-index:0;filter:blur(.5px);background:linear-gradient(#0000 0%,#bae6fd4d 60%,#ffffff8c 100%);border-radius:100% 100% 0 0;height:35%;position:absolute;bottom:0;left:8%;right:8%}.card>*{z-index:1;position:relative}.card:focus-within{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff7;transition:background .15s}.card:focus-within:before,.card:focus-within:after{opacity:0;transition:opacity .15s}input,textarea,select{font-size:16px}.page{background:linear-gradient(#eaf4fd 0%,#e3eefb 50%,#ddebf9 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.page-scroll{-webkit-overflow-scrolling:touch;width:100%;min-width:0;padding:var(--space-md);flex:auto;overflow:hidden auto}.page-scroll:before{display:none}.page-header{padding:var(--space-md);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-xs));padding-bottom:var(--space-xs);color:#0c4a6e;box-shadow:none;box-sizing:border-box;min-height:calc(env(safe-area-inset-top,0px) + 56px);background:0 0;border-radius:0;flex-direction:column;flex-shrink:0;justify-content:center;display:flex;position:relative;overflow:visible}.page-header .page-title{margin-bottom:0}.page-header:after,.page:before{display:none}.font-brand{font-family:Outfit,-apple-system,PingFang SC,sans-serif}.page-title{margin-bottom:var(--space-md);padding-top:var(--space-sm);color:#0c4a6e;font-family:Outfit,-apple-system,PingFang SC,sans-serif;font-size:24px;font-weight:700}.section-title{margin-bottom:var(--space-sm);margin-top:var(--space-md);color:var(--color-ice-deep);align-items:center;gap:6px;font-size:17px;font-weight:600;display:flex}.module-tag{border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.module-tag.campus{background:var(--color-campus-bg);color:var(--color-campus)}.module-tag.job{background:var(--color-job-bg);color:var(--color-job)}.module-tag.fitness{background:var(--color-fitness-bg);color:var(--color-fitness)}.priority-tag{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.priority-tag.high{color:var(--color-danger);background:#fee2e2}.priority-tag.medium{color:#d97706;background:#fef3c7}.priority-tag.low{background:var(--color-fitness-bg);color:var(--color-fitness)}.btn-ice{background:var(--gradient-ice);color:#fff;cursor:pointer;box-shadow:var(--shadow-ice);border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .5s cubic-bezier(.22,1.61,.36,1),box-shadow .25s ease-out;position:relative;overflow:hidden}.btn-ice:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-ice:active{transition:transform .12s ease-out;transform:scale(.96)}.bottom-nav{-webkit-backdrop-filter:blur(28px)saturate(1.8);width:100%;max-width:430px;padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);z-index:100;background:linear-gradient(#ffffffe6 0%,#ffffffb3 100%);border-top:1.5px solid #ffffffb3;flex-shrink:0;justify-content:space-around;align-items:center;display:flex;position:relative;box-shadow:0 -1px 16px #081e3c0f,inset 0 1px #fffffff2}.nav-item{color:var(--color-text-tertiary);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:10px;font-weight:500;text-decoration:none;transition:color .2s,transform .15s;display:flex}.nav-item.active{color:var(--color-primary);transform:translateY(-1px)}.nav-item.active svg{filter:drop-shadow(0 2px 4px #0d6efd4d)}.nav-item svg{width:24px;height:24px}.ice-corner{background:radial-gradient(circle at top right, var(--color-ice) 0%, transparent 70%);border-radius:0 var(--radius-md) 0 0;pointer-events:none;width:40px;height:40px;position:absolute;top:-2px;right:-2px}@keyframes snowfall{0%{opacity:.6;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.snowflake-deco{pointer-events:none;z-index:0;opacity:.4;animation:8s linear infinite snowfall;position:fixed}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes icePulse{0%,to{box-shadow:0 0 #0d6efd4d}50%{box-shadow:0 0 0 6px #0d6efd00}}.ice-pulse{animation:2s ease-in-out infinite icePulse}::-webkit-scrollbar{display:none}.gradient-text{background:var(--gradient-ice);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-card-ice{background:var(--gradient-frost);-webkit-backdrop-filter:blur(10px)saturate(1.3);border-radius:var(--radius-md);text-align:center;border:1px solid #ffffffb3;flex:1;margin-bottom:0;padding:10px;box-shadow:inset 0 1px #fffc}button{-webkit-tap-highlight-color:transparent;transition:transform .5s cubic-bezier(.22,1.61,.36,1),opacity .25s ease-out,background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),color .25s}button:active:not(:disabled){opacity:.8;transition:transform .12s ease-out,opacity .12s ease-out;transform:scale(.96)}.card{transition:transform .55s cubic-bezier(.22,1.61,.36,1),box-shadow .3s ease-out,opacity .25s ease-out}.card:active{box-shadow:var(--shadow-sm);transition:transform .12s ease-out,box-shadow .12s ease-out;transform:scale(.975)}button:active:not(:disabled){opacity:.75}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #0d6efd1f;border-color:var(--color-primary)!important}svg[style*="cursor: pointer"]{transition:transform .45s cubic-bezier(.22,1.61,.36,1),opacity .2s ease-out}svg[style*="cursor: pointer"]:active{opacity:.6;transition:transform .1s ease-out,opacity .1s ease-out;transform:scale(.85)}.nav-item:active{transition:transform .1s ease-out;transform:scale(.9)}.selected-glow{box-shadow:0 0 0 2px var(--color-primary), 0 4px 12px #0d6efd33}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.12)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pageSlideIn{0%{opacity:0;transform:translate(12px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes itemSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{animation:.3s cubic-bezier(.4,0,.2,1) both itemSlideUp}.card:first-child{animation-delay:20ms}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.14s}.card:nth-child(5){animation-delay:.18s}.card:nth-child(6){animation-delay:.22s}.card:nth-child(7){animation-delay:.26s}.card:nth-child(8){animation-delay:.3s}@keyframes titleSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.section-title{animation:.3s both titleSlideIn}.nav-item{transition:color .25s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.22,1.61,.36,1)}.nav-item.active{transform:translateY(-2px)scale(1.05)}input,textarea,select{transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background .2s}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #0d6efd26,0 2px 8px #0d6efd14;border-color:var(--color-primary)!important;background:var(--color-card)!important}.stat-card-ice{transition:transform .5s cubic-bezier(.22,1.61,.36,1),box-shadow .25s ease-out;animation:.3s cubic-bezier(.4,0,.2,1) both itemSlideUp}.stat-card-ice:first-child{animation-delay:20ms}.stat-card-ice:nth-child(2){animation-delay:80ms}.stat-card-ice:nth-child(3){animation-delay:.14s}.stat-card-ice:active{transition:transform .12s ease-out;transform:scale(.96)}@keyframes tagPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.module-tag,.priority-tag{animation:.25s cubic-bezier(.34,1.56,.64,1) both tagPop}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}.page-transition,.page.fade-in{animation:none}.page-scroll{animation:.38s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes overviewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.overview-card{animation:.35s cubic-bezier(.22,1,.36,1) both overviewIn}@keyframes countPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.overview-card .count-value{animation:.5s cubic-bezier(.34,1.56,.64,1) both countPop;display:inline-block}.overview-card .count-value:first-child{animation-delay:50ms}.overview-card .count-value:nth-child(2){animation-delay:.12s}.overview-card .count-value:nth-child(3){animation-delay:.19s}.overview-card .count-value:nth-child(4){animation-delay:.26s}.section-title:first-of-type{animation-delay:50ms}.section-title:nth-of-type(2){animation-delay:.1s}@keyframes navGlow{0%,to{filter:drop-shadow(0 1px 2px #0d6efd40)}50%{filter:drop-shadow(0 2px 8px #0d6efd8c)}}.nav-item.active svg{animation:2.2s ease-in-out infinite navGlow}.liquid-tab{cursor:pointer;border:none;border-radius:11px;flex:1 1 0;justify-content:center;align-items:center;gap:5px;min-width:0;padding:10px 6px;font-family:inherit;font-size:13px;font-weight:600;transition:background .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),color .25s,transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.liquid-tab:not(.active){color:var(--color-text-secondary,#4b6b8a);-webkit-backdrop-filter:blur(18px)saturate(1.6);background:linear-gradient(168deg,#ffffffbf 0%,#ebf5fd6b 38%,#cde2f44d 72%,#b9d6ee61 100%);border:1px solid #fffc;border-color:#fffffff2 #fffc #a0c8eb8c;box-shadow:0 1px 2px #081e3c1a,0 3px 8px #081e3c1a,inset 0 1px #fffffff2,inset 2px 2px 3px #ffffff80,inset 0 -1.5px #aacdeb80}.liquid-tab.active{color:#0a4a8a;-webkit-backdrop-filter:blur(16px)saturate(1.8);background:radial-gradient(80% 90% at 50% 45%,#4096ff57 0%,#4096ff33 45%,#4096ff14 75%,#0000 100%),linear-gradient(168deg,#ffffffe6 0%,#e4f2fd99 40%,#c3e0f773 100%);border:1px solid #fffffff2;border-color:#fff #fffffff2 #78b4ebb3;font-weight:700;box-shadow:0 1px 2px #081e3c1a,0 3px 12px #1e82ff40,0 8px 26px #1e82ff2e,inset 0 1.5px #fff,inset 2px 2px 4px #fff9,inset 0 -2px 4px #64a5eb8c}.liquid-tab:active{transform:scale(.95)}.liquid-tab:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffffe6 0%,#ffffff40 55%,#0000 100%);border-radius:50% 50% 40% 40%/90% 90% 20% 20%;height:22%;position:absolute;top:1.5px;left:10%;right:10%}.liquid-tab.active:after{content:"";pointer-events:none;background:linear-gradient(#fffffff2 0%,#ffffff4d 60%,#0000 100%);border-radius:50%/100%;height:20%;position:absolute;top:1.5px;left:12%;right:12%}.liquid-tab>*{z-index:1;position:relative}.liquid-seg{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),color .25s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.liquid-seg:not(.active){color:var(--color-text-secondary,#4b6b8a);-webkit-backdrop-filter:blur(16px)saturate(1.5);background:linear-gradient(168deg,#ffffffbf 0%,#ebf5fd6b 38%,#cde2f44d 72%,#b9d6ee61 100%);border:1px solid #fffc;border-color:#fffffff2 #fffc #a0c8eb8c;box-shadow:0 1px 2px #081e3c1a,0 3px 8px #081e3c17,inset 0 1px #fffffff2,inset 2px 2px 3px #ffffff80,inset 0 -1.5px #aacdeb80}.liquid-seg.active{color:#0a4a8a;-webkit-backdrop-filter:blur(14px)saturate(1.7);background:radial-gradient(80% 90% at 50% 45%,#4096ff57 0%,#4096ff33 45%,#4096ff14 75%,#0000 100%),linear-gradient(168deg,#ffffffe6 0%,#e4f2fd99 40%,#c3e0f773 100%);border:1px solid #fffffff2;border-color:#fff #fffffff2 #78b4ebb3;font-weight:700;box-shadow:0 1px 2px #081e3c1a,0 3px 12px #1e82ff40,0 8px 26px #1e82ff29,inset 0 1.5px #fff,inset 2px 2px 4px #fff9,inset 0 -2px 4px #64a5eb8c}.liquid-seg:active{transform:scale(.95)}.liquid-seg:before{content:"";pointer-events:none;background:linear-gradient(#ffffffe6 0%,#ffffff40 55%,#0000 100%);border-radius:50%/100%;height:22%;position:absolute;top:1.5px;left:10%;right:10%}.liquid-seg>*{z-index:1;position:relative}.logo-glass{-webkit-backdrop-filter:blur(10px)saturate(1.5);background:linear-gradient(155deg,#ffffff73 0%,#bae0fd40 50%,#6eaadc2e 100%);border:1px solid #ffffffa6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;overflow:hidden;box-shadow:0 2px 10px #022a5e2e,inset 0 1px #fffc,inset 0 -2px 6px #bae6fd66}.logo-glass img{object-fit:contain;border-radius:7px;width:100%;height:100%}.ice-title{vertical-align:middle;filter:drop-shadow(0 1px 2px #0c4a6e26)drop-shadow(0 0 1px #ffffff80);width:auto;height:26px;display:inline-block}.logo-rounded{border-radius:10px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.logo-rounded img{object-fit:cover;width:100%;height:100%;display:block}.ice-title-wrap{-webkit-backdrop-filter:blur(10px)saturate(1.4);background:linear-gradient(#ffffff8c 0%,#e1f0fc66 100%);border:1px solid #ffffff8c;border-radius:10px;align-items:center;padding:4px 12px;display:inline-flex;box-shadow:0 1px 4px #0c4a6e0f,inset 0 1px #ffffffb3}.ice-title{filter:drop-shadow(0 0 1px #ffffffe6)drop-shadow(0 1px #fff9);width:auto;height:22px;display:block}