:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#161b2c;background:#f4f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f5f8}button,input{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9bb5ff;outline-offset:3px}.app-shell{min-height:100vh;max-width:1680px;margin:auto;background:#f8f9fc}.sidebar{position:relative;z-index:4;max-width:1120px;height:76px;margin:20px auto 0;padding:0 25px;border-radius:20px;background:#fff;box-shadow:0 9px 24px #2a35510d;display:flex;align-items:center;gap:62px}.brand,.mobile-brand{background:none;font-size:25px;font-weight:800;letter-spacing:-1.2px;color:#161b2c}.brand span,.mobile-brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:10px;color:#fff;background:#6d8df4;font-size:17px;letter-spacing:-.8px}.sidebar nav{flex:1;display:flex;justify-content:center;gap:8px}.sidebar nav button{display:flex;gap:7px;align-items:center;padding:10px 12px;color:#657086;border-radius:12px;background:transparent;text-align:left;font-size:14px;transition:.2s ease}.sidebar nav button:hover,.sidebar nav .nav-active{color:#5277eb;background:#eef2ff;font-weight:700}.sidebar-note{display:none}.sidebar-note strong{color:#4c5d85;font-size:14px}.sidebar-note p{margin:0;color:#78819a;font-size:12px;line-height:1.7}main{overflow:hidden}.topbar{display:none}.top-links{display:flex;gap:20px;align-items:center}.top-links>button:not(.language-toggle),.term-topbar>div>button:first-child{color:#687185;background:transparent;font-size:14px}.language-toggle{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:13px;color:#5069b6;background:#fff;box-shadow:0 7px 20px #44527914;font-size:14px;font-weight:700}.menu-button,.mobile-brand{display:none}.hero{max-width:1020px;margin:20px auto 0;padding:51px 7.2% 57px;border-radius:32px;background:#fff;text-align:center;box-shadow:0 15px 38px #202d4c0d}.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0;color:#637cec;font-size:13px;font-weight:600}.hero h1{margin:17px 0 12px;font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-3.5px}.hero>p{margin:0;color:#687186;font-size:16px}.search-box{display:flex;align-items:center;gap:13px;max-width:745px;height:70px;margin:31px auto 17px;padding:7px 8px 7px 23px;border-radius:35px;background:#fff;box-shadow:0 10px 27px #26335121;color:#7f8796;text-align:left}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:16px;color:#202638}.search-box input::placeholder{color:#a6adbb}.search-box button{height:54px;padding:0 22px;border-radius:27px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:#6180ed;font-weight:700}.hot-searches{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:9px;color:#939aab;font-size:13px}.hot-searches button{padding:7px 13px;border-radius:15px;color:#687185;background:#f6f7fa;font-size:13px}.hot-searches button:hover{background:#e9eeff;color:#5475e8}.knowledge-grid,.section-block{max-width:1120px;margin:25px auto 0;padding:0 20px}.knowledge-grid{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(420px,1.4fr);gap:24px}.feature-term{min-height:370px;padding:29px;position:relative;overflow:hidden;border-radius:27px;color:#fff;background:#282d3b;box-shadow:0 18px 30px #181e2e29}.feature-label{display:inline-block;padding:6px 11px;border-radius:13px;color:#2c313f;background:#ffc649;font-size:12px;font-weight:800}.feature-term h2{margin:34px 0 5px;font-size:58px;line-height:1;letter-spacing:-2px}.feature-term>p{max-width:250px;margin:0;color:#f4f5f9;font-size:15px;line-height:1.7}.feature-term>button{position:absolute;bottom:27px;left:29px;display:flex;gap:8px;align-items:center;padding:12px 17px;border-radius:22px;background:#fff;color:#2d3341;font-size:13px;font-weight:800}.relation-card{min-height:370px;padding:29px;border-radius:27px;background:#fff;box-shadow:0 14px 30px #2632500d}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-size:24px;letter-spacing:-1px}.section-heading p{margin:5px 0 0;color:#8b93a3;font-size:13px}.section-heading>span{display:flex;gap:8px;align-items:center;font-weight:800}.section-heading>button{display:flex;align-items:center;gap:3px;background:transparent;color:#6d7483;font-size:13px;white-space:nowrap}.concept-map{height:285px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;gap:12px;margin-top:10px}.concept-map button{justify-self:center;width:125px;min-height:54px;display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #edf0f8;border-radius:17px;color:#61708f;background:#fbfcff;font-size:11px;box-shadow:0 6px 14px #34456b0d}.concept-map button:nth-child(1){grid-column:2;grid-row:1;color:#d78e25}.concept-map button:nth-child(2){grid-column:1;grid-row:2;color:#5e7de9}.concept-map button:nth-child(4){grid-column:3;grid-row:2;color:#e8765f}.concept-map button:nth-child(5){grid-column:2;grid-row:3;color:#8f72df}.concept-map .map-center{grid-column:2;grid-row:2;min-height:80px;border:0;color:#fff;background:#6382ed;font-weight:800}.section-block{padding-top:57px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:21px}.scene-card{position:relative;min-height:235px;padding:23px;overflow:hidden;border:1px solid #eef0f6;border-radius:25px;background:#fff;color:#192033;text-align:left;box-shadow:0 10px 24px #2433570a;transition:transform .2s ease,box-shadow .2s ease}.scene-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #2433571a}.scene-icon{display:inline-grid;place-items:center;width:63px;height:63px;margin-bottom:19px;border-radius:18px;color:#5477ea;background:#eaf0ff}.scene-work .scene-icon{color:#d0902a;background:#fff1d4}.scene-vibe .scene-icon{color:#8d70dd;background:#f0eaff}.scene-card h3{margin:0 0 7px;font-size:21px}.scene-card p{max-width:230px;margin:0;color:#747e92;font-size:13px;line-height:1.7}.scene-card small{position:absolute;bottom:24px;left:23px;color:#7e8799}.scene-card>svg{position:absolute;right:22px;bottom:21px;color:#fff;border-radius:50%;padding:7px;width:34px;height:34px;background:#6281ed}.scene-work>svg{background:#f0ad34}.scene-vibe>svg{background:#9374e1}.levels{margin-top:0}.level-path{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:25px 20px;border-radius:26px;background:#fff;box-shadow:0 10px 24px #2433570a}.level-path button{position:relative;min-height:120px;padding:8px 26px;display:flex;align-items:flex-start;gap:14px;color:#202637;background:transparent;text-align:left}.level-path button+button{border-left:1px dashed #d9deeb}.level-path button>span{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#6685f0;font-size:14px;font-weight:800}.level-path button:nth-child(2)>span{background:#f5b536}.level-path button:nth-child(3)>span{background:#f17b64}.level-path h3{margin:2px 0 4px;font-size:17px}.level-path p,.level-path small{margin:0;color:#778196;font-size:12px;line-height:1.6}.level-path small{display:block;margin-top:9px;color:#5e7de8}.level-arrow{position:absolute;top:48px;right:-11px;z-index:1;color:#b4bdcf}.term-library{margin-bottom:55px}.term-count{padding:7px 11px;border-radius:14px;color:#687185;background:#fff;font-size:13px}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:20px 0}.filters>div{display:flex;gap:7px;flex-wrap:wrap}.filters button{padding:8px 12px;border-radius:14px;color:#6d7484;background:#fff;font-size:13px}.filters button.selected{color:#fff;background:#6382ed}.filters .clear-filter{color:#e4755f;background:#fff0ed}.term-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.term-card{min-height:145px;display:flex;align-items:flex-start;gap:15px;padding:18px;border-radius:21px;color:#232a3a;background:#fff;text-align:left;box-shadow:0 8px 21px #2a39580a;transition:transform .2s ease}.term-card:hover{transform:translateY(-2px)}.term-card>svg{align-self:center;margin-left:auto;color:#9aa3b5}.term-icon{flex:0 0 auto;display:grid;place-items:center;width:47px;height:47px;border-radius:15px;color:#5d7cea;background:#edf2ff}.tone-beginner{color:#5378ed;background:#edf2ff}.tone-intermediate{color:#d28f29;background:#fff0d2}.tone-advanced{color:#e8755e;background:#ffebe6}.term-card-copy{min-width:0}.term-card-copy strong{display:block;font-size:16px}.term-card-copy small{display:block;margin-top:3px;color:#969eae;font-size:12px}.term-card-copy p{margin:8px 0;color:#667085;font-size:13px;line-height:1.55}.card-meta{color:#7785b2;font-size:11px}.empty-state{padding:65px 25px;border-radius:25px;color:#6f7b92;background:#fff;text-align:center}.empty-state h3{margin-bottom:5px;color:#293144}.empty-state p{margin:0;font-size:14px}footer{padding:27px;display:flex;justify-content:center;gap:8px;color:#7b8495;background:#fff;font-size:13px}footer strong{color:#3d4558}footer p{margin:0}.term-page{min-height:100vh;background:#f4f5f8}.term-topbar{height:76px;max-width:1160px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.term-topbar>div{display:flex;align-items:center;gap:18px}.term-main{max-width:950px;margin:14px auto 60px;padding:0 20px}.breadcrumbs{display:flex;align-items:center;gap:5px;margin-bottom:24px;color:#8790a2;font-size:13px}.breadcrumbs button{color:#7380a0;background:transparent}.term-hero{display:flex;align-items:center;gap:20px;padding:37px;border-radius:29px;background:#fff;box-shadow:0 13px 28px #2533500d}.term-hero>.term-icon{width:78px;height:78px;border-radius:23px}.term-hero p{margin:0;color:#8d96a7;font-size:14px}.term-hero h1{margin:4px 0 11px;font-size:35px;letter-spacing:-1.5px}.term-tags{display:flex;gap:7px;flex-wrap:wrap}.term-tags span{padding:5px 9px;border-radius:11px;color:#6c7ab0;background:#eef2ff;font-size:12px}.term-intro{margin:24px 0;padding:33px 37px;border-radius:29px;background:#282d3b;color:#fff}.term-intro .eyebrow{color:#ffce55}.term-intro h2{max-width:720px;margin:11px 0 0;font-size:clamp(24px,3vw,35px);line-height:1.4;letter-spacing:-1px}.term-content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.75fr);gap:24px}.term-content article{padding:8px 37px;border-radius:29px;background:#fff}.term-content article section{padding:30px 0}.term-content article section+section{border-top:1px solid #edf0f6}.term-content h2{margin:0 0 13px;font-size:18px}.term-content article p{margin:0;color:#5e687b;font-size:15px;line-height:1.95}.example-box{display:flex;gap:13px;color:#e69b28}.example-box>div{color:#202738}.term-content aside{padding:25px;align-self:start;border-radius:29px;background:#fff}.term-content aside>button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 0;color:#273043;border-bottom:1px solid #edf0f6;background:transparent;text-align:left}.term-content aside>button:last-child{border-bottom:0}.term-content aside button span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#6b85ed;background:#edf2ff}.term-content aside button div{min-width:0;flex:1}.term-content aside button strong,.term-content aside button small{display:block}.term-content aside button strong{font-size:13px}.term-content aside button small{margin-top:2px;color:#919aaa;font-size:11px}.term-content aside button>svg{color:#a0a8b8}@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;width:244px;height:100vh;margin:0;padding:34px 22px;transform:translate(-105%);border-radius:0;flex-direction:column;align-items:stretch;gap:50px;transition:transform .2s ease;box-shadow:15px 0 30px #2a345021}.sidebar.is-open{transform:translate(0)}.sidebar nav{display:grid;justify-content:stretch;gap:9px}.sidebar nav button{gap:13px;padding:13px 14px}.sidebar-language{display:none}.sidebar-note{display:grid;margin-top:auto;padding:18px;border-radius:22px;background:#f5f7fe;color:#5277eb;gap:8px}.topbar{height:67px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff}.menu-button,.mobile-brand{display:block}.menu-button{padding:8px;background:transparent;color:#485269}.mobile-brand{font-size:21px}.mobile-brand span{width:28px;height:28px;margin-right:5px;border-radius:8px;font-size:14px}.top-links>button:not(.language-toggle){display:none}.hero{margin:0;padding:43px 20px 40px;border-radius:0 0 25px 25px;box-shadow:none}.hero h1{font-size:clamp(37px,10.5vw,51px);letter-spacing:-2.5px}.hero>p{max-width:330px;margin:auto;font-size:14px;line-height:1.7}.search-box{height:60px;margin:26px 0 15px;padding-left:16px}.search-box input{font-size:13px}.search-box button{padding:0 15px;height:46px;font-size:0}.search-box button svg{width:19px}.hot-searches{justify-content:flex-start}.knowledge-grid,.section-block{padding-left:14px;padding-right:14px}.knowledge-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.feature-term,.relation-card{min-height:315px;border-radius:23px}.feature-term h2{margin-top:25px}.scene-grid,.term-grid{grid-template-columns:1fr}.section-block{padding-top:43px}.section-heading h2{font-size:21px}.section-heading>button{font-size:12px}.level-path{grid-template-columns:1fr;padding:10px 17px}.level-path button{min-height:85px;padding:16px 4px}.level-path button+button{border-top:1px dashed #d9deeb;border-left:0}.level-arrow{display:none}.filters{gap:7px}.term-card{min-height:125px}.term-page .brand{font-size:20px}.term-topbar{height:65px}.term-topbar .brand span{width:28px;height:28px;margin-right:4px;font-size:14px}.term-topbar>div>button:first-child{display:none}.term-main{margin-top:20px;padding:0 14px}.term-hero{padding:25px 20px;gap:14px}.term-hero>.term-icon{width:58px;height:58px}.term-hero h1{font-size:27px}.term-intro{padding:27px 22px;border-radius:24px}.term-intro h2{font-size:23px}.term-content{grid-template-columns:1fr;gap:15px}.term-content article{padding:3px 22px;border-radius:24px}.term-content aside{border-radius:24px}.term-content article p{font-size:14px}.breadcrumbs{overflow:hidden;white-space:nowrap}}