.h4{background:#fff;color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6;min-height:100vh;--red:#C0392B}.h4 .w{max-width:1180px;margin:0 auto;padding:0 24px}@media(max-width:700px){.h4 .w{padding:0 16px}}.h4 h1{font-size:clamp(34px,4.4vw,54px);line-height:1.15;margin:0 0 12px;letter-spacing:-.01em}.h4 h1,.h4 h2{font-weight:800;text-wrap:balance}.h4 h2{font-size:clamp(25px,2.8vw,34px);line-height:1.25;margin:0 0 8px}.h4 h3{font-size:18px;margin:0;line-height:1.35;text-wrap:balance}.h4 p{text-wrap:pretty}.h4 .lede{font-size:18px;color:var(--body);margin:0 0 20px;max-width:640px}.h4 .mut{color:var(--ink-2);font-size:14px}.h4 .top{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}.h4 .top:before{content:"";position:absolute;left:0;top:0;width:180px;height:3px;background:linear-gradient(90deg,var(--learn-b),var(--work-b))}.h4 .top .w{gap:10px;min-height:66px}.h4 .top .logo,.h4 .top .w{display:flex;align-items:center}.h4 .top .logo{text-decoration:none;min-height:44px}.h4 .top .logo .lockup{height:34px;width:auto;display:block}.h4 .nav{display:flex;margin-left:14px}.h4 .nav a{font-weight:600;color:var(--body);text-decoration:none;padding:4px 14px;font-size:15px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}.h4 .nav a+a{border-left:1px solid var(--rule)}.h4 .nav a:hover{color:var(--link)}.h4 .sp{flex:1 1}.h4 .lang{display:flex;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.h4 .lang a{font-weight:700;font-size:13px;padding:0 11px;min-height:44px;display:grid;place-items:center;color:var(--ink-2);text-decoration:none}.h4 .lang a.on{background:var(--petrol);color:#fff}.h4 .hbtn{font-weight:700;font-size:15px;min-height:44px;padding:0 16px;border-radius:10px;border:1.5px solid var(--rule);background:#fff;color:var(--petrol);cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.h4 .hbtn.solid{background:var(--petrol);border-color:var(--petrol);color:#fff}.h4 .burger{display:none;position:relative}.h4 .burger summary{list-style:none;cursor:pointer}.h4 .burger summary::-webkit-details-marker{display:none}.h4 .burger nav{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--rule);border-radius:14px;box-shadow:0 18px 40px rgba(14,42,71,.16);padding:6px;display:flex;flex-direction:column;min-width:220px;z-index:40}.h4 .burger nav a{padding:10px 12px;min-height:44px;color:var(--ink);font-weight:600;text-decoration:none;border-radius:9px}.h4 .burger nav a+a{border-top:1px solid #eef3f8}@media(max-width:1020px){.h4 .nav{display:none}.h4 .burger{display:block}}@media(max-width:600px){.h4 .hide-sm{display:none!important}}.h4 .signbar{background:var(--learn-s);border-bottom:1px solid #cbebdf;font-size:14px}.h4 .signbar .w{display:flex;gap:10px;align-items:center;min-height:42px;flex-wrap:wrap}.h4 .signbar a{color:var(--learn);font-weight:700}.h4 .signbar button{margin-left:auto;background:none;border:0;color:var(--ink-2);font-size:20px;min-width:44px;min-height:40px;cursor:pointer}.h4 .hb{font-weight:700;font-size:16px;min-height:52px;padding:0 22px;border-radius:12px;border:0;background:var(--petrol);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-family:inherit}.h4 .hb.lr{background:var(--learn)}.h4 .hb.wk{background:var(--work)}.h4 .hb.line{background:#fff;color:var(--ink);border:1.5px solid var(--rule)}.h4 .hb.full{width:100%}.h4 .hb.big{font-size:17px}.h4 .hb:disabled{opacity:.45;cursor:not-allowed}.h4 .chip{border:1.5px solid var(--rule);background:#fff;border-radius:99px;min-height:44px;padding:0 14px;font-weight:700;font-size:14px;cursor:pointer;color:var(--body);white-space:nowrap;font-family:inherit}.h4 .chip.on{border-color:var(--petrol);background:var(--petrol);color:#fff}.h4 .lab{font-weight:700;font-size:14px;color:var(--ink-2);margin:0 0 8px;display:block}.h4 .lnk{background:none;border:0;color:var(--link);font:inherit;font-weight:700;cursor:pointer;min-height:44px;padding:0}.h4 :focus-visible{outline:3px solid var(--signal);outline-offset:2px}.h4 .hero{background:var(--petrol);color:#fff;position:relative;overflow:hidden}.h4 .hero .contour{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}.h4 .hero .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-gap:40px;gap:40px;padding-top:54px;padding-bottom:56px;position:relative}.h4 .hero h1{color:#fff}.h4 .hero .lede{color:var(--mist)}@media(max-width:980px){.h4 .hero .w{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:30px;padding-bottom:34px}.h4 .hero .w>.ht{display:contents}.h4 .hero .lede,.h4 .hero h1{order:1}.h4 .qc{order:2}.h4 .hero .alt,.h4 .hero .stats,.h4 .hero .ticks{order:3}.h4 .hero .ticks{margin:6px 0 0}}.h4 .hero .ticks{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:8px}.h4 .hero .ticks li{display:flex;gap:10px;align-items:center;color:#DCE8F3;font-size:15.5px}.h4 .hero .ticks svg{flex:none;color:var(--learn-b)}.h4 .hero .alt{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.h4 .hero .alt a,.h4 .hero .alt button{color:#fff;font-weight:700;font-size:15px;text-decoration:none;border:0;border-bottom:1.5px solid rgba(127,219,255,.5);padding:0 0 1px;background:none;cursor:pointer;font-family:inherit;min-height:32px}.h4 .hero .alt span{color:var(--mist)}.h4 .stats{display:flex;margin-top:28px;flex-wrap:wrap}.h4 .stats div b{display:block;font-weight:800;font-size:24px;color:#fff}.h4 .stats div span{font-size:13px;color:var(--mist)}.h4 .qc{background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 24px 48px rgba(8,26,46,.4);overflow:hidden;align-self:start}.h4 .qc .qh{padding:18px 20px 12px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:10px}.h4 .qc .qh h3{font-size:19px}.h4 .qc .qh .pill{margin-left:auto;font-weight:700;font-size:12px;color:var(--learn);background:var(--learn-s);border-radius:99px;padding:4px 10px;white-space:nowrap}.h4 .qc .qb{padding:16px 20px 20px}.h4 .qc .row{margin-bottom:14px}.h4 .cls{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.h4 .cls .chip{padding:0;min-width:0;font-size:13.5px}.h4 .chips{display:flex;flex-wrap:wrap;gap:6px}.h4 select{font:600 15px var(--f);width:100%;min-height:46px;border:1.5px solid var(--rule);border-radius:12px;padding:0 12px;background:#fff;color:var(--ink)}.h4 .modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.h4 .mode{border:1.5px solid var(--rule);border-radius:14px;padding:12px;cursor:pointer;background:#fff;text-align:left;display:flex;gap:10px;align-items:flex-start;font-family:inherit;color:var(--ink);min-height:44px}.h4 .mode b{display:block;font-size:15px;line-height:1.3}.h4 .mode span span{display:block;font-size:13px;color:var(--ink-2);line-height:1.4;margin-top:2px}.h4 .mode.on{border-color:var(--learn);background:var(--learn-s);box-shadow:inset 0 0 0 1px var(--learn)}.h4 .note{font-size:13px;color:var(--ink-2);margin:10px 0 0;text-align:center}.h4 .note a{color:var(--link);font-weight:700}.h4 .prog{display:flex;gap:4px;margin-bottom:12px}.h4 .prog i{flex:1 1;height:5px;border-radius:3px;background:var(--rule)}.h4 .prog i.d{background:var(--learn-b)}.h4 .prog i.c{background:var(--learn)}.h4 .board{border-radius:14px;padding:16px;background:var(--deep);color:#fff;margin-bottom:12px}.h4 .board.phonebg{background:var(--paper);color:var(--ink);border:1px solid var(--rule)}.h4 .board .meta{font-size:12px;color:var(--mist);display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.h4 .board.phonebg .meta{color:var(--ink-2)}.h4 .board .q{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:12px}.h4 .opts{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.h4 .opt{border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(127,219,255,.25);font-size:15px;display:flex;gap:8px;align-items:center}.h4 .phonebg .opt{background:#fff;border-color:var(--rule)}.h4 .opt b{width:24px;height:24px;border-radius:6px;background:var(--glacier);color:var(--petrol);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}.h4 .stu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.h4 .st{border:1.5px solid var(--rule);border-radius:14px;padding:10px}.h4 .st .who{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:700;font-size:14px}.h4 .st .rl{width:26px;height:26px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--ink-2)}.h4 .ab{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.h4 .ab button{min-height:44px;border:1.5px solid var(--rule);background:#fff;border-radius:9px;font-weight:800;font-size:15px;cursor:pointer;color:var(--ink);font-family:inherit}.h4 .ab button.on{background:var(--petrol);border-color:var(--petrol);color:#fff}.h4 .pcard{width:54px;height:54px;margin:0 auto 8px}.h4 .pcard svg{width:100%;height:100%;transition:transform .35s}.h4 .scanline{height:3px;background:var(--learn-b);border-radius:2px;margin:8px 0;transform-origin:left;animation:h4scan 1.1s ease-in-out}@keyframes h4scan{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.h4 .scanline{animation:none}.h4 .pcard svg{transition:none}}.h4 .hint{font-size:13px;color:var(--ink-2);margin:0 0 10px;align-items:center}.h4 .hint,.h4 .qnav{display:flex;gap:8px}.h4 .qnav{margin-top:12px}.h4 .qnav .hb{min-height:46px}.h4 .res h4{margin:0 0 4px;font-size:17px}.h4 .bar{display:grid;grid-template-columns:120px 1fr 44px;grid-gap:10px;gap:10px;align-items:center;margin:8px 0;font-size:14px}.h4 .bar .t{height:12px;border-radius:6px;background:var(--paper);overflow:hidden}.h4 .bar .t i{display:block;height:100%;border-radius:6px}.h4 .grp{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:12px 0}.h4 .grp>div{border-radius:12px;padding:10px;font-size:13.5px}.h4 .grp b{display:block;font-size:13px;margin-bottom:4px}.h4 .g-can{background:var(--learn-s)}.h4 .g-can b{color:var(--learn)}.h4 .g-al{background:var(--work-s)}.h4 .g-al b{color:var(--work)}.h4 .g-ln{background:#E5F6FD}.h4 .g-ln b{color:var(--link)}.h4 .rem{border:1.5px dashed var(--learn-b);border-radius:14px;padding:12px;background:#FBFEFD;margin-top:6px}.h4 .rem b{color:var(--learn)}.h4 .rem p{margin:4px 0 0;font-size:14.5px;color:var(--body)}.h4 .save{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.h4 .save .hb{min-height:46px;font-size:15px;flex:1 1}.h4 .brag{margin-top:12px;border-radius:14px;background:var(--petrol);color:#fff;padding:12px 14px;display:flex;gap:12px;align-items:center}.h4 .brag b{font-size:15px}.h4 .brag span{font-size:13px;color:var(--mist)}.h4 .brag button{margin-left:auto;background:var(--glacier);color:var(--petrol);border:0;border-radius:9px;font-weight:700;font-size:14px;min-height:44px;padding:0 12px;cursor:pointer;white-space:nowrap;font-family:inherit}.h4 section.s{padding:64px 0;border-top:1px solid var(--rule)}.h4 section.alt{background:var(--paper)}@media(max-width:700px){.h4 section.s{padding:40px 0}}.h4 .sh{margin-bottom:24px;max-width:700px}.h4 .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.h4 .g3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px}.h4 .g3,.h4 .g4{display:grid;gap:14px}.h4 .g4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px}@media(max-width:900px){.h4 .g2,.h4 .g3{grid-template-columns:minmax(0,1fr)}.h4 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}}.h4 .crd{border:1.5px solid var(--rule);border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column}.h4 .crd .hd{display:flex;align-items:center;gap:10px;margin-bottom:6px}.h4 .crd p{margin:0;color:var(--body);font-size:15px}.h4 .crd .en{display:block;font-weight:500;font-size:12px;color:var(--ink-2)}.h4 .crd .hb{margin-top:auto}.h4 .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.h4 .ic svg{width:20px;height:20px}.h4 .ic.k{background:var(--learn-s);color:var(--learn)}.h4 .ic.t{background:var(--work-s);color:var(--work)}.h4 .ic.o{background:#E5F6FD;color:var(--link)}.h4 .ic.i{background:var(--paper);color:var(--petrol)}.h4 .story{border-radius:18px;padding:24px;background:#fff;border:1px solid var(--rule);position:relative;overflow:hidden;display:flex;flex-direction:column}.h4 .story:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.h4 .story.k:before{background:var(--learn-b)}.h4 .story.t:before{background:var(--work-b)}.h4 .story .first{font-size:19px;font-weight:600;line-height:1.5;color:var(--ink);margin:6px 0 10px}.h4 .story .more{color:var(--body);font-size:15.5px}.h4 .story .more p{margin:0 0 8px}.h4 .story .tag{font-size:13px}.h4 .story .end{margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font-weight:700}.h4 .story .end span{color:var(--learn)}.h4 .story.t .end span{color:var(--work)}.h4 .tabs4{display:flex;gap:6px;border-bottom:1.5px solid var(--rule);margin-bottom:26px;overflow-x:auto}.h4 .tabs4 button{border:0;background:none;font-weight:700;font-size:16px;color:var(--ink-2);padding:12px 14px;min-height:50px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1.5px;white-space:nowrap;display:flex;align-items:center;gap:8px;font-family:inherit}.h4 .tabs4 button i{width:9px;height:9px;border-radius:50%;display:inline-block}.h4 .tabs4 button[aria-selected=true]{color:var(--ink);border-color:var(--petrol)}.h4 .part{border-radius:18px;padding:22px;border:1px solid var(--rule);background:#fff;position:relative;overflow:hidden}.h4 .part:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.h4 .part.k:before{background:var(--learn-b)}.h4 .part.t:before{background:var(--work-b)}.h4 .cyc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.h4 .cyc div{background:var(--learn-s);padding:14px 22px 14px 16px;margin-right:6px;-webkit-clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.h4 .cyc div:nth-child(2){background:#D5F1E9}.h4 .cyc div:nth-child(3){background:#C4EADF}.h4 .cyc div:nth-child(4){background:var(--petrol);color:#fff}.h4 .cyc b{display:block}.h4 .cyc span{font-size:14px;opacity:.85}@media(max-width:800px){.h4 .cyc{grid-template-columns:1fr 1fr;gap:6px}}.h4 table{width:100%;border-collapse:collapse;font-size:15px}.h4 td,.h4 th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.h4 th{font-size:13px;color:var(--ink-2);background:var(--paper)}.h4 td.good{color:var(--learn);font-weight:700}.h4 td.wk{color:var(--work);font-weight:700}.h4 .scroll{overflow-x:auto}.h4 .ladder{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;align-items:end;margin-top:6px}.h4 .ladder div{border-radius:14px 14px 0 0;padding:12px;text-align:center}.h4 .ladder b{display:block;font-size:15px}.h4 .ladder span{font-size:13px}.h4 details.fq{border:1.5px solid var(--rule);border-radius:14px;padding:4px 16px;background:#fff}.h4 details.fq+details.fq{margin-top:10px}.h4 details.fq summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center;list-style:none}.h4 details.fq summary::-webkit-details-marker{display:none}.h4 details.fq summary:after{content:"+";margin-left:auto;font-size:20px;color:var(--ink-2)}.h4 details.fq[open] summary:after{content:"–"}.h4 details.fq p{margin:0 0 12px;color:var(--body)}.h4 .foot{background:var(--deep);color:var(--mist);padding:40px 0 32px;font-size:14px}.h4 .foot a{color:#fff;text-decoration:none}.h4 .foot .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:24px;gap:24px}@media(max-width:800px){.h4 .foot .w{grid-template-columns:1fr 1fr}}.h4 .foot h4{color:#fff;margin:0 0 8px;font-size:14px}.h4 .foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.h4 .foot li a{display:inline-flex;min-height:32px;align-items:center}.h4 .foot .lockup{height:44px;width:auto}.h4 .hero .alt a,.h4 .hero .alt button{border-bottom:0;text-decoration:underline;-webkit-text-decoration-color:rgba(127,219,255,.6);text-decoration-color:rgba(127,219,255,.6);text-underline-offset:4px}.h4 .hero .alt a,.h4 .hero .alt button,.h4 .signbar a{min-height:44px;display:inline-flex;align-items:center}.h4 .foot li a,.h4 .signbar button{min-height:44px}.h4 main{padding:0;margin:0;max-width:none;width:100%}.h4 .qc .row{display:block}.h4 .cls .chip{display:grid;place-items:center;text-align:center}.h4 .stats{background:none;border:0;border-radius:0;overflow:visible;margin-bottom:0;gap:28px}.h4 .stats div{flex:none;padding:0;text-align:left;font-weight:400;line-height:1.4}.h4 .stats div+div{border-left:0}.h4 .note,.h4 .story .tag{display:block;background:none;padding:0;border-radius:0}.h4 .story .tag{font-weight:500;color:var(--ink-2)}.h4 .story .lnk{align-self:flex-start;text-align:left}.h4 .crd .hd{position:static;border:0;border-image:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;box-shadow:none}