:root{--c-primary: #2f6bff;--c-primary-dark: #1f52d8;--c-primary-soft: #eaf0ff;--c-accent: #16b8c9;--c-accent-dark: #0e98a8;--c-ink-900: #0c1b3d;--c-ink-800: #13264f;--c-text: #16233d;--c-text-2: #51607a;--c-text-3: #8492ab;--c-border: #e4e9f2;--c-border-strong: #cfd7e6;--c-bg: #f5f7fb;--c-surface: #ffffff;--c-surface-2: #f8fafd;--cat-innovation: #e8890c;--cat-innovation-bg: #fdf3e3;--cat-algorithm: #2f6bff;--cat-algorithm-bg: #eaf0ff;--cat-modeling: #0e9e83;--cat-modeling-bg: #e2f5f0;--cat-ai: #7c5cfc;--cat-ai-bg: #f0ecfe;--cat-software: #0f95c8;--cat-software-bg: #e3f4fb;--cat-hardware: #e0567a;--cat-hardware-bg: #fdebf0;--cat-business: #a9760a;--cat-business-bg: #faf3dc;--cat-design: #c43f9e;--cat-design-bg: #fdeaf7;--cat-basic: #6b8e23;--cat-basic-bg: #f2f5e3;--c-success: #16a36b;--c-warning: #d98306;--c-danger: #dc4444;--whut-a1: #b42318;--whut-a2: #d1431a;--whut-a3: #9a5f06;--whut-b1: #1f52d8;--whut-b2: #0b7a8c;--whut-c: #5c6b82;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 34px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 32, 66, .06), 0 1px 6px rgba(16, 32, 66, .05);--shadow-md: 0 6px 18px rgba(16, 32, 66, .08), 0 2px 6px rgba(16, 32, 66, .05);--shadow-lg: 0 18px 42px rgba(16, 32, 66, .14);--container: 1180px;--nav-h: 60px;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.65;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--c-primary);text-decoration:none}a:hover{color:var(--c-primary-dark)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select{font-family:inherit;font-size:var(--fs-base);color:var(--c-text)}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-6)}.page{padding-block:var(--sp-10) var(--sp-16);min-height:calc(100vh - var(--nav-h))}.page-head{margin-bottom:var(--sp-8)}.page-head h1{font-size:var(--fs-2xl);font-weight:700;letter-spacing:.01em}.page-head p{margin-top:var(--sp-2);color:var(--c-text-2);max-width:720px}.section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-5)}.section-title:before{content:"";width:4px;height:20px;border-radius:2px;background:linear-gradient(180deg,var(--c-primary),var(--c-accent))}.muted{color:var(--c-text-2)}.app-boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);color:var(--c-text-2)}.app-boot__spinner{width:34px;height:34px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:boot-spin .8s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.container{padding:0 var(--sp-4)}.page{padding-block:var(--sp-6) var(--sp-12)}.page-head h1{font-size:var(--fs-xl)}}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#ffffffeb;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--c-border)}.nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.nav__brand{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-text);font-weight:700;white-space:nowrap}.nav__brand-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav__brand:hover{color:var(--c-text)}.nav__brand-text{display:flex;flex-direction:column;line-height:1.2;font-size:var(--fs-md)}.nav__brand-text em{font-style:normal;font-size:var(--fs-xs);color:var(--c-text-3);font-weight:500}.nav__links{display:flex;align-items:center;gap:var(--sp-2)}.nav__links a{padding:6px 14px;border-radius:var(--r-pill);color:var(--c-text-2);font-size:var(--fs-base);font-weight:500;transition:background .15s,color .15s}.nav__links a:hover,.nav__links a.is-active{color:var(--c-primary);background:var(--c-primary-soft)}.nav__badge{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--c-primary);color:#fff;font-size:11px;font-weight:700;line-height:1;vertical-align:middle}.nav__badge[hidden]{display:none}.site-footer{background:var(--c-ink-900);color:#aebbd6;font-size:var(--fs-sm);padding:var(--sp-6) 0}.site-footer__inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.site-footer p{margin:0}.site-footer a{color:#aebbd6}.site-footer a:hover{color:#d5def0}.site-footer__stats{color:#8fa0bd;font-size:var(--fs-xs)}.site-footer__beian{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:2px}.site-footer__beian a{color:#8fa0bd;font-size:var(--fs-xs);text-decoration:none}.site-footer__beian a:hover{color:#c7d2e8;text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 20px;border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-base);transition:transform .12s,box-shadow .15s,background .15s,border-color .15s;border:1px solid transparent;white-space:nowrap}.btn--lg{padding:12px 28px;font-size:var(--fs-md);border-radius:var(--r-md)}.btn--primary{color:#fff;background:var(--c-primary);box-shadow:0 6px 16px #2f6bff47}.btn--primary:hover{color:#fff;background:var(--c-primary-dark)}.btn--ghost{color:#fff;background:#ffffff14;border-color:#ffffff59}.btn--ghost:hover{color:#fff;background:#ffffff2e}.btn--danger-ghost{color:var(--c-danger);border-color:#f2c5c5;background:#fff}.btn--danger-ghost:hover{background:#fdf0f0}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;line-height:1.7;background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border);white-space:nowrap;flex-shrink:0}.badge--cat{color:var(--badge-cat, var(--c-primary));background:color-mix(in srgb,var(--badge-cat) 10%,#fff);border-color:color-mix(in srgb,var(--badge-cat) 26%,#fff)}.badge--level{color:#8a5a00;background:#fdf5e2;border-color:#f0ddac}.badge--school{gap:3px;color:#c23a36;background:#fdeeee;border-color:#f3cfce}.badge--whut{color:#fff;border-color:transparent;font-weight:700;letter-spacing:.3px;padding-inline:8px}.badge--whut-a1{background:var(--whut-a1)}.badge--whut-a2{background:var(--whut-a2)}.badge--whut-a3{background:var(--whut-a3)}.badge--whut-b1{background:var(--whut-b1)}.badge--whut-b2{background:var(--whut-b2)}.badge--whut-c{background:var(--whut-c)}.comp-chip__grade{display:inline-block;margin-right:6px;padding:1px 4px;border-radius:4px;font-size:10px;font-weight:700;line-height:1.5;color:#fff;letter-spacing:.2px;vertical-align:.5px;flex-shrink:0}.comp-chip__grade--a1{background:var(--whut-a1)}.comp-chip__grade--a2{background:var(--whut-a2)}.comp-chip__grade--a3{background:var(--whut-a3)}.comp-chip__grade--b1{background:var(--whut-b1)}.comp-chip__grade--b2{background:var(--whut-b2)}.comp-chip__grade--c{background:var(--whut-c)}.tl-grade{display:inline-flex;align-items:center;justify-content:center;width:21px;height:16px;margin-right:5px;border-radius:4px;font-size:9px;font-weight:700;color:#fff;letter-spacing:.2px;flex-shrink:0}.tl-grade--a1{background:var(--whut-a1)}.tl-grade--a2{background:var(--whut-a2)}.tl-grade--a3{background:var(--whut-a3)}.tl-grade--b1{background:var(--whut-b1)}.tl-grade--b2{background:var(--whut-b2)}.tl-grade--c{background:var(--whut-c)}.school-tip{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-5);padding:10px 14px;border-radius:var(--r-sm);border:1px solid #f0e0bd;border-inline-start:3px solid var(--c-warning);background:#fdf8ec;color:#7c520a;font-size:var(--fs-sm);line-height:1.6}.school-tip svg{flex-shrink:0}.rating{display:inline-flex;align-items:center;gap:6px}.rating__icon{display:inline-flex;color:var(--c-text-3);transition:color .15s}.rating__icon:hover{color:var(--c-primary)}.rating__bars{display:inline-flex;gap:2px}.rating__bars i{width:14px;height:5px;border-radius:2px;background:var(--c-border-strong)}.rating__bars i.is-on{background:var(--c-primary)}.rating__text{font-size:var(--fs-xs);color:var(--c-text-3)}.comp-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:var(--c-text);transition:transform .16s,box-shadow .16s,border-color .16s}.comp-card:hover{color:var(--c-text);transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--c-border-strong)}.comp-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.comp-card__name{font-size:var(--fs-lg);font-weight:700;line-height:1.4}.comp-card__sub{font-size:var(--fs-sm);color:var(--c-text-3);margin-top:-4px}.comp-card__badges{display:flex;flex-wrap:wrap;gap:6px}.comp-card__time{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--c-text-2)}.comp-card__foot{margin-top:auto;padding-top:var(--sp-3);border-top:1px dashed var(--c-border);display:flex;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.chip-tab{padding:6px 15px;border-radius:var(--r-pill);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-sm);font-weight:500;transition:all .14s}.chip-tab:hover{border-color:var(--c-primary);color:var(--c-primary)}.chip-tab.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.chip-tab--interest.is-active{background:var(--cat-ai);border-color:var(--cat-ai)}.seg-toggle{display:inline-flex;padding:3px;background:#e9edf5;border-radius:var(--r-pill)}.seg-toggle button{padding:6px 18px;border-radius:var(--r-pill);color:var(--c-text-2);font-size:var(--fs-sm);font-weight:600}.seg-toggle button.is-active{background:#fff;color:var(--c-primary);box-shadow:var(--shadow-sm)}.plan-btn{padding:8px 16px;border-radius:var(--r-sm);border:1px solid var(--c-primary);color:var(--c-primary);background:#fff;font-weight:600;font-size:var(--fs-sm);transition:all .14s;white-space:nowrap}.plan-btn:hover{background:var(--c-primary-soft)}.plan-btn.is-on{background:var(--c-primary);color:#fff}.plan-btn--lg{padding:11px 22px;font-size:var(--fs-base);border-radius:var(--r-md)}.comp-chip{display:inline-flex;align-items:center;border-radius:var(--r-pill);border:1px solid var(--c-border);background:#fff;overflow:hidden}.comp-chip__link{padding:4px 4px 4px 12px;font-size:var(--fs-sm);color:var(--c-text);border-left:3px solid var(--chip-cat, var(--c-primary));white-space:nowrap}.comp-chip__link:hover{color:var(--chip-cat, var(--c-primary))}.comp-chip__add{margin-left:4px;width:24px;height:24px;margin-right:3px;border-radius:50%;color:var(--c-text-3);font-weight:700;font-size:var(--fs-md);line-height:1}.comp-chip__add:hover{background:var(--c-primary-soft);color:var(--c-primary)}.comp-chip__add.is-on{color:#fff;background:var(--c-primary)}.comp-chip.is-dimmed{opacity:.42}.empty-state{padding:var(--sp-12) var(--sp-6);text-align:center;background:var(--c-surface);border:1px dashed var(--c-border-strong);border-radius:var(--r-lg)}.empty-state__title{font-size:var(--fs-lg);font-weight:700}.empty-state__desc{margin-top:var(--sp-2);color:var(--c-text-2)}.empty-state__action{margin-top:var(--sp-5);display:flex;justify-content:center}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.skill-tag{padding:5px 14px;border-radius:var(--r-sm);background:var(--c-surface-2);border:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-2)}a.skill-tag{display:inline-flex;align-items:center;text-decoration:none;transition:color .15s,border-color .15s,background .15s}a.skill-tag:hover{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-soft)}.time-note{display:flex;align-items:center;gap:8px;color:var(--c-text-3);font-size:var(--fs-sm)}.page-boot{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--c-text-2);font-size:var(--fs-sm)}.res-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.res-item a{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-sm);transition:border-color .15s,background .15s}.res-item a:hover{border-color:var(--c-primary);background:var(--c-primary-soft)}.res-item__type{flex-shrink:0;padding:1px 7px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text-2)}.res-item__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-item__meta{flex-shrink:0;color:var(--c-text-3);font-size:var(--fs-xs);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-item__arrow{flex-shrink:0;color:var(--c-text-3)}.res-type--book,.res-type--paper{color:#8a5a00;background:#fdf5e2;border-color:#f0ddac}.res-type--mooc,.res-type--video{color:#1f52d8;background:var(--c-primary-soft);border-color:#c9d7fb}.res-type--github,.res-type--repo{color:#39414f;background:#eef1f6;border-color:#d3dae5}.res-type--article{color:#0b7a66;background:#e2f5f0;border-color:#b7e4d9}.res-block h3{margin:0 0 10px;font-size:var(--fs-base);color:var(--c-text)}.res-empty{margin:0;padding:14px;border:1px dashed var(--c-border-strong);border-radius:var(--r-sm);color:var(--c-text-3);font-size:var(--fs-sm);text-align:center;background:var(--c-surface-2)}.res-empty a{margin-left:6px;color:var(--c-primary);font-weight:600;white-space:nowrap}.prereq-card,.pitfall-card,.benefit-card,.chain-card{margin:var(--sp-8) 0 0}.prereq-grid{display:flex;flex-direction:column;gap:var(--sp-3);margin:0}.prereq-grid dt{font-size:var(--fs-xs);font-weight:600;color:var(--c-primary);margin-bottom:4px}.prereq-grid dd{margin:0;color:var(--c-text-2);font-size:var(--fs-sm);line-height:1.7}.prereq-grid ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.prereq__link{margin-left:8px;font-size:var(--fs-xs);color:var(--c-primary);font-weight:600;white-space:nowrap}.prereq-note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--c-text-3)}.pitfall-card{padding:var(--sp-5);border:1px solid #f0e0bd;border-radius:var(--r-lg);background:#fdf8ec}.pitfall-card .section-title{color:#7c520a}.pitfall-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.pitfall-list li{position:relative;padding-left:20px;color:#6f5414;font-size:var(--fs-sm);line-height:1.7}.pitfall-list li:before{content:"!";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:var(--c-warning);color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:14px}.benefit-tags{display:flex;flex-wrap:wrap;gap:10px}.benefit{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);font-size:var(--fs-sm);color:var(--c-text-2)}.benefit strong{font-size:var(--fs-base)}.benefit--strong{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.benefit--strong strong{color:#fff}.benefit--medium{border-color:#b9ccfa;background:var(--c-primary-soft);color:var(--c-primary-dark)}.benefit--weak{border-color:var(--c-border);background:var(--c-surface-2);color:var(--c-text-2)}.benefit--none{background:var(--c-surface-2);color:var(--c-text-3)}.benefit-note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--c-text-3)}.chain{display:flex;align-items:stretch;gap:var(--sp-3);flex-wrap:wrap}.chain__group{flex:1;min-width:150px;display:flex;flex-direction:column;gap:6px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}.chain__group--current{border-color:var(--c-primary);background:var(--c-primary-soft)}.chain__label{font-size:var(--fs-xs);color:var(--c-text-3)}.chain__group a{color:var(--c-primary);font-size:var(--fs-sm);font-weight:600}.chain__current{font-size:var(--fs-sm);font-weight:700;color:var(--c-text)}.chain__empty{color:var(--c-text-3);font-size:var(--fs-sm)}.chain__arrow{align-self:center;color:var(--c-text-3);font-size:var(--fs-md)}.hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(1000px 420px at 88% -25%,rgba(22,184,201,.32),transparent 60%),radial-gradient(820px 460px at 4% -5%,rgba(88,126,255,.4),transparent 55%),linear-gradient(135deg,#0c1b3d,#142c61 58%,#0e2352)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);pointer-events:none}.hero__inner{position:relative;padding:var(--sp-6) 0 var(--sp-6)}.hero__eyebrow{display:inline-block;padding:4px 14px;border-radius:var(--r-pill);background:#ffffff1a;border:1px solid rgba(255,255,255,.22);font-size:var(--fs-sm);color:#cfe0ff}.hero__title{margin-top:var(--sp-3);font-size:var(--fs-2xl);line-height:1.25;font-weight:800;letter-spacing:.01em;white-space:nowrap}.hero__desc{margin-top:var(--sp-3);max-width:640px;font-size:var(--fs-md);color:#c3d0e8;white-space:nowrap}.hero__actions{margin-top:var(--sp-5);display:flex;gap:var(--sp-4);flex-wrap:wrap}.hero__stats{margin-top:var(--sp-6);display:grid;grid-template-columns:repeat(4,auto);gap:var(--sp-8);justify-content:start}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat__num{font-size:var(--fs-xl);font-weight:800}.hero-stat__num em{font-style:normal;font-size:var(--fs-sm);font-weight:600;margin-left:3px;color:#9db2d8}.hero-stat__label{font-size:var(--fs-sm);color:#9db2d8}.page--home .home-section+.home-section{margin-top:var(--sp-14, 56px)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.cat-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:var(--sp-5) var(--sp-5) var(--sp-5) var(--sp-6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:transform .15s,box-shadow .15s}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cat-card__bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cat)}.cat-card__label{font-size:var(--fs-lg);font-weight:700;color:var(--c-text)}.cat-card__count{font-size:var(--fs-sm);color:var(--c-text-3)}.signup-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.signup-block{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);overflow:hidden}.signup-block__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}.signup-block__title{font-weight:700;font-size:var(--fs-md);color:var(--c-text)}.signup-block__count{padding:1px 10px;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--fs-sm);font-weight:600}.signup-block__list{list-style:none;margin:0;padding:0}.signup-block__list li+li{border-top:1px solid var(--c-border)}.signup-item{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.signup-item:hover{background:var(--c-surface-2)}.signup-item__name{font-weight:600;color:var(--c-text)}.signup-item__meta{margin-left:auto;text-align:right;font-size:var(--fs-sm);color:var(--c-text-3)}.signup-item__tag{flex-shrink:0;padding:2px 8px;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--fs-sm)}.signup-block__empty{margin:0;padding:var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-3)}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.path-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-8);border-radius:var(--r-lg);color:#fff;overflow:hidden;min-height:230px;transition:transform .16s,box-shadow .16s}.path-card:hover{color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.path-card--ug{background:linear-gradient(135deg,#2f6bff,#5b8dff)}.path-card--pg{background:linear-gradient(135deg,#5b3fd6,#8a6bff)}.path-card__tag{font-size:var(--fs-xs);letter-spacing:.18em;opacity:.75;font-weight:600}.path-card h3{font-size:var(--fs-xl)}.path-card p{color:#ffffffd9}.path-card__more{margin-top:auto;font-weight:600}.catalog-toolbar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.catalog-search{position:relative;display:flex;align-items:center;color:var(--c-text-3)}.catalog-search svg{position:absolute;left:14px}.catalog-search input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2)}.catalog-search input:focus{outline:none;border-color:var(--c-primary);background:#fff;box-shadow:0 0 0 3px #2f6bff1f}.catalog-chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.catalog-select-row{display:flex;gap:var(--sp-5);flex-wrap:wrap}.catalog-select-row label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-2)}.catalog-select-row select{padding:7px 10px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:#fff}.catalog-school{cursor:pointer;-webkit-user-select:none;user-select:none}.catalog-school input{width:15px;height:15px;accent-color:var(--c-primary);cursor:pointer}.rank-legend{margin:0;font-size:var(--fs-xs);line-height:1.8;color:var(--c-text-3)}.rank-legend__items{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-right:var(--sp-2);white-space:nowrap}.rank-dot{display:inline-block;width:9px;height:9px;margin-right:3px;border-radius:2px;vertical-align:-.5px}.rank-dot--a1{background:var(--whut-a1)}.rank-dot--a2{background:var(--whut-a2)}.rank-dot--a3{background:var(--whut-a3)}.rank-dot--b1{background:var(--whut-b1)}.rank-dot--b2{background:var(--whut-b2)}.rank-dot--c{background:var(--whut-c)}.rank-legend a{color:var(--c-primary);white-space:nowrap}.catalog-count{margin:var(--sp-5) 0 var(--sp-4);font-size:var(--fs-sm);color:var(--c-text-2)}.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);color:var(--c-text-2);margin-bottom:var(--sp-5)}.back-link:hover{color:var(--c-primary)}.detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap}.detail-head__badges{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.detail-head h1{font-size:var(--fs-2xl);line-height:1.3}.detail-head__sub{margin-top:var(--sp-2);color:var(--c-text-3)}.meta-grid{margin-top:var(--sp-6);display:grid;grid-template-columns:1fr 1fr;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.meta-item{padding:var(--sp-4) var(--sp-5);display:flex;gap:var(--sp-4);border-bottom:1px solid var(--c-border)}.meta-item:nth-child(odd){border-right:1px solid var(--c-border)}.meta-item dt{flex:0 0 88px;font-size:var(--fs-sm);color:var(--c-text-3);white-space:nowrap}.meta-item dd{font-size:var(--fs-sm)}.detail-intro{margin-top:var(--sp-8)}.detail-cols{margin-top:var(--sp-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.bullet-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5)}.bullet-card h2{display:flex;align-items:center;gap:8px;font-size:var(--fs-lg);color:var(--c-primary)}.bullet-card ul{margin-top:var(--sp-3)}.bullet-card li{position:relative;padding-left:18px;font-size:var(--fs-sm);color:var(--c-text-2);margin-top:8px}.bullet-card li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--c-primary)}.detail-skills{margin-top:var(--sp-8)}.detail-foot{margin-top:var(--sp-8);display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.detail-foot .time-note{flex:1;min-width:260px}.detail-rail{display:none}.detail-toc{margin-top:var(--sp-5)}.detail-toc__track{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 16px),transparent)}.detail-toc__track::-webkit-scrollbar{display:none}.detail-toc__chip{flex:0 0 auto;padding:5px 12px;font-size:var(--fs-sm);line-height:1.4;color:var(--c-text-2);background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.detail-toc__chip:hover{color:var(--c-primary);border-color:var(--c-border-strong)}.detail-toc__chip.is-active{color:var(--c-primary);background:var(--c-primary-soft);border-color:var(--c-primary-soft);font-weight:600}.detail-page [id^=sec-]{scroll-margin-top:calc(var(--nav-h) + 12px)}.tl-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.tl-mine{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--c-text-2);-webkit-user-select:none;user-select:none}.tl-chip-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-4) 0}.tl-board{position:relative;--label-w: 150px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.tl-line{display:grid;grid-template-columns:var(--label-w) repeat(12,minmax(0,1fr));min-height:46px;border-bottom:1px dashed var(--c-border)}.tl-line:last-child{border-bottom:0}.tl-line--head{min-height:38px;background:var(--c-surface-2);border-bottom:1px solid var(--c-border)}.tl-corner{border-right:1px solid var(--c-border)}.tl-month{display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);color:var(--c-text-3);font-weight:600}.tl-grid-overlay{position:absolute;top:38px;bottom:0;left:var(--label-w);right:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));pointer-events:none}.tl-grid-overlay span{border-left:1px dashed #edf0f6}.tl-today{position:absolute;top:0;bottom:0;left:var(--label-w);right:0;z-index:5;pointer-events:none}.tl-today__line{position:absolute;top:0;bottom:0;left:var(--today-x);width:2px;background:var(--c-danger)}.tl-today__tag{position:absolute;top:2px;left:var(--today-x);transform:translate(-50%);padding:3px 7px;border-radius:999px;background:var(--c-danger);color:#fff;font-size:10px;line-height:1;font-weight:600;white-space:nowrap;box-shadow:0 1px 4px #dc444459}.tl-line__label{display:flex;align-items:center;padding:0 12px;font-size:var(--fs-sm);font-weight:600;color:var(--c-text);border-right:1px solid var(--c-border);white-space:nowrap;overflow:hidden}.tl-line__label:hover{color:var(--cat)}.tl-bar{align-self:center;display:flex;align-items:center;height:24px;margin:0 3px;padding:0 8px;border-radius:6px;background:color-mix(in srgb,var(--cat) 16%,#fff);border:1px solid color-mix(in srgb,var(--cat) 42%,#fff)}.tl-bar:hover{background:color-mix(in srgb,var(--cat) 28%,#fff)}.tl-bar__text{font-size:var(--fs-xs);color:color-mix(in srgb,var(--cat) 78%,#223);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-bar--rolling{height:22px;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--cat) 14%,#fff) 0 8px,#fff 8px 16px);justify-content:center}.tl-bar--rolling .tl-bar__text{color:var(--cat);font-weight:600}.tl-legend{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-3)}.tl-empty{padding:var(--sp-6)}.tl-tip{position:fixed;z-index:1000;max-width:320px;padding:6px 10px;font-size:var(--fs-sm);line-height:1.5;color:#fff;background:var(--c-ink-900);border-radius:var(--r-sm);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;white-space:normal;word-break:break-word}.tl-tip.is-visible{opacity:1;transform:translateY(0)}.planner-form{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.planner-form__row{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.planner-form__label{flex:0 0 88px;font-size:var(--fs-sm);font-weight:600;color:var(--c-text-2);line-height:1.4}.planner-form__label small{font-weight:400;color:var(--c-text-3)}#planner-grade{min-width:160px;padding:8px 12px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:#fff}.planner-interests{display:flex;gap:var(--sp-2);flex-wrap:wrap}.roadmap-wrap{margin-top:var(--sp-10)}.roadmap-wrap__sub{font-size:var(--fs-sm);font-weight:400;color:var(--c-text-3);margin-left:var(--sp-3)}.roadmap{margin-top:var(--sp-5);position:relative}.roadmap-stage{display:grid;grid-template-columns:96px 1fr;gap:var(--sp-5)}.roadmap-stage__axis{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:var(--sp-2)}.roadmap-stage__axis:after{content:"";position:absolute;top:0;bottom:calc(-1 * var(--sp-6));width:2px;background:var(--c-border);z-index:0}.roadmap-stage:last-child .roadmap-stage__axis:after{display:none}.roadmap-stage__grade{position:relative;z-index:1;padding:3px 10px;background:var(--c-primary);color:#fff;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.roadmap-stage__sem{position:relative;z-index:1;margin-top:4px;font-size:var(--fs-xs);color:var(--c-text-3)}.roadmap-stage__body{padding:var(--sp-5);margin-bottom:var(--sp-6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg)}.roadmap-stage__body h3{font-size:var(--fs-lg)}.roadmap-stage__goal{margin-top:6px;font-size:var(--fs-sm);color:var(--c-text-2)}.roadmap-stage__advice{margin-top:var(--sp-3)}.roadmap-stage__advice li{position:relative;padding-left:16px;font-size:var(--fs-sm);color:var(--c-text-2);margin-top:6px}.roadmap-stage__advice li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--c-accent)}.roadmap-stage__comps{margin-top:var(--sp-4);display:flex;gap:var(--sp-2);flex-wrap:wrap}.my-plan,.plan-summary{margin-top:var(--sp-8);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-6)}.my-plan__head,.plan-summary__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.my-plan__count,.plan-summary__count{font-size:var(--fs-sm);font-weight:500;color:var(--c-text-3)}.plan-summary__chips{margin-top:var(--sp-4);display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.plan-summary__link,.plan-summary__more{color:var(--c-primary);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.plan-summary__empty{margin:var(--sp-3) 0 0;color:var(--c-text-3);font-size:var(--fs-sm)}.plan-dist-wrap{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.plan-dist{display:flex;align-items:flex-start;gap:var(--sp-4)}.plan-dist__month{flex:0 0 52px;padding:3px 0;text-align:center;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--fs-sm);font-weight:700}.plan-dist__comps{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.plan-storage-warn{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:#fdf5e2;border:1px solid #f0ddac;border-radius:var(--r-sm);font-size:var(--fs-sm);color:#8a5a00}.about-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-6);margin-top:var(--sp-5)}.about-card:first-of-type{margin-top:0}.about-card--warn{background:#fffaf0;border-color:#f0ddac}.about-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3) var(--sp-6);margin-bottom:var(--sp-4)}.about-meta__item dt{font-size:var(--fs-xs);color:var(--c-text-3);margin-bottom:2px}.about-meta__item dd{font-size:var(--fs-base);color:var(--c-text)}.about-rank{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);margin:var(--sp-4) 0;padding:0;list-style:none}.about-rank__item{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text-2)}.about-feedback{margin-top:var(--sp-3)}.about-feedback li{position:relative;padding-left:18px;margin-top:8px;color:var(--c-text-2)}.about-feedback li:before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--c-primary)}.about-feedback a{color:var(--c-primary);text-decoration:none}.about-feedback a:hover{text-decoration:underline}.about-version{margin-top:var(--sp-8);text-align:center;font-size:var(--fs-sm);color:var(--c-text-3)}@media(max-width:600px){.about-meta{grid-template-columns:1fr}}@media(max-width:960px){.comp-grid,.cat-grid{grid-template-columns:repeat(2,1fr)}.detail-cols,.path-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero__inner{padding:var(--sp-5) 0 var(--sp-4)}.hero__title{font-size:var(--fs-2xl)}.hero__stats{grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.hero-stat__num{font-size:var(--fs-lg)}.nav__links{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav__links::-webkit-scrollbar{display:none}.nav__links{flex:1 1 auto;min-width:0}.nav__links a{flex-shrink:0;padding:6px 10px;font-size:var(--fs-sm);white-space:nowrap}.nav__brand-text em{display:none}.nav__badge{min-width:16px;height:16px;margin-left:4px;font-size:10px}.mp-toolbar .seg-toggle{flex:1 1 100%}.mp-toolbar .seg-toggle button{flex:1;padding:6px 0}.mp-toolbar .btn{margin-left:auto}.mp-stage,.plan-summary{padding:var(--sp-4)}.comp-grid,.cat-grid,.meta-grid{grid-template-columns:1fr}.meta-item:nth-child(odd){border-right:0}.signup-blocks{grid-template-columns:1fr}.tl-board{--label-w: 78px}.tl-bar__text{display:none}.tl-bar{margin:0 2px}.tl-line__label{padding:0 6px;font-size:var(--fs-xs)}.tl-grade{width:18px;height:15px;margin-right:4px;font-size:8.5px}.roadmap-stage{grid-template-columns:64px 1fr;gap:var(--sp-3)}.roadmap-stage__axis:after{bottom:calc(-1 * var(--sp-4))}.planner-form__label{flex-basis:auto}.path-card{padding:var(--sp-6);min-height:0}}.detail-resources{margin-top:var(--sp-8)}.detail-resources__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}@media(max-width:959px){.detail-resources__grid{grid-template-columns:minmax(0,1fr)}}.detail-winners{margin-top:var(--sp-5);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2)}.detail-winners__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.detail-winners__head h3{margin:0;font-size:var(--fs-base);color:var(--c-text)}.detail-winners__range{color:var(--c-text-3);font-weight:400}.detail-winners__total{color:var(--c-text-3);font-size:var(--fs-sm);white-space:nowrap}.detail-winners__body{max-height:520px;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-winners__year{padding-top:var(--sp-3);margin-top:var(--sp-3);border-top:1px dashed var(--c-border-strong)}.detail-winners__year:first-child{padding-top:0;margin-top:0;border-top:none}.detail-winners__year-name{font-weight:700;color:var(--c-text);margin-bottom:var(--sp-2)}.detail-winners__group{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:4px;padding:3px 0;font-size:var(--fs-sm);line-height:1.7;color:var(--c-text)}.detail-winners__label{flex:0 0 auto;font-weight:600;color:var(--c-primary);white-space:nowrap}.detail-winners__names{flex:1 1 auto;min-width:0}.detail-winners__note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--c-text-3)}.detail-notices{margin-top:var(--sp-5);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2)}.detail-notices__head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-3)}.detail-notices__head .section-title{margin:0}.detail-notices__sub{flex:1 1 auto;color:var(--c-text-3);font-size:var(--fs-sm)}.detail-notices__total{color:var(--c-text-3);font-size:var(--fs-sm);white-space:nowrap}.detail-notices__list{list-style:none;margin:0;padding:0}.detail-notices__item{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3);padding:8px 0;border-top:1px dashed var(--c-border-strong)}.detail-notices__item:first-child{padding-top:0;border-top:none}.detail-notices__link{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:10px;color:var(--c-text);text-decoration:none}.detail-notices__link:hover .detail-notices__title,.detail-notices__link:hover .detail-notices__arrow{color:var(--c-primary)}.detail-notices__type{flex:0 0 auto;padding:1px 8px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;line-height:1.7;white-space:nowrap}.detail-notices__type--call{color:var(--cat-innovation);background:var(--cat-innovation-bg)}.detail-notices__type--result{color:var(--cat-modeling);background:var(--cat-modeling-bg)}.detail-notices__type--other{color:var(--c-text-2);background:var(--c-border)}.detail-notices__title{flex:1 1 auto;min-width:0;font-size:var(--fs-sm);line-height:1.6}.detail-notices__arrow{flex:0 0 auto;color:var(--c-text-3);font-size:var(--fs-sm)}.detail-notices__meta{flex:0 0 auto;margin-left:auto;display:flex;align-items:baseline;gap:8px;color:var(--c-text-3);font-size:var(--fs-xs);white-space:nowrap}.detail-notices__dept{padding:0 6px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);color:var(--c-text-2);line-height:1.7}.detail-notices__note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--c-text-3)}.detail-notices__note a{color:var(--c-text-2)}.paths-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-6) 0 var(--sp-3)}.paths-tabs .chip-tab{text-decoration:none}.paths-audience{margin-bottom:var(--sp-6)}.path-intro{padding:var(--sp-6);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--c-ink-800),var(--c-primary-dark));color:#dce6fb}.path-intro h2{margin:0 0 var(--sp-2);color:#fff;font-size:var(--fs-xl)}.path-intro p{margin:0;line-height:1.8;font-size:var(--fs-base)}.path-section{margin-top:var(--sp-10)}.path-section__sub{margin:-8px 0 var(--sp-4);color:var(--c-text-3);font-size:var(--fs-sm)}.path-stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.path-stage{display:flex;gap:var(--sp-4)}.path-stage__no{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);font-weight:700;text-align:center;line-height:32px}.path-stage__body{flex:1;min-width:0;padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}.path-stage__body h3{margin:0 0 4px;font-size:var(--fs-md)}.path-stage__goal{margin:0 0 var(--sp-3);color:var(--c-text-2);font-size:var(--fs-sm)}.path-stage__comps{margin-top:var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-2)}.stage-comp{padding:4px 12px;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--fs-sm);font-weight:600;white-space:nowrap}.ladder{list-style:none;margin:0;padding:0 0 0 var(--sp-2)}.ladder-node{display:grid;grid-template-columns:64px 20px 1fr;align-items:center;gap:var(--sp-3)}.ladder-node__grade{text-align:right;color:var(--c-text-2);font-size:var(--fs-sm);font-weight:600}.ladder-node__dot{width:12px;height:12px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-soft);justify-self:center}.ladder-node__card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface)}.ladder-node__main{min-width:0}.ladder-node__card a{color:var(--c-text);font-weight:700;font-size:var(--fs-base)}.ladder-node__card p{margin:2px 0 0;color:var(--c-text-2);font-size:var(--fs-sm)}.ladder-line{height:18px;width:2px;margin-left:72px;background:var(--c-border-strong)}.roadmap-stage__filtered{margin:6px 0 0;padding:6px 12px;border:1px dashed var(--c-border-strong);border-radius:var(--r-sm);color:var(--c-text-2);font-size:var(--fs-sm)}.roadmap-stage__filtered a{color:var(--c-primary);font-weight:600}.beginner-plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}.beginner-month{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}.beginner-month--final{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.beginner-month__no{font-size:var(--fs-xs);font-weight:700;color:var(--c-primary)}.beginner-month__goal{margin:0;font-size:var(--fs-sm);color:var(--c-text);line-height:1.6}.beginner-month__comp{margin-top:auto;padding-top:var(--sp-2);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.beginner-month__comp a{color:var(--c-primary);font-size:var(--fs-sm);font-weight:600}@media(max-width:959px){.beginner-plan{grid-template-columns:minmax(0,1fr)}}.my-plan__next{margin-top:var(--sp-6);padding:var(--sp-5);border:1px solid var(--c-border);border-inline-start:3px solid var(--c-primary);border-radius:var(--r-md);background:var(--c-surface)}.my-plan__next h3{margin:0;font-size:var(--fs-md)}.my-plan__next-sub{margin:2px 0 var(--sp-3);color:var(--c-text-3);font-size:var(--fs-sm)}.my-plan__next-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.mp-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-4)}.mp-semester-note{margin:0 0 var(--sp-3);color:var(--c-text-3);font-size:var(--fs-sm)}.mp-stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-4)}.mp-stage{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5)}.mp-stage__head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.mp-stage__grade{padding:3px 10px;border-radius:var(--r-pill);background:var(--c-primary);color:#fff;font-size:var(--fs-xs);font-weight:700}.mp-stage__sem{font-size:var(--fs-sm);font-weight:600;color:var(--c-text-2)}.mp-stage__count{margin-left:auto;font-size:var(--fs-xs);color:var(--c-text-3)}.mp-stage__comps{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-width:0}.mp-first-tag{align-self:center;padding:1px 7px;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:11px;font-weight:700;white-space:nowrap}.mp-stale{margin:0 0 var(--sp-3);color:#8a5a00;font-size:var(--fs-sm)}@media(min-width:768px)and (max-width:1439.98px){.detail-toc{position:sticky;top:var(--nav-h);z-index:50;margin-top:var(--sp-4);padding:8px 0;background:#ffffffeb;border-bottom:1px solid var(--c-border);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.detail-page [id^=sec-]{scroll-margin-top:112px}}@media(min-width:1440px){.detail-toc{display:none}.detail-rail{display:flex;flex-direction:column;gap:2px;position:fixed;top:50%;transform:translateY(-50%);right:max(16px,calc((100vw - var(--container)) / 2 - 116px));width:96px;z-index:40}.detail-rail__item{padding:5px 10px;text-align:left;font-size:var(--fs-sm);line-height:1.35;color:var(--c-text-3);background:none;border:0;border-left:2px solid transparent;transition:color .15s,border-color .15s}.detail-rail__item:hover{color:var(--c-primary);border-left-color:var(--c-border-strong)}.detail-rail__item.is-active{color:var(--c-primary);font-weight:600;border-left-color:var(--c-primary)}.detail-rail__top{margin-top:10px;padding:4px 10px;text-align:left;font-size:var(--fs-xs);color:var(--c-text-3);background:none;border:0;border-left:2px solid transparent}.detail-rail__top:hover{color:var(--c-primary)}}.skill-head__theme{margin:0 0 var(--sp-2)}.badge--soft{background:var(--c-surface-2);border:1px solid var(--c-border);color:var(--c-text-2);font-weight:500}.skill-resources{margin-top:var(--sp-6)}.skill-resources .res-block+.res-block{margin-top:var(--sp-5)}.skill-comps{margin-top:var(--sp-6)}.skill-comps h2{margin:0 0 var(--sp-3);font-size:var(--fs-lg)}.skill-comps__count{color:var(--c-text-3);font-weight:400}.skill-comps__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.skill-comp a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface)}.skill-comp a:hover{border-color:var(--c-primary)}.skill-comp__name{flex:1;min-width:0;overflow:hidden;color:var(--c-text);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis}.skill-comp__level{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.skill-check-card{margin:var(--sp-8) 0 0}.skill-check-card__progress{margin:var(--sp-2) 0 var(--sp-4);color:var(--c-text-2);font-size:var(--fs-sm)}.skill-check-rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--c-border)}.skill-check-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:10px 0;border-bottom:1px solid var(--c-border);transition:opacity .2s ease}.skill-check-row__name{color:var(--c-primary);font-size:var(--fs-sm);font-weight:500;text-decoration:none}.skill-check-row__name:hover{text-decoration:underline}.skill-check-row__res{display:flex;align-items:center;gap:8px;min-width:0;color:var(--c-text-2);font-size:var(--fs-sm);text-decoration:none}.skill-check-row__res:hover{color:var(--c-primary)}.skill-check-row__res-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skill-check-row__res-arrow{flex-shrink:0;color:var(--c-text-3)}.skill-check-row__empty{color:var(--c-text-3);font-size:var(--fs-sm)}.skill-check-row__check{display:inline-flex;align-items:center;gap:6px;color:var(--c-text-2);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer}.skill-check-row.is-on{opacity:.7}.skill-check-row.is-on .skill-check-row__name,.skill-check-row.is-on .skill-check-row__res,.skill-check-row.is-on .skill-check-row__check{color:var(--c-text-3)}.skill-check-card__note{margin:var(--sp-3) 0 0;color:var(--c-text-3);font-size:var(--fs-xs)}@media(max-width:640px){.skill-check-row{grid-template-columns:minmax(0,1fr) auto;gap:6px var(--sp-3)}.skill-check-row__res,.skill-check-row__empty{grid-column:1 / -1}}.skill-progress{display:block;height:6px;border-radius:999px;background:var(--c-border);overflow:hidden}.skill-progress__bar{display:block;height:100%;border-radius:999px;background:var(--c-primary);transition:width .2s ease}.skill-progress__bar.is-full{background:var(--c-success)}.mp-skills{margin:var(--sp-8) 0 0}.mp-skills h2{margin:0 0 var(--sp-1);font-size:var(--fs-lg)}.mp-skills__sub{margin:0 0 var(--sp-4);color:var(--c-text-3);font-size:var(--fs-sm)}.mp-skills__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mp-skill{display:grid;grid-template-columns:minmax(0,1fr) auto 160px;align-items:center;gap:var(--sp-3)}.mp-skill__name{min-width:0;overflow:hidden;color:var(--c-text);font-size:var(--fs-sm);text-decoration:none;white-space:nowrap;text-overflow:ellipsis}.mp-skill__name:hover{color:var(--c-primary)}.mp-skill__nums{color:var(--c-text-2);font-size:var(--fs-sm);white-space:nowrap}@media(max-width:720px){.mp-skill{grid-template-columns:minmax(0,1fr) auto}.mp-skill .skill-progress{grid-column:1 / -1}}