.wb-home{--wb-accent:var(--color-brand,#e66000);--wb-accent-soft:color-mix(in srgb, var(--wb-accent) 10%, transparent);--wb-line:var(--border-primary-color,#e5e7eb);--wb-surface:var(--card-bg,#fff);--wb-sunken:var(--bg-base-gray,#f6f6f7);flex-direction:column;gap:28px;width:100%;max-width:940px;margin:0 auto;padding:40px 24px 28px;display:flex}.wb-home-hero{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.wb-home-kicker{color:var(--wb-accent);background:var(--wb-accent-soft);border:1px solid color-mix(in srgb, var(--wb-accent) 18%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:550;display:inline-flex}.wb-home-title{letter-spacing:-.01em;color:var(--color-text-primary);margin:4px 0 0;font-size:30px;font-weight:700;line-height:1.25}.wb-home-sub{color:var(--color-text-secondary);margin:0;font-size:14.5px;line-height:1.7}.wb-home-label{letter-spacing:.04em;color:var(--color-text-weak);align-items:center;gap:6px;margin:0 0 10px;font-size:12.5px;font-weight:600;display:flex}.wb-home-resume-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.wb-home-resume-card{background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:12px;align-items:center;gap:10px;min-height:62px;padding:10px 12px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;color:var(--color-text-primary)!important}.wb-home-resume-card:hover{border-color:color-mix(in srgb, var(--wb-accent) 45%, var(--wb-line));transform:translateY(-1px)}.wb-home-resume-card.is-skeleton{background:linear-gradient(90deg, var(--wb-sunken), var(--wb-surface), var(--wb-sunken));background-size:200% 100%;animation:1.4s ease-in-out infinite wb-shimmer}.wb-home-resume-icon{width:32px;height:32px;color:var(--color-text-secondary);background:var(--wb-sunken);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wb-home-resume-card.is-ongoing .wb-home-resume-icon{color:var(--wb-accent);background:var(--wb-accent-soft)}.wb-home-resume-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wb-home-resume-text strong{font-size:13.5px;font-weight:600}.wb-home-resume-text em{color:var(--color-text-weak);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-style:normal;overflow:hidden}.wb-home-resume-arrow{color:var(--color-text-weak);flex-shrink:0;margin-left:auto}.wb-home-resume-empty{color:var(--color-text-secondary);background:var(--wb-sunken);border-radius:10px;margin:0;padding:12px 14px;font-size:13px}.wb-home-intents{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;display:grid}.wb-intent-list{flex-direction:column;gap:8px;display:flex}.wb-intent-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wb-intent{text-align:left;cursor:pointer;background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:12px;align-items:center;gap:11px;width:100%;min-height:62px;padding:11px 12px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;color:var(--color-text-primary)!important}.wb-intent:hover,.wb-intent:focus-visible{border-color:color-mix(in srgb, var(--wb-accent) 45%, var(--wb-line));box-shadow:0 10px 24px -18px color-mix(in srgb, var(--wb-accent) 70%, transparent);outline:none;transform:translateY(-1px)}.wb-intent-icon{width:36px;height:36px;color:var(--wb-accent);background:var(--wb-accent-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wb-intent-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wb-intent-text strong{font-size:14px;font-weight:600}.wb-intent-text em{color:var(--color-text-weak);font-size:12.5px;font-style:normal;line-height:1.5}.wb-intent-arrow{color:var(--color-text-weak);flex-shrink:0;margin-left:auto;transition:color .15s}.wb-intent:hover .wb-intent-arrow{color:var(--wb-accent)}.wb-intent.is-soon{cursor:default;position:relative}.wb-intent.is-soon .wb-intent-icon{color:var(--color-text-weak);background:var(--wb-sunken)}.wb-intent.is-soon:hover{border-color:var(--wb-line);box-shadow:none;transform:none}.wb-intent-soon{color:var(--color-text-weak);white-space:nowrap;border:1px solid var(--wb-line);border-radius:999px;padding:1px 7px;font-size:11px;font-style:normal;position:absolute;top:10px;right:10px}.wb-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.wb-feature{min-width:0;color:var(--color-text-primary);text-align:left;cursor:pointer;background:var(--wb-surface);border:1px solid var(--wb-line);border-radius:14px;flex-direction:column;gap:10px;padding:10px 10px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.wb-feature:hover,.wb-feature:focus-visible{border-color:color-mix(in srgb, var(--wb-accent) 45%, var(--wb-line));box-shadow:0 14px 30px -22px color-mix(in srgb, var(--wb-accent) 80%, transparent);outline:none;transform:translateY(-2px)}.wb-feature-text{flex-direction:column;gap:4px;padding:0 4px;display:flex}.wb-feature-text strong{font-size:13.5px;font-weight:600}.wb-feature-text em{color:var(--color-text-weak);font-size:12px;font-style:normal;line-height:1.55}.wb-feature-try{color:var(--color-text-weak);align-items:center;gap:5px;margin-top:auto;padding:0 4px;font-size:12px;transition:color .15s;display:inline-flex}.wb-feature:hover .wb-feature-try{color:var(--wb-accent)}.wb-art{background:radial-gradient(120% 90% at 100% 0%, var(--wb-accent-soft), transparent 60%), var(--wb-sunken);border-radius:10px;gap:8px;height:96px;padding:12px;display:flex;position:relative;overflow:hidden}.wb-art i,.wb-art b{background:color-mix(in srgb, var(--color-text-weak) 30%, transparent);border-radius:3px;height:6px;display:block}.wb-art b{background:color-mix(in srgb, var(--color-text-primary) 55%, transparent);width:60%;height:8px}.wb-art .is-short{width:55%}.wb-art-tree,.wb-art-summary{background:var(--wb-surface);border-radius:7px;flex-direction:column;gap:6px;padding:8px;display:flex}.wb-art-tree{width:42%}.wb-art-summary{flex:1}.wb-art-tree .is-dir{background:color-mix(in srgb, var(--color-text-primary) 40%, transparent);width:70%}.wb-art-tree .is-l2{width:60%;margin-left:10px}.wb-art-tree .is-hot{background:var(--wb-accent)}.wb-art-resume{justify-content:center}.wb-art-paper{background:var(--wb-surface);border-radius:6px;flex-direction:column;gap:7px;width:62%;padding:10px;display:flex;box-shadow:0 6px 14px -10px #0f172a4d}.wb-art-paper .is-mark{background:color-mix(in srgb, var(--wb-accent) 55%, transparent)}.wb-art-tag{color:#fff;background:var(--wb-accent);box-shadow:0 6px 14px -8px var(--wb-accent);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;bottom:14px;right:10px}.wb-art-map svg{width:100%;height:100%}.wb-art-map path{fill:none;stroke:color-mix(in srgb, var(--color-text-weak) 55%, transparent);stroke-width:1.5px}.wb-art-map rect{fill:var(--wb-surface);stroke:color-mix(in srgb, var(--color-text-weak) 35%, transparent)}.wb-art-map rect.is-root{fill:var(--wb-accent);stroke:none}.wb-art-quiz{flex-direction:column;gap:7px}.wb-art-bubble{background:var(--wb-surface);border-radius:8px 8px 8px 2px;flex-direction:column;gap:5px;width:62%;padding:7px 9px;display:flex}.wb-art-bubble.is-me{background:color-mix(in srgb, var(--wb-accent) 16%, var(--wb-surface));border-radius:8px 8px 2px;width:44%;margin-left:auto}.wb-art-score{color:var(--color-text-weak);background:var(--wb-surface);border-radius:999px;align-items:baseline;gap:2px;padding:3px 8px;font-size:11px;display:flex;position:absolute;top:10px;right:10px}.wb-art-score b{width:auto;height:auto;color:var(--wb-accent);background:0 0;font-size:14px;display:inline}@keyframes wb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1080px){.wb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.wb-home{gap:22px;padding:22px 14px 18px}.wb-home-title{font-size:24px}.wb-home-intents{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.wb-intent-list.is-grid,.wb-feature-grid{grid-template-columns:minmax(0,1fr)}.wb-art{height:80px}}@media (prefers-reduced-motion:reduce){.wb-home-resume-card.is-skeleton{animation:none}.wb-intent,.wb-feature,.wb-home-resume-card{transition:none}}
.wb-root{height:100dvh;padding-top:var(--site-banner-h,0);background:var(--card-bg,#fff);grid-template:"top top""side main"minmax(0,1fr)/auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.wb-top{border-bottom:1px solid var(--border-primary-color,#e5e7eb);grid-area:top;align-items:center;gap:8px;height:52px;padding:0 14px 0 12px;display:flex}.wb-brand{border-radius:8px;align-items:center;gap:8px;padding:4px 6px;text-decoration:none;display:inline-flex;color:var(--color-text-primary)!important}.wb-brand img{border-radius:7px}.wb-brand strong{letter-spacing:.01em;white-space:nowrap;font-size:15px;font-weight:650}.wb-top-right{align-items:center;gap:4px;margin-left:auto;display:flex}.wb-top-btn{min-width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:13.5px;transition:color .15s,background .15s;display:inline-flex}.wb-top-btn:hover,.wb-top-btn[aria-expanded=true]{color:var(--color-text-primary);background:var(--bg-base-gray,#f4f4f5)}.wb-top-btn:focus-visible,.wb-top-new:focus-visible,.wb-side-item:focus-visible{outline:2px solid color-mix(in srgb, var(--color-brand,#e66000) 40%, transparent);outline-offset:1px}.wb-top-credit{margin:0 2px 0 4px}.wb-top-menu{display:none}.wb-top-new{color:#fff;cursor:pointer;background:var(--color-brand,#e66000);border-radius:8px;align-items:center;gap:6px;height:32px;margin-left:4px;padding:0 12px;font-size:13.5px;font-weight:550;transition:filter .15s;display:inline-flex}.wb-top-new:hover{filter:brightness(1.08)}.wb-top-divider{background:var(--border-primary-color,#e5e7eb);width:1px;height:18px;margin:0 6px}.wb-top-avatar.is-placeholder{background:var(--bg-base-gray,#f4f4f5);border-radius:999px;flex-shrink:0;width:38px;height:38px;margin-left:2px;display:inline-block}.wb-top-login{height:32px;color:var(--color-text-primary);white-space:nowrap;cursor:pointer;border:1px solid var(--border-primary-color,#e5e7eb);border-radius:8px;flex-shrink:0;margin-left:2px;padding:0 14px;font-size:13.5px}.wb-top-login:hover{color:var(--color-brand,#e66000);border-color:var(--color-brand,#e66000)}.wb-learn{position:relative}.wb-learn-caret{transition:transform .15s}.wb-learn-caret.is-open{transform:rotate(180deg)}.wb-learn-menu{z-index:40;background:var(--card-bg,#fff);border:1px solid var(--border-primary-color,#e5e7eb);border-radius:12px;flex-direction:column;gap:2px;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px -18px #0f172a59}.wb-learn-item{border-radius:8px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:flex;color:var(--color-text-primary)!important}.wb-learn-item:hover,.wb-learn-item:focus-visible{background:var(--bg-base-gray,#f4f4f5)}.wb-learn-item>span{flex-direction:column;gap:2px;display:flex}.wb-learn-item strong{font-size:13.5px;font-weight:550}.wb-learn-item em{color:var(--color-text-weak);font-size:12px;font-style:normal}a.wb-top-btn{text-decoration:none;color:var(--color-text-secondary)!important}a.wb-top-btn:hover{color:var(--color-text-primary)!important}.wb-root>.doc-ai-rail{grid-area:side;width:252px}.wb-root>.doc-ai-rail.is-collapsed{width:60px}.doc-ai-rail-slot{padding-bottom:6px}.doc-ai-rail-slot.is-collapsed{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex;overflow-y:auto}.wb-side-nav{flex-direction:column;gap:1px;display:flex}.wb-side-nav.is-collapsed{align-items:center;gap:4px}.wb-side-group{letter-spacing:.04em;color:var(--color-text-weak);margin:0;padding:12px 10px 4px;font-size:11.5px;font-weight:600}.wb-side-item{text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:9px;width:100%;height:36px;padding:0 10px;font-size:13.5px;text-decoration:none;transition:color .15s,background .15s;display:flex;color:var(--color-text-secondary)!important}.wb-side-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-side-item:hover{background:var(--card-bg,#fff);color:var(--color-text-primary)!important}.wb-side-item.is-active{background:color-mix(in srgb, var(--color-brand,#e66000) 10%, var(--card-bg,#fff));font-weight:600;color:var(--color-brand,#e66000)!important}.wb-side-item.is-soon{cursor:default;opacity:.55}.wb-side-item.is-soon:hover{background:0 0;color:var(--color-text-secondary)!important}.wb-side-soon{color:var(--color-text-weak);border:1px solid var(--border-primary-color,#e5e7eb);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:11px;font-style:normal}.wb-side-nav.is-collapsed .wb-side-item,.wb-side-foot.is-collapsed .wb-side-item{justify-content:center;width:40px;padding:0}.doc-ai-rail-recent-title{border-top:1px solid var(--border-primary-color,#e5e7eb);align-items:center;gap:6px;margin-top:4px;padding:12px 10px 6px;display:flex}.doc-ai-rail-recent-title strong{letter-spacing:.04em;color:var(--color-text-weak);font-size:11.5px;font-weight:600}.doc-ai-rail-recent-title .doc-ai-rail-quota{margin-left:auto}.doc-ai-rail-foot{border-top:1px solid var(--border-primary-color,#e5e7eb);flex-shrink:0;padding-top:8px}.wb-side-foot{flex-direction:column;gap:2px;display:flex}.wb-side-foot.is-collapsed{align-items:center}.wb-side-avatar{object-fit:cover;border-radius:999px;width:20px;height:20px}.wb-side-item.is-vip{color:#c27a00!important}.wb-side-vip{color:#8a5300;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fff4d6,#fde3a7);border:1px solid #e8b04059;border-radius:10px;align-items:center;gap:10px;width:100%;margin:4px 0;padding:10px 12px;transition:filter .15s;display:flex}.wb-side-vip:hover{filter:brightness(1.03)}.wb-side-vip>span{flex-direction:column;gap:2px;display:flex}.wb-side-vip strong{font-size:13px}.wb-side-vip em{opacity:.8;font-size:11.5px;font-style:normal}:root[data-theme=dark] .wb-side-vip{color:#f8d27a;background:linear-gradient(135deg,#f8d27a24,#f8d27a0f);border-color:#f8d27a38}.wb-main{--site-nav-h:0px;grid-area:main;min-width:0;min-height:0;position:relative;overflow:auto}:root:has(.wb-root){--site-nav-h:calc(var(--site-banner-h,0px) + 52px)}.wb-main>.knowledge-map-page{height:100%;min-height:0}.wb-main>.wi-ai-page{height:100%;padding-top:0}@media (max-width:768px){.wb-root{grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.wb-top{padding:0 8px}.wb-top-menu{display:inline-flex}.wb-top-label,.wb-top-divider,.wb-top-btn.is-wide-only,.wb-top .wb-top-credit{display:none}.wb-top-new{justify-content:center;width:34px;padding:0}.wb-root>.doc-ai-rail{z-index:30;width:min(84vw,300px);padding-bottom:calc(10px + env(safe-area-inset-bottom));inset:var(--site-banner-h,0) auto 0 0;grid-area:auto;transition:transform .22s;position:absolute;transform:translate(-101%);box-shadow:0 20px 50px -20px #0f172a73}.wb-root>.doc-ai-rail.is-open{transform:none}.wb-root>.doc-ai-rail .doc-ai-rail-fold{display:none}.wb-root>.doc-ai-rail .doc-ai-rail-close{display:inline-flex}.wb-root>.doc-ai-rail-mask{z-index:29;pointer-events:none;opacity:0;background:#0f172a6b;transition:opacity .22s;display:block;position:absolute;inset:0}.wb-root>.doc-ai-rail-mask.is-on{pointer-events:auto;opacity:1}.wb-root:has(>.doc-ai-rail.is-open)>.wb-main{overflow:hidden}}@media (prefers-reduced-motion:reduce){.wb-root>.doc-ai-rail,.wb-root>.doc-ai-rail-mask{transition:none}}.wb-main .wi-roadmap-page-hero,.wb-main .wi-mi-hero{background:0 0;border-bottom:0;padding:36px 0 4px}.wb-main .wi-roadmap-page-hero:before,.wb-main .wi-mi-hero:before,.wb-main .wi-roadmap-page-beam,.wb-main .wi-mi-hero-beam{display:none}.wb-main .wi-roadmap-page-kicker{color:var(--color-brand,#e66000)}.wb-main .wi-mi-hero-kicker{color:var(--color-text-secondary);border-color:var(--border-primary-color,#e5e7eb);padding:3px 10px;font-size:11.5px}.wb-main .wi-roadmap-page-title,.wb-main .wi-mi-hero-title{letter-spacing:-.01em;max-width:none;color:var(--color-text-primary);margin:12px 0 0;font-size:clamp(24px,2.4vw,30px);font-weight:700;line-height:1.35}.wb-main .wi-roadmap-page-title span,.wb-main .wi-mi-hero-title span{margin:0 0 0 .3em;display:inline}.wb-main .wi-roadmap-page-title span{color:var(--color-brand,#e66000)}.wb-main .wi-mi-hero-title span{color:var(--mi-accent,#6875f5);-webkit-text-fill-color:currentcolor;background:0 0}.wb-main .wi-roadmap-page-copy,.wb-main .wi-mi-hero-copy{max-width:720px;color:var(--color-text-secondary);margin:8px 0 0;font-size:14px;line-height:1.8}.wb-main .wi-mi-hero-stats{gap:28px;margin-top:18px}.wb-main .wi-mi-hero-stats strong{color:var(--color-text-primary);font-size:20px}.wb-main .wi-mi-hero-stats span{color:var(--color-text-weak)}.wb-main .wi-roadmap-page-sources{border-left-color:var(--border-primary-color,#e5e7eb)}.wb-main .wi-roadmap-page-sources>div>span{color:var(--color-brand,#e66000);background:color-mix(in srgb, var(--color-brand,#e66000) 8%, transparent);border-color:color-mix(in srgb, var(--color-brand,#e66000) 18%, transparent)}.wb-main .wi-roadmap-page-sources strong{color:var(--color-text-primary)}.wb-main .wi-roadmap-page-sources small{color:var(--color-text-weak)}.wb-main .wi-mi-console-band{margin-top:24px}.wb-main .wi-roadmap-console-band{padding-top:28px}.wb-main .wi-roadmap-page-hero .grid{align-items:center}.wb-main>.vs-shell{--site-nav-h:calc(var(--site-banner-h,0px) + 52px);height:100%;padding-top:0}@media (max-width:900px){.wb-main>.vs-shell{height:auto;min-height:100%}.wb-main>.vs-shell .vsh-topbar{top:0}}.wb-main .wi-mi-hero .wi-mi-sk{background:color-mix(in srgb, var(--color-text-primary) 9%, transparent)}.wb-root .doc-ai-rail-loading i{background:linear-gradient(90deg, color-mix(in srgb, var(--color-text-primary) 7%, transparent) 20%, color-mix(in srgb, var(--color-text-primary) 14%, transparent) 38%, color-mix(in srgb, var(--color-text-primary) 7%, transparent) 58%);background-size:320% 100%}.wb-root .doc-ai-panel.is-page .doc-ai-input{background:var(--card-bg,#fff);border-color:#0f172a1a;border-radius:14px;transition:box-shadow .2s,border-color .2s;box-shadow:0 1px 2px #0f172a0a,0 10px 28px -8px #0f172a24}.wb-root .doc-ai-panel.is-page .doc-ai-input:focus-within{border-color:color-mix(in srgb, var(--color-brand,#e66000) 50%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand,#e66000) 12%, transparent), 0 12px 32px -8px #0f172a2e}:root[data-theme=dark] .wb-root .doc-ai-panel.is-page .doc-ai-input{box-shadow:0 1px 2px #0000004d,0 12px 32px -8px #0009}:root[data-theme=dark] .wb-root .doc-ai-panel.is-page .doc-ai-input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand,#e66000) 18%, transparent), 0 12px 32px -8px #0009}
