@import"https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--moss-900: #073203;--moss-800: #0B4705;--moss-700: #3E6807;--moss-600: #547D1E;--moss-500: #6E9636;--moss-400: #88B04B;--moss-300: #B6CF8F;--moss-200: #D3E3B9;--moss-100: #E9F0DA;--moss-50: #F3F7EA;--paper: #FBFCF2;--paper-warm: #F5F6EA;--card: #FFFFFF;--line: #CBD2B4;--line-soft: #DBE0C8;--ink: #17250D;--ink-soft: #3C4630;--ink-mute: #6B7360;--clay-600: #C77A2B;--clay-500: #EB8023;--clay-100: #FFE3C2;--grape-500: #6A2757;--sky-500: #4688BB;--ok: #3E6807;--ok-bg: #E9F0DA;--warn: #EB8023;--warn-bg: #FFE3C2;--err: #EC4544;--err-bg: #FCDDE6;--info: #4688BB;--info-bg: #CCDFF3;--radius: 14px;--radius-sm: 9px;--radius-lg: 22px;--radius-pill: 999px;--shadow-xs: 0 1px 3px rgba(30,46,18,.1), 0 1px 1px rgba(30,46,18,.06);--shadow-sm: 0 2px 10px rgba(30,46,18,.1), 0 1px 3px rgba(30,46,18,.07);--shadow-md: 0 10px 28px rgba(30,46,18,.13), 0 3px 8px rgba(30,46,18,.08);--shadow-lg: 0 22px 52px rgba(30,46,18,.17);--font-display: "Livvic", "Open Sans", Helvetica, Arial, sans-serif;--font-body: "Open Sans", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:15px;max-width:100%;overflow-x:hidden}img,video,iframe,svg{max-width:100%}.grain-bg{position:relative;background:radial-gradient(1200px 600px at 100% -10%,var(--moss-50),transparent 60%),radial-gradient(900px 500px at -10% 110%,var(--moss-50),transparent 55%),var(--paper)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.16}h1{font-weight:700}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-pill);font-weight:600;font-size:14.5px;transition:all .2s var(--ease);white-space:nowrap}.btn-primary{background:var(--moss-700);color:#fff}.btn-primary:hover{background:var(--moss-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--moss-700);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--moss-400);background:var(--moss-50)}.btn-clay{background:var(--clay-600);color:#fff}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.01em}.chip-ok{background:var(--ok-bg);color:var(--moss-800)}.chip-warn{background:var(--warn-bg);color:var(--clay-600)}.chip-err{background:var(--err-bg);color:var(--err)}.chip-info{background:var(--info-bg);color:var(--info)}.chip-mute{background:var(--paper-warm);color:var(--ink-mute)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;white-space:nowrap}.tag-req{background:var(--warn-bg);color:#b8600e}.tag-opt{background:var(--moss-100);color:var(--moss-700)}.tag-new{background:var(--paper-warm);color:var(--ink-soft)}.tag-doing{background:var(--info-bg);color:#2f6c82}.tag-exam{background:#e7dcf0;color:#6a2757}.tag-grading{background:var(--paper-warm);color:var(--ink-soft)}.tag-done{background:var(--ok-bg);color:var(--moss-800)}.tag-over{background:var(--err-bg);color:#c42e2d}.tag-lockdate,.tag-lockprev{background:var(--paper-warm);color:var(--ink-mute)}.tag-paused{background:var(--warn-bg);color:#b8600e}.tag-ended{background:var(--paper-warm);color:var(--ink-soft)}.tag-fresh{background:var(--info-bg);color:#2f6c82}.tag-optional{background:var(--moss-100);color:var(--moss-700)}.tag-relearn{background:var(--err-bg);color:#c42e2d}.tag-img{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 1px 4px #0003}.ti-req{background:#b8600eeb;color:#fff}.ti-opt{background:#ffffffeb;color:var(--ink)}.ti-doing{background:#2f6c82;color:#fff}.ti-exam{background:#6a2757;color:#fff}.ti-done{background:var(--moss-700);color:#fff}.ti-over{background:#c42e2d;color:#fff}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.eyebrow{font-family:var(--font-body);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--moss-600)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::selection{background:var(--moss-200);color:var(--moss-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--moss-200);border-radius:999px;border:3px solid var(--paper)}#student-app{min-height:100dvh}.login-wrap{min-height:100dvh;display:grid;grid-template-columns:1fr}@media (min-width: 900px){.login-wrap{grid-template-columns:1.05fr .95fr}}.brand-side{display:none;position:relative;overflow:hidden;background:radial-gradient(700px 400px at 20% 10%,var(--moss-600),transparent 60%),linear-gradient(160deg,var(--moss-800),var(--moss-900));color:#fff;padding:56px 52px;flex-direction:column;justify-content:space-between}@media (min-width: 900px){.brand-side{display:flex}}.brand-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.6}.leaf-mark{position:absolute;right:-80px;bottom:-90px;width:420px;height:420px;opacity:.14}.brand-logo{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.logo-img{height:40px;width:auto}.logo-img.on-dark{filter:brightness(0) invert(1);opacity:.96}.acad-badge{font-size:10px;letter-spacing:.28em;font-weight:700;padding:5px 10px;border-radius:var(--radius-pill);background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.22)}.acad-badge.light{background:var(--moss-100);color:var(--moss-700);border-color:var(--moss-200)}.brand-copy{position:relative;z-index:1;max-width:400px}.brand-copy .eyebrow{color:var(--moss-300)}.brand-copy h1{color:#fff;font-size:40px;line-height:1.05;margin:16px 0 18px;font-weight:600}.brand-copy p{color:#ffffffb8;font-size:15.5px;line-height:1.6}.brand-stats{position:relative;z-index:1;display:flex;gap:32px}.brand-stats div span{display:block;font-family:var(--font-display);font-size:30px;font-weight:600}.brand-stats div small{color:#fff9;font-size:12.5px}.form-side{display:flex;align-items:center;justify-content:center;padding:32px 22px}.form-box{width:100%;max-width:392px}.m-logo{display:flex;align-items:center;gap:12px;margin-bottom:40px}.m-logo .logo-img{height:36px}@media (min-width: 900px){.m-logo{display:none}}.form-box>.eyebrow{display:block;margin-bottom:10px}.form-box h2{font-size:29px;margin-bottom:8px}.form-box .sub{color:var(--ink-soft);font-size:14.5px;margin-bottom:30px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:7px}.field .control{position:relative}.field .control .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-mute);font-size:17px}.field input{width:100%;padding:14px 14px 14px 42px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);transition:border-color .18s,box-shadow .18s}.field input:focus{outline:none;border-color:var(--moss-500);box-shadow:0 0 0 4px var(--moss-100)}.field input::placeholder{color:#b9bcad}.field input.has-toggle{padding-right:46px}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--ink-mute);transition:color .15s,background .15s}.field .hint{font-size:12px;color:var(--ink-mute);margin-top:6px}.row-between{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.remember{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-soft)}.remember input{width:16px;height:16px;accent-color:var(--moss-700)}.link{color:var(--moss-700);font-size:13.5px;font-weight:600}.btn-full{width:100%;padding:15px;font-size:15px}.form-error a{display:block;margin-top:6px;font-weight:700;color:inherit;text-decoration:underline}.form-error{background:var(--err-bg);border:1px solid #F0B8B8;color:var(--err);border-radius:var(--radius-sm);padding:11px 14px;font-size:13px;margin-bottom:18px}.app{max-width:1200px;margin:0 auto;padding:0 16px 110px}@media (min-width: 900px){.app{padding:0 34px 56px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0 14px;position:sticky;top:0;background:#fbfcf2e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;border-bottom:1px solid var(--line-soft);margin-bottom:24px}.page-back{display:inline-flex;align-items:center;gap:4px;margin:-8px 0 16px;padding:6px 12px 6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink-soft);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.page-back:hover{border-color:var(--moss-400);color:var(--moss-700)}.brand{display:flex;align-items:center;gap:11px}.brand .logo-img{height:32px}.topbar .acad-badge{font-size:9px;letter-spacing:.24em;background:var(--paper-warm);color:var(--ink-mute);border-color:var(--line-soft)}@media (max-width: 480px){.topbar .acad-badge{display:none}}.topnav{display:none;gap:4px}@media (min-width: 900px){.topnav{display:flex}}.topnav a{padding:8px 16px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:var(--ink-soft);transition:all .15s}.topnav a:hover,.topnav a.router-link-active{background:var(--paper-warm);color:var(--ink)}a.admin-link{border:1px dashed var(--moss-500);color:var(--moss-700);padding:8px 16px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:var(--ink-soft);transition:all .15s}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink-soft);position:relative;border:1px solid transparent;transition:all .15s;cursor:pointer}.icon-btn:hover{background:var(--card);border-color:var(--line-soft);box-shadow:var(--shadow-xs)}.icon-btn .dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--clay-500);border:1.5px solid var(--paper)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--paper-warm);color:var(--ink-soft);display:grid;place-items:center;font-weight:700;font-size:14px;border:1px solid var(--line-soft);cursor:pointer}.botnav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:9px 6px calc(9px + env(safe-area-inset-bottom));z-index:30}@media (min-width: 900px){.botnav{display:none}}.botnav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--ink-mute);padding:4px 12px;border-radius:10px}.botnav a.router-link-exact-active{color:var(--ink);font-weight:700}.botnav a .i{display:inline-flex;align-items:center;justify-content:center;height:24px}.botnav a .i svg{display:block}.botnav a.router-link-exact-active .i svg{stroke-width:2.2}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hello-strip{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin:6px 0 30px}.hello h1{font-size:26px}.hello p{font-size:14.5px;color:var(--ink-soft);margin-top:4px}.home-stats{display:flex;gap:26px}.home-stats .stat{display:block;text-align:left;cursor:pointer}.home-stats .stat:hover .l{color:var(--ink)}.home-stats .n{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.home-stats .n small{font-size:13px;color:var(--ink-mute);font-weight:500}.home-stats .l{font-size:12px;color:var(--ink-mute);margin-top:5px}.home-stats .stat.hot .n{color:var(--clay-600)}@media (max-width: 560px){.home-stats{width:100%;justify-content:space-between;gap:0}}.panel{scroll-margin-top:84px}.sec-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;min-height:32px}.sec-head h2{font-size:18px;display:flex;align-items:center;gap:9px}.sec-head h2 .badge{font-size:11px;font-weight:700;background:var(--clay-100);color:var(--clay-600);padding:2px 9px;border-radius:999px}.sec-head .link{font-size:13px;color:var(--ink-soft);font-weight:600}.sec-head .link:hover{color:var(--ink)}.sec-head h2 .cnt{color:var(--ink-mute);font-weight:500;font-size:16px}.fbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.chips::-webkit-scrollbar{display:none}.chips .ftab{flex-shrink:0;min-height:40px}@media (min-width: 560px){.chips .ftab{min-height:0}}.fsearch{position:relative;width:100%}@media (min-width: 820px){.fsearch{width:300px}}.fsearch svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink-mute);pointer-events:none}.fsearch input{width:100%;min-height:46px;padding:11px 16px 11px 42px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--card)}@media (min-width: 560px){.fsearch input{min-height:0}}.fsearch input:focus{outline:none;border-color:var(--moss-400)}.listmeta{font-size:12.5px;color:var(--ink-mute);margin:14px 0 16px}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:28px}.pager button{min-width:42px;height:42px;border-radius:10px;border:1px solid var(--line-soft);background:var(--card);font-weight:600;font-size:13px;color:var(--ink-soft);cursor:pointer;transition:all .15s}@media (min-width: 601px){.pager button{min-width:38px;height:38px}}.pager button.active{background:var(--card);color:var(--ink);border-color:var(--ink-mute)}.pager button:hover:not(.active):not(:disabled){border-color:var(--line)}.pager button:disabled{opacity:.45;cursor:default}.pager .dots{color:var(--ink-mute);padding:0 4px}.cgrid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 560px){.cgrid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1040px){.cgrid.todo{grid-template-columns:repeat(3,1fr)}}.cgrid.all .cc h3{font-size:13.5px}.cgrid.all .cc .body{padding:12px 13px 13px}.cgrid.all .cc .trainer{font-size:11px;margin-bottom:9px}@media (max-width: 559px){.cgrid.all{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 400px){.cgrid.all{grid-template-columns:1fr}}@media (min-width: 760px){.cgrid.all{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.hello h1{font-size:32px}}@media (min-width: 1040px){.cgrid.all{grid-template-columns:repeat(4,1fr);gap:14px}}.panel{border-radius:var(--radius-lg);margin-bottom:28px}.panel.todo-panel{background:var(--paper-warm);border:1px solid var(--line-soft);padding:18px}.panel.all-panel{background:transparent;padding:0}@media (min-width: 900px){.panel.todo-panel{padding:22px 24px}}.cc{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;cursor:pointer}.cc:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line)}.cc .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:var(--paper-warm);display:block}.cc .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.cc:hover .thumb img{transform:scale(1.05)}.cc .thumb .tag-img{position:absolute;top:10px;left:10px;z-index:3}.cc .thumb .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(11,50,5,.32));z-index:1}.cc .thumb .ring{position:absolute;bottom:11px;right:11px;z-index:2;width:40px;height:40px}.ring svg{transform:rotate(-90deg)}.ring .track{fill:none;stroke:#ffffff59;stroke-width:4}.ring .fill{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}.ring .pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.cc .body{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}.cc .cat{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px;display:flex;align-items:center;gap:7px}.cc .cat .state{margin-left:auto;text-transform:none;letter-spacing:0}.cc .cat .course-st{text-transform:none;letter-spacing:0}.cc .cat .tag-done{background:var(--paper-warm);color:var(--ink-soft)}.cc.locked{cursor:default;opacity:.72}.cc.locked:hover{transform:none;box-shadow:none;border-color:var(--line-soft)}.cc.locked:hover .thumb img{transform:none}.cc.locked .thumb img{filter:grayscale(.35) brightness(.97)}.cc .btn.disabled{background:var(--paper-warm);color:var(--ink-mute);pointer-events:none;box-shadow:none}.cc h3{font-size:15px;line-height:1.32;margin-bottom:10px}.cc .trainer{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft);margin-bottom:12px}.cc .trainer .ta{width:22px;height:22px;border-radius:50%;background:var(--paper-warm);color:var(--ink-soft);border:1px solid var(--line-soft);display:grid;place-items:center;font-size:9px;font-weight:700;flex-shrink:0}.cc .bar{height:6px;background:#eceee4;border-radius:999px;overflow:hidden;margin-top:auto}.cc .bar i{display:block;height:100%;background:var(--moss-600);border-radius:999px}.cc .foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px;font-size:12.5px}.cc .bar+.foot{margin-top:11px;padding-top:0}.cc .foot .dl{font-weight:600;display:inline-flex;align-items:center;gap:5px;color:var(--ink-mute)}.cc .foot .dl.soon{color:var(--clay-600)}.cc .foot .dl.exam{color:var(--info)}.cc .foot .dl.overdue{color:var(--err)}.cc .foot .dl.done{color:var(--ink-soft)}.cc .foot .btn{padding:7px 14px;font-size:12.5px}.cc .vidbtn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:9px;padding:7px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:transparent;font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .15s}.cc .vidbtn:hover{border-color:var(--line);background:var(--paper-warm);color:var(--ink)}.cc .vidbtn .ct{transition:transform .2s}.cc .vidbtn .ct.on{transform:rotate(90deg)}.cc .single{margin-top:9px;padding:7px 10px;border-radius:var(--radius-sm);background:var(--paper-warm);font-size:12px;font-weight:600;color:var(--ink-soft)}.cc .vidbtn[disabled]{opacity:.55;cursor:not-allowed}.cc .vidbtn[disabled]:hover{background:transparent;border-color:var(--line-soft);color:var(--ink-soft)}.paused-note,.ended-note{font-size:12px;line-height:1.4;padding:8px 10px;border-radius:var(--radius-sm);margin:8px 0 4px}.paused-note{background:var(--warn-bg);color:#8a4a0c;border:1px solid #EAC9AC}.ended-note{background:var(--paper-warm);color:var(--ink-soft);border:1px solid var(--line)}.cc .vlist{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px;cursor:default}.cc .vlist a{display:flex;align-items:center;gap:9px;padding:6px;border-radius:7px;text-decoration:none;transition:background .12s}.cc .vlist a:hover{background:var(--paper-warm)}.cc .vlist a.locked{pointer-events:none}.cc .vlist .vt{flex:1;min-width:0;font-size:12px;color:var(--ink)}.cc .vlist a.locked .vt{color:var(--ink-mute)}.cc .vlist .vr{flex-shrink:0;font-size:11px;font-weight:700}.cc .vlist .vr.ok{color:var(--ink-soft)}.cc .vlist .vr.bad{color:var(--err)}.cc .vlist .vr.wait{color:var(--ink-mute)}.vs{width:19px;height:19px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:10px}.vs.d{background:var(--moss-600);color:#fff}.vs.p{background:var(--moss-400);color:#fff}.vs.f{background:var(--err);color:#fff}.vs.o{background:var(--card);color:var(--ink-mute);border:1.5px solid var(--line)}.vs.m{background:var(--info-bg);color:#2f6c82;border:1px solid #B7D3E0;font-size:9px}.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.ftab{padding:8px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--ink-soft);background:var(--card);cursor:pointer;transition:all .15s}.ftab:hover{color:var(--ink)}.ftab.active{background:var(--ink);color:#fff}.ftab .c{opacity:.6;margin-left:3px;font-weight:500}.empty{text-align:center;color:var(--ink-mute);padding:40px 0;font-size:14px}.loading{display:grid;place-items:center;min-height:60vh;color:var(--ink-mute)}.spinner{width:38px;height:38px;border:3px solid var(--moss-200);border-top-color:var(--moss-700);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.learn-wrap img,.learn-wrap video,.learn-wrap iframe{max-width:100%}.learn-topbar{display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:18px;border-bottom:1px solid var(--line-soft)}.learn-topbar .back{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink-soft);background:var(--card);flex-shrink:0;cursor:pointer}.learn-topbar .back:hover{border-color:var(--moss-400);color:var(--moss-700)}.learn-topbar .crumb{flex:1;min-width:0}.learn-topbar .crumb .c{font-size:11.5px;color:var(--ink-mute)}.learn-topbar .crumb b{color:var(--ink);font-family:var(--font-display);font-size:14.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 960px){.learn-topbar .crumb b{font-size:16px}}.layout{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 960px){.layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px}}@media (min-width: 1280px){.layout{grid-template-columns:minmax(0,1fr) 400px;gap:34px}}.layout,.layout>*{min-width:0}.player{background:#141c0c;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:16/9;box-shadow:var(--shadow-md)}@media (min-width: 960px){.player{border-radius:var(--radius-lg)}}.player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#141c0c}.player .badge-self{position:absolute;top:12px;right:12px;z-index:2;background:#141c0cb3;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lesson-head{margin:16px 0 4px}@media (min-width: 960px){.lesson-head{margin:20px 0 6px}}.lesson-head .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-head .badge{font-size:11.5px;font-weight:700;color:var(--moss-600);letter-spacing:.04em;text-transform:uppercase}.lesson-head h1{font-size:20px;margin-top:4px}@media (min-width: 960px){.lesson-head h1{font-size:26px}}.tabs{display:flex;gap:2px;border-bottom:1.5px solid var(--line);margin:18px 0 0;overflow-x:auto;min-width:0;scrollbar-width:none}.tabs::-webkit-scrollbar{height:0}.tab{padding:11px 16px;min-height:44px;font-size:14px;font-weight:600;color:var(--ink-mute);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;cursor:pointer;white-space:nowrap;transition:color .15s;display:flex;align-items:center;gap:6px;background:none}.tab:hover{color:var(--ink-soft)}.tab.active{color:var(--moss-700);border-bottom-color:var(--moss-700)}.tab .n{font-size:11px;background:var(--moss-100);color:var(--moss-700);border-radius:999px;padding:1px 7px}.pane{padding:18px 2px}@media (min-width: 960px){.tab{padding:13px 20px;font-size:15px}.pane{padding:24px 2px}}.slide-doc{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.slide-doc .bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--paper-warm);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-soft)}.slide-doc .bar .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-doc .bar b{color:var(--ink)}.slide-doc .bar .open{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;color:var(--moss-700);font-weight:600;font-size:12px;padding:7px 12px;border:1px solid var(--moss-300);border-radius:var(--radius-pill);min-height:36px;background:var(--card)}.slide-doc .bar .open:hover{background:var(--moss-50)}.slide-doc .frame{position:relative;aspect-ratio:16/10;background:#fff}.slide-doc .frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media (max-width: 600px){.slide-doc .bar{flex-wrap:wrap}.slide-doc .bar .open{width:100%;justify-content:center;min-height:44px;margin-top:4px}.slide-doc .frame{aspect-ratio:4/3}}.test-cta{display:flex;gap:13px;align-items:center;background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius);padding:15px 16px;margin-top:16px}@media (min-width: 960px){.test-cta{padding:18px 22px}}.test-cta .ic{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--moss-700);color:#fff;display:grid;place-items:center;font-size:20px}.test-cta .tx b{display:block;font-family:var(--font-display);font-size:14.5px}.test-cta .tx span{font-size:12.5px;color:var(--ink-soft)}.test-cta .btn{margin-left:auto;min-height:44px}@media (max-width: 520px){.test-cta{flex-wrap:wrap}.test-cta .btn{margin-left:0;width:100%}}.learn-hint{font-size:12px;color:var(--ink-mute);margin-top:10px;display:flex;gap:6px}.article-body{line-height:1.7;font-size:14.5px;color:var(--ink)}.article-body h3{margin:14px 0 6px}.article-body ul{padding-left:20px}.side .card{padding:16px}@media (min-width: 960px){.side{position:sticky;top:20px}.side .card{padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--line-soft)}}.side h3{font-size:15px;margin-bottom:3px}@media (min-width: 960px){.side h3{font-size:16px}}.side .prog-line{font-size:12px;color:var(--ink-mute);margin-bottom:6px}.side .progbar{height:6px;background:var(--moss-100);border-radius:999px;overflow:hidden;margin-bottom:14px}.side .progbar i{display:block;height:100%;background:var(--moss-500);border-radius:999px;transition:width .3s}.bai{display:flex;gap:12px;padding:11px 10px;border-radius:var(--radius-sm);cursor:pointer;align-items:center;transition:background .15s;min-height:52px;text-decoration:none}.bai:hover{background:var(--paper-warm)}.bai.active{background:var(--moss-100)}.bai.milestone{cursor:default}.bai.milestone:hover{background:transparent}.bai .st{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.st.done{background:var(--moss-600);color:#fff}.st.play{background:var(--moss-400);color:#fff}.st.wait{background:var(--warn-bg);color:var(--clay-600);border:1.5px solid var(--clay-500);font-size:11px}.st.todo{background:var(--card);color:var(--moss-500);border:1.5px solid var(--moss-300)}.bai .info{flex:1;min-width:0}.bai .info .vt{font-size:13.5px;line-height:1.3;color:var(--ink)}@media (min-width: 960px){.bai .info .vt{font-size:14px}}.bai.active .info .vt{font-weight:600;color:var(--moss-800)}.bai .info .vm{font-size:11.5px;color:var(--ink-mute);margin-top:1px}.exam-box{margin-top:14px;padding:15px;border:1.5px dashed var(--moss-300);border-radius:var(--radius-sm);background:var(--moss-50);text-align:center}.exam-box .t{font-family:var(--font-display);font-size:14.5px;color:var(--moss-800)}.exam-box .s{font-size:11.5px;color:var(--ink-mute);margin:3px 0 11px}.exam-box.locked{border-color:var(--line);background:var(--paper-warm)}.exam-box.locked .t{color:var(--ink-soft)}.exam-box .locked-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;background:var(--card);color:var(--ink-mute);border:1.5px solid var(--line);cursor:not-allowed}.exam-box.done{border-color:var(--moss-300);background:linear-gradient(180deg,var(--moss-50),var(--card))}.info-trainer{display:flex;align-items:center;gap:11px;padding:14px 16px;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);margin-bottom:14px}.info-trainer .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--moss-400),var(--moss-700));color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}.info-trainer .tn{font-family:var(--font-display);font-size:15px}.info-trainer .tr{font-size:12.5px;color:var(--ink-soft)}.info-pane .desc{font-size:14px;color:var(--ink-soft);line-height:1.6;margin-bottom:20px;padding:14px 16px;background:var(--moss-50);border-left:3px solid var(--moss-400);border-radius:var(--radius-sm)}.info-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}@media (min-width: 560px){.info-grid{grid-template-columns:1fr 1fr}}.info-row{background:var(--card);padding:13px 15px}.info-row .k{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px;display:flex;align-items:center;gap:6px}.info-row .v{font-size:14px;color:var(--ink);font-weight:600}.info-row .v small{font-weight:400;color:var(--ink-soft);display:block;font-size:12px;margin-top:1px}.action-bar{position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:40;display:flex;gap:12px;align-items:center;padding:10px 14px;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -4px 16px #23290f0f}.action-bar .info{flex:1;min-width:0}.action-bar .info .t{font-size:11.5px;color:var(--ink-mute)}.action-bar .info .p{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar .btn{min-height:48px;padding:0 22px;font-size:15px;flex-shrink:0}@media (min-width: 960px){.action-bar{display:none}}.qa-soon{text-align:center;padding:40px 20px;color:var(--ink-mute);font-size:13.5px}.test-app{max-width:720px;margin:0 auto;padding:0 16px calc(88px + env(safe-area-inset-bottom))}@media (min-width: 720px){.test-app{padding-bottom:60px}}.app .test-app{padding-left:0;padding-right:0}.test-topbar{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line-soft);margin-bottom:16px;position:sticky;top:71px;background:#fbfcf2f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.test-topbar .close{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink-soft);background:var(--card);font-size:18px;flex-shrink:0;cursor:pointer}.test-topbar .close:hover{border-color:var(--err);color:var(--err)}.test-topbar .ti{flex:1;min-width:0}.test-topbar .ti .c{font-size:11.5px;color:var(--ink-mute)}.test-topbar .ti b{display:block;font-family:var(--font-display);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer{flex-shrink:0;display:flex;align-items:center;gap:6px;background:var(--moss-50);border:1.5px solid var(--moss-200);padding:6px 12px;border-radius:999px}.timer .t{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--moss-800)}.timer.low{background:var(--err-bg);border-color:#f0b8b8}.timer.low .t{color:var(--err)}.qprog{height:6px;background:var(--moss-100);border-radius:999px;overflow:hidden;margin-bottom:22px}.qprog i{display:block;height:100%;background:var(--moss-500);border-radius:999px;transition:width .3s}.test-intro{background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius);padding:13px 15px;margin-bottom:20px;font-size:13px;color:var(--moss-800);display:flex;gap:10px}.tq{padding:18px 0 20px;border-bottom:1px solid var(--line-soft);scroll-margin-top:80px}.tq .qh{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--moss-600);margin-bottom:9px;display:flex;align-items:center;gap:8px}.tq .qh .num{width:22px;height:22px;border-radius:50%;background:var(--moss-100);color:var(--moss-700);display:grid;place-items:center;font-size:11px}.tq.answered .qh .num{background:var(--moss-600);color:#fff}.tq .qt{font-family:var(--font-display);font-size:18px;line-height:1.4;margin-bottom:15px}.tq .qtype{font-size:11.5px;font-weight:500;color:var(--ink-mute);text-transform:none;letter-spacing:0}.opt{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;cursor:pointer;transition:all .15s;background:var(--card);min-height:54px}.opt:hover{border-color:var(--moss-400);background:var(--moss-50)}.opt.sel{border-color:var(--moss-600);background:var(--moss-50)}.opt .k{width:28px;height:28px;flex-shrink:0;border-radius:8px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--ink-mute)}.opt.sel .k{background:var(--moss-600);color:#fff;border-color:var(--moss-600)}.opt.multi .k{border-radius:6px}.opt .ot{font-size:14.5px}.submit-bar{position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:40;display:flex;gap:12px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -4px 16px #23290f0f}@media (min-width: 900px){.submit-bar{bottom:0;padding-bottom:10px}}.submit-bar .info{flex:1}.submit-bar .info .t{font-size:12px;color:var(--ink-mute)}.submit-bar .info .p{font-size:14px;font-weight:700;color:var(--ink)}.submit-bar .btn{min-height:50px;padding:0 26px;font-size:15px;flex-shrink:0}.rscore{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius);margin-bottom:20px}.rscore.pass{background:var(--moss-50);border:1px solid var(--moss-200)}.rscore.fail{background:var(--err-bg);border:1px solid #f0b8b8}.rscore .big{font-family:var(--font-display);font-size:40px;font-weight:700;line-height:1;flex-shrink:0}.rscore.pass .big{color:var(--moss-700)}.rscore.fail .big{color:var(--err)}.rscore .rx .verdict{font-size:15px;font-weight:700}.rscore.pass .rx .verdict{color:var(--moss-700)}.rscore.fail .rx .verdict{color:var(--err)}.rscore .rx .sub{font-size:12.5px;color:var(--ink-soft);margin-top:3px}.note-box{border-radius:var(--radius);padding:14px 16px;margin-bottom:20px;font-size:13.5px;display:flex;gap:10px;line-height:1.55}.note-box.warn{background:var(--warn-bg);border:1px solid #eac9ac;color:#7a4522}.note-box.warn b{color:var(--clay-600)}.rlist h3{font-size:15px;margin-bottom:12px}.rq{padding:13px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px}.rq.wrong{border-color:#f0b8b8;background:var(--err-bg)}.rq.ok{border-color:var(--moss-300);background:var(--moss-50)}.rq .rqh{display:flex;align-items:flex-start;gap:9px}.rq .mk{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0;font-weight:700}.rq.wrong .mk{background:var(--err);color:#fff}.rq.ok .mk{background:var(--moss-600);color:#fff}.rq .rqt{font-weight:600;font-size:13.5px}.rq .yours{font-size:12.5px;color:var(--ink-mute);margin:7px 0 0 31px}.result-actions{display:flex;gap:12px;margin-top:24px}.result-actions .btn{flex:1;min-height:50px}.result-actions{flex-wrap:wrap}.result-actions .btn.next{flex-basis:100%;order:-1}@media (min-width: 720px){.result-actions .btn.next{flex-basis:0;order:0}}.exam-app{max-width:760px;margin:0 auto;padding:0 16px calc(40px + env(safe-area-inset-bottom))}.app .exam-app{padding-left:0;padding-right:0}.ehead{position:sticky;top:71px;z-index:20;background:#fbfcf2f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:18px;display:flex;align-items:center;gap:12px}.ehead .close{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink-soft);background:var(--card);font-size:17px;flex-shrink:0;cursor:pointer}.ehead .close:hover{border-color:var(--err);color:var(--err)}.ehead .ti{flex:1;min-width:0}.ehead .ti b{font-family:var(--font-display);font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ehead .ti span{font-size:11.5px;color:var(--ink-mute)}.ehead .timer{flex-shrink:0;display:flex;align-items:center;gap:7px;background:var(--moss-50);border:1.5px solid var(--moss-200);padding:7px 13px;border-radius:var(--radius-pill)}.ehead .timer .t{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--moss-800)}.ehead .timer.low{background:var(--err-bg);border-color:#f0b8b8}.ehead .timer.low .t{color:var(--err)}.practice-banner{font-size:13px;color:#2f6c82;background:var(--info-bg);border:1px solid #b7d3e0;border-radius:var(--radius-sm);padding:11px 14px;margin-bottom:16px;line-height:1.5}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:20px}.step{display:flex;align-items:center;gap:8px;flex:1}.step .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;background:var(--paper-warm);color:var(--ink-mute);border:1.5px solid var(--line)}.step.active .dot{background:var(--moss-700);color:#fff;border-color:var(--moss-700)}.step.done .dot{background:var(--moss-500);color:#fff;border-color:var(--moss-500)}.step .lb{font-size:12.5px;font-weight:600;color:var(--ink-mute)}.step.active .lb{color:var(--ink)}.step .line{flex:1;height:2px;background:var(--line);border-radius:2px}.step.done .line{background:var(--moss-400)}.part-title{font-size:17px;margin-bottom:4px}.part-sub{font-size:13px;color:var(--ink-soft);margin-bottom:20px}.essay-q{padding:18px 0 20px;border-bottom:1px solid var(--line-soft)}textarea.essay{width:100%;min-height:150px;padding:14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);resize:vertical;background:var(--card);line-height:1.6;font-size:15px;font-family:var(--font-body)}textarea.essay:focus{outline:none;border-color:var(--moss-500);box-shadow:0 0 0 4px var(--moss-100)}.step-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius);margin-top:8px}.essay-foot{display:flex;gap:12px;align-items:center;padding:16px;background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius);margin-top:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2e128c;z-index:60;display:grid;place-items:center;padding:20px}.overlay .box{background:var(--card);border-radius:var(--radius-lg);padding:30px 26px;max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.overlay .ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:28px;margin:0 auto 16px}.overlay.timeup .ic,.overlay.violation .ic{background:var(--err-bg);color:var(--err)}.overlay.violation h2{color:var(--err)}.overlay.done .ic{background:var(--moss-100);color:var(--moss-700);font-size:32px}.overlay h2{font-size:21px;margin-bottom:8px}.overlay p{font-size:14px;color:var(--ink-soft);margin-bottom:22px;line-height:1.55}.overlay .row{display:flex;gap:10px}.overlay .row .btn{flex:1;min-height:48px}.overlay .box .btn{min-height:48px}.overlay.confirm .box{text-align:left}.overlay.confirm h2{text-align:center}.confirm-desc{text-align:center;font-size:13.5px;color:var(--ink-soft);margin-bottom:18px}.confirm-stats{display:flex;gap:8px;margin-bottom:12px}.confirm-stats .st{flex:1;min-width:0;background:var(--paper-warm);border-radius:var(--radius-sm);padding:12px 8px;text-align:center}.confirm-stats .st .n{font-family:var(--font-display);font-size:24px;font-weight:700}.confirm-stats .st .l{font-size:11px;color:var(--ink-mute);margin-top:2px}.confirm-stats .st.warn .n{color:var(--clay-600)}.confirm-warn{font-size:12.5px;color:var(--clay-600);background:var(--warn-bg);border:1px solid #eac9ac;border-radius:var(--radius-sm);padding:10px 13px;margin-bottom:18px;display:flex;gap:8px}.res-crumb{font-size:12.5px;color:var(--ink-mute);margin-bottom:10px}.res-crumb a{color:var(--moss-700);font-weight:600;cursor:pointer}h1.res-page{font-size:25px;margin-bottom:4px}.res-sub{color:var(--ink-mute);font-size:13.5px;margin-bottom:22px}.result-hero{border-radius:var(--radius-lg);padding:22px;margin-bottom:22px;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}.result-hero.pending{background:linear-gradient(180deg,var(--paper-warm),var(--card) 60%);border-color:var(--line)}.result-hero.graded{background:linear-gradient(180deg,var(--moss-50),var(--card) 55%);border-color:var(--moss-200)}.rh-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.rh-status{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700}.result-hero.pending .rh-status{background:var(--paper-warm);color:var(--ink-soft);border:1px solid var(--line)}.result-hero.graded .rh-status{background:var(--ok-bg);color:var(--moss-800);border:1px solid var(--moss-300)}.rh-course{font-size:13px;color:var(--ink-mute)}.rh-scoreline{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.rh-final{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1;color:var(--ink)}.result-hero.pending .rh-final{color:var(--ink-mute)}.rh-final small{font-size:18px;color:var(--ink-mute);font-weight:600}.rh-verdict{padding-bottom:5px}.rh-note{margin-top:14px;font-size:12.5px;line-height:1.5;padding:10px 12px;border-radius:var(--radius-sm);background:var(--info-bg);color:#2f6c82;border:1px solid #b7d3e0}.res-sec{margin-bottom:22px}.res-sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.res-sec-h h2{font-size:16px}.res-sec-h .meta{font-size:12.5px;color:var(--ink-mute)}.card-box{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-xs);overflow:hidden}.mc-summary{display:flex;align-items:center;gap:18px;padding:18px 20px}.mc-score{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--moss-700)}.mc-score small{font-size:15px;color:var(--ink-mute)}.mc-detail{font-size:13px;color:var(--ink-soft);line-height:1.5}.mc-detail b{color:var(--moss-700)}.es-q{padding:16px 20px;border-top:1px solid var(--line-soft)}.es-q:first-child{border-top:none}.es-q-top{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.es-q-txt{font-size:14px;font-weight:600;color:var(--ink);flex:1;line-height:1.45}.es-your{font-size:13px;color:var(--ink-soft);margin-top:8px;line-height:1.5;background:var(--paper-warm);padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--line-soft)}.es-your .lbl{font-size:11px;font-weight:700;color:var(--ink-mute);letter-spacing:.04em;display:block;margin-bottom:3px}.es-graded{margin-top:10px;display:flex;gap:12px;align-items:flex-start}.es-pts{flex-shrink:0;font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--moss-700);background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius-sm);padding:6px 12px;min-width:60px;text-align:center}.es-comment{font-size:12.5px;color:var(--ink-soft);line-height:1.5}.es-comment .lbl{font-size:11px;font-weight:700;color:var(--moss-600);display:block;margin-bottom:2px}.res-actions{display:flex;gap:12px;margin-top:8px}.res-actions .btn{flex:1;min-height:48px}.page-wrap{max-width:800px;margin:0 auto}h1.page{font-size:22px;margin-bottom:4px}.page-sub{color:var(--ink-soft);font-size:13.5px;margin-bottom:18px}.searchbig{position:relative;margin-bottom:16px}.searchbig .ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-mute);font-size:19px}.searchbig input{width:100%;padding:15px 16px 15px 46px;border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--card);font-size:16px;box-shadow:var(--shadow-xs)}.searchbig input:focus{outline:none;border-color:var(--moss-500);box-shadow:0 0 0 4px var(--moss-100)}.filters{display:flex;gap:6px;overflow-x:auto;margin-bottom:8px}.fchip{padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;white-space:nowrap;border:1.5px solid var(--line);color:var(--ink-soft);background:var(--card);cursor:pointer}.fchip.active{background:var(--moss-700);color:#fff;border-color:var(--moss-700)}.scope{font-size:11.5px;color:var(--ink-mute);margin-bottom:18px;display:flex;gap:6px}.rmeta{font-size:12.5px;color:var(--ink-mute);margin-bottom:12px}.result{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line-soft);cursor:pointer}.result:hover .rt{color:var(--moss-700)}.result .ty{width:42px;height:42px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:18px}.ty.video{background:var(--info-bg);color:var(--info)}.ty.slide{background:var(--warn-bg);color:var(--clay-600)}.ty.qa{background:var(--moss-100);color:var(--moss-700)}.result .main{flex:1;min-width:0}.result .kind{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute)}.result .rt{font-size:14.5px;font-weight:600;color:var(--ink);margin:2px 0 3px;line-height:1.3}.result .rt mark{background:var(--moss-200);color:var(--moss-900);padding:0 2px;border-radius:3px}.result .rs{font-size:12.5px;color:var(--ink-soft);line-height:1.45}.result .rc{font-size:11.5px;color:var(--ink-mute);margin-top:5px}.search-empty{text-align:center;padding:40px 20px;color:var(--ink-mute);font-size:13.5px}.hero-points{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:26px}@media (min-width: 640px){.hero-points{grid-template-columns:1.4fr 1fr 1fr}}.pcard{border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.pcard.big{background:linear-gradient(135deg,var(--moss-700),var(--moss-900));color:#fff;box-shadow:var(--shadow-md)}.pcard.big:after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff14}.pcard.big .lb{font-size:12.5px;opacity:.85}.pcard.big .n{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1;margin:6px 0}.pcard.big .sub{font-size:12px;opacity:.8}.pcard.sm{background:var(--card);border:1px solid var(--line-soft);box-shadow:var(--shadow-xs)}.pcard.sm .lb{font-size:11.5px;color:var(--ink-mute)}.pcard.sm .n{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--moss-800);margin-top:3px}.pcard.sm .sub{font-size:11.5px;color:var(--ink-mute);margin-top:2px}.ach-sec-h{font-size:16px;margin:0 0 4px}.ach-sec-sub{font-size:12px;color:var(--ink-mute);margin-bottom:14px}.badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:26px}@media (min-width: 560px){.badges{grid-template-columns:repeat(4,1fr)}}.badge-item{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:var(--shadow-xs);transition:transform .15s}.badge-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.badge-item.locked{opacity:.45}.badge-item .em{font-size:34px;line-height:1}.badge-item .bn{font-size:12.5px;font-weight:700;margin-top:8px;color:var(--ink)}.badge-item .bc{font-size:10.5px;color:var(--ink-mute);margin-top:3px}.badge-item .cnt{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;background:var(--moss-100);color:var(--moss-700);padding:1px 8px;border-radius:999px}.htabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto}.htab{padding:8px 15px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;white-space:nowrap;border:1.5px solid var(--line);color:var(--ink-soft);background:var(--card);cursor:pointer}.htab.active{background:var(--moss-700);color:#fff;border-color:var(--moss-700)}.htable{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-xs)}.hrow{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s}.hrow:hover{background:var(--paper-warm)}.hrow:last-child{border-bottom:none}.hrow .ic{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:700}.ic.exc{background:var(--moss-100);color:var(--moss-700)}.ic.pass{background:var(--info-bg);color:var(--info)}.ic.fail{background:var(--err-bg);color:var(--err)}.ic.wait{background:var(--warn-bg);color:var(--clay-600)}.hrow .main{flex:1;min-width:0}.hrow .main .t{font-size:13.5px;font-weight:600;color:var(--ink)}.hrow .main .s{font-size:11.5px;color:var(--ink-mute);margin-top:2px}.hrow .main .s .lnk-prac{color:var(--moss-700);font-weight:600;text-decoration:underline;cursor:pointer}.hrow .score{text-align:right;flex-shrink:0}.hrow .score .sc{font-family:var(--font-display);font-size:18px;font-weight:700}.hrow .score .sc.g{color:var(--moss-700)}.hrow .score .sc.r{color:var(--err)}.hrow .score .st{font-size:11px;color:var(--ink-mute)}.hrow .go{font-size:17px;color:var(--ink-mute);flex-shrink:0}.htab-empty{padding:24px;text-align:center;color:var(--ink-mute);font-size:13px}.qa-ask{display:flex;gap:10px;margin-bottom:8px}.qa-ask input{flex:1;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);min-height:46px}.qa-ask input:focus{outline:none;border-color:var(--moss-500);box-shadow:0 0 0 4px var(--moss-100)}.qa-ask .btn{min-height:46px}.qa-hint{font-size:12px;color:var(--ink-mute);margin:0 0 16px}.qa-sent{display:flex;gap:11px;margin:12px 0;padding:14px 16px;background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius)}.qa-sent .ic{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--moss-600);color:#fff;display:grid;place-items:center;font-size:17px}.qa-sent b{color:var(--moss-800)}.qa-sent .s{font-size:12.5px;color:var(--ink-soft)}.qa-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:22px 0 12px}.qa-head h4{font-size:14px;font-weight:700;color:var(--ink)}.qa-count{font-size:12px;font-weight:500;color:var(--ink-mute);margin-left:6px}.qa-filter{display:flex;gap:5px;flex-wrap:wrap}.qf{font-size:12.5px;font-weight:600;color:var(--ink-soft);padding:6px 13px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card);cursor:pointer}.qf.on{background:var(--moss-700);color:#fff;border-color:var(--moss-700)}.qf-n{display:inline-block;margin-left:4px;font-size:10.5px;background:var(--clay-500);color:#fff;padding:0 6px;border-radius:999px}.qf.on .qf-n{background:#ffffff47}.qa-item{padding:14px 0;border-bottom:1px solid var(--line-soft)}.qa-item.myq{background:var(--moss-50);border:1px solid var(--moss-200);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px}.qa-item .q{display:flex;gap:10px}.qa-item .av{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--moss-200);color:var(--moss-800);display:grid;place-items:center;font-size:12px;font-weight:700}.qa-item.myq .av{background:linear-gradient(135deg,var(--moss-500),var(--moss-700));color:#fff}.qa-item .qt{font-size:13.5px}.qa-item .qt .who{font-weight:700;font-size:12.5px;color:var(--ink-soft)}.qa-item .qt .qmeta{display:block;font-size:11px;color:var(--ink-mute);margin:1px 0 5px}.qa-item .ans{margin:8px 0 0 40px;padding:11px 13px;background:var(--moss-50);border-radius:var(--radius-sm);font-size:13px;border-left:2.5px solid var(--moss-400)}.qa-item .ans .by{font-size:11px;font-weight:700;color:var(--moss-700);display:flex;align-items:center;gap:5px;margin-bottom:3px}.myq-status{font-size:12px;color:var(--ink-mute);margin:8px 0 0 40px}.myq-answer{font-size:13px;color:var(--ink-soft);line-height:1.5;margin:8px 0 0 40px;padding:10px 12px;background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.myq-answer .by{font-size:11.5px;font-weight:700;color:var(--moss-700);margin-bottom:4px}.rate-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 0 40px}.rate-label{font-size:12px;color:var(--ink-soft)}.stars{display:inline-flex;gap:2px}.stars .star{font-size:20px;line-height:1;color:var(--line);cursor:pointer;transition:color .12s,transform .12s}.stars .star:hover{transform:scale(1.15)}.stars .star.on{color:var(--clay-500)}.rate-done{font-size:12px;color:var(--moss-700);font-weight:600}.qa-empty{text-align:center;padding:26px;color:var(--ink-mute);font-size:13px}.pf-wrap{max-width:640px;margin:0 auto}.pf-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px}.pf-hero .av{width:68px;height:68px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--moss-500),var(--moss-700));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-size:24px;font-weight:700}.pf-hero .nm{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.pf-hero .role{font-size:13px;color:var(--ink-soft);margin-top:2px}.pf-hero .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pf-chip{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--moss-100);color:var(--moss-700)}.pf-card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}.pf-card .ch{padding:15px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:9px}.pf-card .ch h2{font-size:15px}.pf-card .ch .ic{font-size:17px}.pf-card .ch .note{margin-left:auto;font-size:11px;color:var(--ink-mute);background:var(--paper-warm);padding:3px 9px;border-radius:999px}.pf-card .cb{padding:6px 18px 14px}.field-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft);gap:12px}.field-row:last-child{border-bottom:none}.field-row .k{font-size:12.5px;color:var(--ink-mute)}.field-row .v{font-size:14px;font-weight:600;color:var(--ink);text-align:right}.field-row .v.status-on{color:var(--moss-700)}.form-field{margin-bottom:14px}.form-field label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.pw-wrap{position:relative}.form-field input{width:100%;padding:13px 46px 13px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);min-height:48px}.form-field input:focus{outline:none;border-color:var(--moss-500);box-shadow:0 0 0 4px var(--moss-100)}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--ink-mute);cursor:pointer;background:none;border:none}.pw-toggle:hover{color:var(--moss-700);background:var(--moss-50)}.pw-hint{font-size:11.5px;color:var(--ink-mute);margin-top:6px}.logout-row{display:flex;align-items:center;gap:12px;padding:15px 18px}.logout-row .ic{width:40px;height:40px;border-radius:10px;background:var(--err-bg);color:var(--err);display:grid;place-items:center;font-size:18px;flex-shrink:0}.logout-row .tx b{font-size:14px}.logout-row .tx span{font-size:12px;color:var(--ink-mute);display:block}.logout-row .btn{margin-left:auto;min-height:44px}.pf-ok{color:var(--moss-700);font-size:13px;margin-bottom:12px}