.ac-meridian { --brand:#5E5CE6;--on-brand:#FFFFFF; --ui:'Funnel Sans',-apple-system,system-ui,sans-serif;--display:'Funnel Display','Funnel Sans',sans-serif;--mono:'Funnel Sans',ui-monospace,monospace; --bg:#F4F5F7;--bg-tint:#ECEEF2;--surface:#FFFFFF;--surface-2:#F0F1F4;--surface-3:#E4E7EC; --ink-1:#0E1116;--ink-2:#4A505C;--ink-3:#868C98;--ink-4:#B8BCC5; --line:rgba(14,17,22,.07);--line-2:rgba(14,17,22,.12);--line-strong:rgba(14,17,22,.24); --accent:var(--brand);--accent-ink:color-mix(in oklab,var(--brand) 55%,#000);--accent-deep:color-mix(in oklab,var(--brand) 80%,#000);--accent-soft:color-mix(in oklab,var(--brand) 11%,#fff);--accent-line:color-mix(in oklab,var(--brand) 30%,#fff);--accent-hi:var(--brand); --accent-grad:linear-gradient(var(--brand),var(--brand));--cyan:var(--brand);--cyan-deep:color-mix(in oklab,var(--brand) 80%,#000);--cyan-soft:color-mix(in oklab,var(--brand) 11%,#fff);--cyan-line:color-mix(in oklab,var(--brand) 30%,#fff); --positive:#16A34A;--positive-soft:#E7F6EC;--negative:#DC2626;--negative-soft:#FDEBEB; --info:#2563EB;--info-soft:#E8EFFD;--violet:#7C3AED;--violet-soft:#F1EBFD;--warning:#D97706;--warning-soft:#FDF2E2; --sh-1:0 1px 2px rgba(14,17,22,.04);--sh-2:0 2px 6px rgba(14,17,22,.04),0 10px 30px -12px rgba(14,17,22,.12);--sh-3:0 30px 70px -30px rgba(14,17,22,.3); --ring:0 0 0 4px color-mix(in oklab,var(--brand) 22%,transparent);--top:64px;--side:250px;--ease:cubic-bezier(.22,.8,.24,1);--hex:transparent;--hdr:94px;--r:24px; } html[data-theme="dark"] .ac-meridian { --accent-ink:color-mix(in oklab,var(--brand) 55%,#fff); --bg:#0A0B0E;--bg-tint:#0E1014;--surface:#13151A;--surface-2:#191C22;--surface-3:#22262E; --ink-1:#F1F2F5;--ink-2:rgba(241,242,245,.7);--ink-3:rgba(241,242,245,.46);--ink-4:rgba(241,242,245,.24); --line:rgba(241,242,245,.07);--line-2:rgba(241,242,245,.12);--line-strong:rgba(241,242,245,.24); --accent-deep:color-mix(in oklab,var(--brand) 62%,#fff);--accent-soft:color-mix(in oklab,var(--brand) 16%,#13151A);--accent-line:color-mix(in oklab,var(--brand) 40%,#13151A); --cyan-deep:color-mix(in oklab,var(--brand) 62%,#fff);--cyan-soft:color-mix(in oklab,var(--brand) 16%,#13151A);--cyan-line:color-mix(in oklab,var(--brand) 40%,#13151A); --positive:#4ADE80;--positive-soft:rgba(74,222,128,.12);--negative:#F87171;--negative-soft:rgba(248,113,113,.12); --info:#93B4F8;--info-soft:rgba(147,180,248,.12);--violet:#B69CF6;--violet-soft:rgba(182,156,246,.12);--warning:#F5B651;--warning-soft:rgba(245,182,81,.12); --sh-1:none;--sh-2:0 0 0 1px rgba(241,242,245,.06);--sh-3:0 30px 70px -30px rgba(0,0,0,.9); } .ac-meridian, .ac-meridian * {box-sizing:border-box;margin:0;padding:0} .ac-meridian {font-family:var(--ui);background:var(--bg);color:var(--ink-1); background-image:linear-gradient(var(--hex) 1px,transparent 1px),linear-gradient(90deg,var(--hex) 1px,transparent 1px); background-size:46px 46px,46px 46px;background-attachment:fixed;font-size:14px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased} .ac-meridian button {font-family:inherit;color:inherit;cursor:pointer;border:none;background:none;display:inline-flex;align-items:center} .ac-meridian input {font-family:inherit;color:inherit} .ac-meridian img, .ac-meridian svg {display:block;max-width:100%} .ac-meridian svg {flex-shrink:0} .ac-meridian .mono {font-family:var(--mono);font-variant-numeric:tabular-nums} .ac-meridian .ital {font-family:var(--display);font-style:italic;font-weight:400} .ac-meridian ::-webkit-scrollbar {width:10px;height:10px} .ac-meridian ::-webkit-scrollbar-thumb {background:var(--line-2);border-radius:6px} .ac-meridian ::-webkit-scrollbar-track {background:transparent} .ac-meridian .hide {display:none!important} .ac-meridian .protected {user-select:none;-webkit-user-select:none} .ac-meridian .top {position:fixed;top:0;left:0;right:0;height:var(--top);z-index:100;display:flex;align-items:center;gap:16px;padding:0 20px; background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)} .ac-meridian .brand {display:flex;align-items:center;gap:9px;flex-shrink:0;cursor:pointer} .ac-meridian .brand img {height:30px;width:auto;border-radius:0} .ac-meridian .brand .w {font-family:var(--display);font-style:italic;font-size:21px;letter-spacing:-.3px} .ac-meridian .brand .w sup {font-family:var(--mono);font-style:normal;font-size:7px;letter-spacing:1.4px;color:var(--accent);margin-left:2px;vertical-align:super} .ac-meridian .iconbtn {width:38px;height:38px;border-radius:10px;justify-content:center;color:var(--ink-2);position:relative} .ac-meridian .iconbtn:hover {background:var(--surface-2);color:var(--ink-1)} .ac-meridian .iconbtn .bd {position:absolute;top:7px;right:7px;width:8px;height:8px;background:var(--negative);border-radius:50%;border:2px solid var(--bg)} .ac-meridian .searchwrap {flex:1;max-width:620px;margin:0 auto;position:relative} .ac-meridian .search {display:flex;align-items:center;gap:11px;padding:9px 8px 9px 16px;background:var(--surface);border:1px solid var(--line-2); border-radius:999px;box-shadow:var(--sh-1);transition:all .18s var(--ease)} .ac-meridian .search:focus-within {border-color:var(--accent-line);box-shadow:var(--ring)} .ac-meridian .search input {flex:1;border:none;background:none;outline:none;font-size:14px} .ac-meridian .search input::placeholder {color:var(--ink-3)} .ac-meridian .search .go {width:32px;height:32px;border-radius:50%;background:var(--accent-grad);justify-content:center;color:#fff} .ac-meridian .sugg {position:absolute;top:52px;left:0;right:0;background:var(--surface);border:1px solid var(--line-2);border-radius:16px; box-shadow:var(--sh-3);overflow:hidden;z-index:120} .ac-meridian .sugg .h {font-family:var(--mono);font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-3);padding:13px 16px 6px} .ac-meridian .sugg .it {display:flex;align-items:center;gap:11px;padding:9px 16px;cursor:pointer;font-size:13.5px;color:var(--ink-1)} .ac-meridian .sugg .it:hover {background:var(--bg-tint)} .ac-meridian .sugg .it .d {margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--positive)} .ac-meridian .topright {display:flex;align-items:center;gap:8px;flex-shrink:0} .ac-meridian .avatar {width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#B4B3F6,#4441C8);display:grid;place-items:center; font-weight:600;font-size:13px;color:#fff;cursor:pointer;flex-shrink:0} .ac-meridian .btn {display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600; transition:all .18s var(--ease);white-space:nowrap;border:1px solid transparent} .ac-meridian .btn-accent {background:var(--accent-grad);color:#fff;box-shadow:0 4px 12px -2px rgba(94,92,230,.42)} .ac-meridian .btn-accent:hover {transform:translateY(-1px);filter:brightness(1.04)} .ac-meridian .btn-ink {background:var(--ink-1);color:var(--bg)} html[data-theme="dark"] .ac-meridian .btn-ink {background:var(--surface-3);color:var(--ink-1)} .ac-meridian .btn-ink:hover {transform:translateY(-1px)} .ac-meridian .btn-ghost {background:var(--surface);border-color:var(--line-2);box-shadow:var(--sh-1)} .ac-meridian .btn-ghost:hover {border-color:var(--line-strong);transform:translateY(-1px)} .ac-meridian .btn-sm {padding:6px 13px;font-size:12px} .ac-meridian .btn:disabled {opacity:.42;cursor:not-allowed;transform:none} .ac-meridian .side {position:fixed;top:var(--top);left:0;bottom:0;width:var(--side);overflow-y:auto;padding:14px 12px 40px;z-index:90; background:var(--bg);border-right:1px solid var(--line);transition:transform .24s var(--ease)} .ac-meridian .side.collapsed {transform:translateX(-100%)} .ac-meridian .snav {display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:11px;font-size:13.5px;font-weight:500;color:var(--ink-2);width:100%;text-align:left} .ac-meridian .snav:hover {background:var(--surface-2);color:var(--ink-1)} .ac-meridian .snav.on {background:var(--accent-soft);color:var(--accent-deep);font-weight:600} html[data-theme="dark"] .ac-meridian .snav.on {color:var(--accent-hi)} .ac-meridian .snav .n {margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-3)} .ac-meridian .sdiv {height:1px;background:var(--line);margin:12px 6px} .ac-meridian .slabel {font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3);padding:8px 13px 6px} .ac-meridian .sedu {display:flex;align-items:center;gap:11px;padding:8px 13px;border-radius:10px;width:100%;text-align:left} .ac-meridian .sedu:hover {background:var(--surface-2)} .ac-meridian .sedu .nm {font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-meridian .sedu .lv {width:7px;height:7px;border-radius:50%;background:var(--negative);margin-left:auto;flex-shrink:0} .ac-meridian .main {margin-left:var(--side);margin-top:var(--top);padding:22px 28px 90px;transition:margin .24s var(--ease);max-width:1700px} .ac-meridian .main.wide {margin-left:0} @media(max-width:1100px) { .ac-meridian .side {transform:translateX(-100%)} .ac-meridian .main {margin-left:0} .ac-meridian .side.open {transform:none} } .ac-meridian .chips {display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line);scrollbar-width:none} .ac-meridian .chips::-webkit-scrollbar {display:none} .ac-meridian .chip {padding:7px 15px;border-radius:999px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--line-2); white-space:nowrap;transition:all .16s var(--ease)} .ac-meridian .chip:hover {border-color:var(--line-strong)} .ac-meridian .chip.on {background:var(--ink-1);color:var(--bg);border-color:var(--ink-1)} html[data-theme="dark"] .ac-meridian .chip.on {background:var(--accent-grad);color:#fff;border-color:transparent} .ac-meridian .fbar {display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px 16px;background:var(--surface);border:1px solid var(--line); border-radius:14px;margin-bottom:18px;box-shadow:var(--sh-1)} .ac-meridian .fbar .lbl {font-family:var(--mono);font-size:9.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-3);margin-right:2px} .ac-meridian .fchip {padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--bg-tint);color:var(--ink-2);border:1px solid transparent} .ac-meridian .fchip:hover {background:var(--surface-3)} .ac-meridian .fchip.on {background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-line)} html[data-theme="dark"] .ac-meridian .fchip.on {color:var(--accent-hi)} .ac-meridian .fsep {width:1px;height:22px;background:var(--line-2);margin:0 4px} .ac-meridian .sec {margin:34px 0 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px} .ac-meridian .sec .eyebrow {font-family:var(--mono);font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-3); display:flex;align-items:center;gap:7px;margin-bottom:6px} .ac-meridian .sec .eyebrow::before {content:'';width:14px;height:1px;background:var(--accent)} .ac-meridian .sec h2 {font-family:var(--display);font-style:italic;font-size:27px;letter-spacing:-.4px;line-height:1} .ac-meridian .sec .more {font-size:12.5px;font-weight:600;color:var(--accent-deep);gap:5px} html[data-theme="dark"] .ac-meridian .sec .more {color:var(--accent-hi)} .ac-meridian .grid {display:grid;gap:20px 18px} .ac-meridian .g-vid {grid-template-columns:repeat(auto-fill,minmax(298px,1fr))} .ac-meridian .g-crs {grid-template-columns:repeat(auto-fill,minmax(272px,1fr))} .ac-meridian .g-2 {grid-template-columns:repeat(auto-fill,minmax(420px,1fr))} .ac-meridian .rail {display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory} .ac-meridian .rail>* {scroll-snap-align:start;flex-shrink:0} .ac-meridian .thumb {position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center;cursor:pointer} .ac-meridian .thumb::after {content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2),transparent 55%), repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 5px)} .ac-meridian .thumb .play {position:relative;z-index:2;width:54px;height:54px;border-radius:50%;background:rgba(20,17,13,.52);backdrop-filter:blur(6px); display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.86);transition:all .22s var(--ease)} .ac-meridian .card:hover .thumb .play, .ac-meridian .thumb:hover .play {opacity:1;transform:scale(1)} .ac-meridian .thumb .dur {position:absolute;right:8px;bottom:8px;z-index:3;font-family:var(--mono);font-size:10.5px;font-weight:700; background:rgba(10,8,5,.78);color:#fff;padding:3px 7px;border-radius:6px} .ac-meridian .thumb .cnr {position:absolute;left:8px;top:8px;z-index:3;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.8px; padding:4px 8px;border-radius:6px;text-transform:uppercase;display:flex;align-items:center;gap:4px} .ac-meridian .thumb .prog {position:absolute;left:0;right:0;bottom:0;height:3.5px;background:rgba(255,255,255,.28);z-index:3} .ac-meridian .thumb .prog i {display:block;height:100%;background:var(--accent)} .ac-meridian .card {cursor:pointer;transition:transform .2s var(--ease)} .ac-meridian .card:hover {transform:translateY(-3px)} .ac-meridian .card .meta {display:flex;gap:11px;margin-top:11px} .ac-meridian .card .ti {font-size:14.5px;font-weight:600;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-meridian .card .sub {font-size:12.5px;color:var(--ink-3);margin-top:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap} .ac-meridian .vf {color:var(--accent);display:inline-flex} .ac-meridian .ccard {background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh-1); cursor:pointer;transition:all .2s var(--ease);display:flex;flex-direction:column} .ac-meridian .ccard:hover {transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-2)} .ac-meridian .ccard .cv {height:134px;position:relative} .ac-meridian .ccard .bd {padding:15px;flex:1;display:flex;flex-direction:column} .ac-meridian .ccard h4 {font-size:15px;font-weight:600;line-height:1.3;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-meridian .ccard .price {display:flex;align-items:baseline;gap:7px;margin-top:auto;padding-top:12px} .ac-meridian .ccard .pn {font-family:var(--display);font-style:italic;font-size:22px;color:var(--accent-deep)} html[data-theme="dark"] .ac-meridian .ccard .pn {color:var(--accent-hi)} .ac-meridian .ccard .pw {font-size:12px;color:var(--ink-4);text-decoration:line-through} .ac-meridian .tag {display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:6px; background:var(--bg-tint);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap} .ac-meridian .tag.ok {background:var(--positive-soft);color:var(--positive);border-color:transparent} .ac-meridian .tag.acc {background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-line)} html[data-theme="dark"] .ac-meridian .tag.acc {color:var(--accent-hi)} .ac-meridian .tag.live {background:var(--negative-soft);color:var(--negative);border-color:transparent} .ac-meridian .tag.info {background:var(--info-soft);color:var(--info);border-color:transparent} .ac-meridian .tag.vio {background:var(--violet-soft);color:var(--violet);border-color:transparent} .ac-meridian .tag.warn {background:var(--warning-soft);color:var(--warning);border-color:transparent} .ac-meridian .pulse {width:7px;height:7px;border-radius:50%;background:var(--negative);animation:ac-meridian-pl 1.6s infinite;flex-shrink:0} @keyframes ac-meridian-pl {0%{box-shadow:0 0 0 0 rgba(196,66,50,.5)}70%{box-shadow:0 0 0 7px rgba(196,66,50,0)}100%{box-shadow:0 0 0 0 rgba(196,66,50,0)}} .ac-meridian .livehero {border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0E1116,#191C22 58%,#22262E);color:#FAF8F4; padding:30px 34px;position:relative;cursor:pointer;transition:transform .2s var(--ease)} .ac-meridian .livehero:hover {transform:translateY(-2px)} .ac-meridian .livehero::after {content:'';position:absolute;right:-60px;top:-60px;width:300px;height:300px;border-radius:50%; background:radial-gradient(circle,rgba(224,58,58,.3),transparent 70%)} .ac-meridian .livehero h3 {font-family:var(--display);font-style:italic;font-size:30px;line-height:1.2;margin:12px 0 10px;max-width:660px;position:relative} .ac-meridian .livehero .row {display:flex;align-items:center;gap:12px;position:relative;flex-wrap:wrap} .ac-meridian .post {background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh-1)} .ac-meridian .post .hd {display:flex;align-items:center;gap:11px;margin-bottom:12px} .ac-meridian .post .txt {font-size:14.5px;line-height:1.55} .ac-meridian .post .acts {display:flex;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)} .ac-meridian .pact {display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--ink-2)} .ac-meridian .pact:hover {background:var(--surface-2)} .ac-meridian .pact.on {color:var(--accent-deep);background:var(--accent-soft)} html[data-theme="dark"] .ac-meridian .pact.on {color:var(--accent-hi)} .ac-meridian .opt {display:flex;align-items:center;gap:11px;padding:12px 15px;border:1.5px solid var(--line-2);border-radius:12px;margin-bottom:8px; cursor:pointer;position:relative;overflow:hidden;transition:all .16s var(--ease);font-size:13.5px} .ac-meridian .opt:hover {border-color:var(--accent-line);background:var(--bg-tint)} .ac-meridian .opt .fill {position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft);z-index:0;transition:width .5s var(--ease)} .ac-meridian .opt .lb, .ac-meridian .opt .pc, .ac-meridian .opt .radio {position:relative;z-index:1} .ac-meridian .opt .pc {margin-left:auto;font-family:var(--mono);font-weight:700;font-size:12.5px} .ac-meridian .opt.picked {border-color:var(--accent)} .ac-meridian .opt.right {border-color:var(--positive);background:var(--positive-soft)} .ac-meridian .opt.wrong {border-color:var(--negative);background:var(--negative-soft)} .ac-meridian .opt .radio {width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);flex-shrink:0} .ac-meridian .opt.picked .radio {border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)} .ac-meridian .card2 {background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-1)} .ac-meridian .cbody {padding:18px} .ac-meridian .chead {padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px} .ac-meridian .chead h3 {font-size:14px;font-weight:600} .ac-meridian .chead .m {margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-3)} .ac-meridian .divider {height:1px;background:var(--line);margin:22px 0} .ac-meridian .back {display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:18px} .ac-meridian .back:hover {color:var(--accent-deep)} .ac-meridian .empty {text-align:center;padding:70px 20px;color:var(--ink-3)} .ac-meridian .empty h4 {font-family:var(--display);font-style:italic;font-size:22px;color:var(--ink-1);margin:12px 0 6px} .ac-meridian .stat {display:flex;gap:26px;flex-wrap:wrap} .ac-meridian .stat div .v {font-family:var(--display);font-style:italic;font-size:26px} .ac-meridian .stat div .l {font-family:var(--mono);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-3);margin-top:2px} .ac-meridian .cmt {display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)} .ac-meridian .tabs {display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto} .ac-meridian .tab {padding:12px 16px;font-size:13.5px;font-weight:600;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;gap:7px} .ac-meridian .tab:hover {color:var(--ink-2)} .ac-meridian .tab.on {color:var(--ink-1);border-bottom-color:var(--accent)} .ac-meridian .tab .n {font-family:var(--mono);font-size:10px;padding:1px 6px;border-radius:5px;background:var(--bg-tint);color:var(--ink-3)} .ac-meridian .tab.on .n {background:var(--accent-soft);color:var(--accent-deep)} .ac-meridian .toasts {position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:9px;z-index:400} .ac-meridian .toast {background:var(--ink-1);color:var(--bg);padding:12px 17px;border-radius:11px;font-size:13px;box-shadow:var(--sh-3); display:flex;align-items:center;gap:9px;animation:ac-meridian-tin .25s} html[data-theme="dark"] .ac-meridian .toast {background:var(--surface-2);color:var(--ink-1);border:1px solid var(--line-2)} @keyframes ac-meridian-tin {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} .ac-meridian .scrim {position:fixed;inset:0;background:rgba(20,17,13,.5);z-index:300;backdrop-filter:blur(3px);display:none} .ac-meridian .scrim.on {display:grid;place-items:center;animation:ac-meridian-tin .2s} .ac-meridian .modal {background:var(--bg);border-radius:20px;width:min(560px,92vw);max-height:86vh;overflow:auto;box-shadow:var(--sh-3)} .ac-meridian .drm {display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:1.1px; text-transform:uppercase;padding:5px 10px;border-radius:7px;background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line-2)} .ac-meridian .wmark {position:absolute;z-index:7;font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.34);pointer-events:none; letter-spacing:.6px;text-shadow:0 1px 2px rgba(0,0,0,.4)} .ac-meridian .player {position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden; box-shadow:0 18px 48px -18px rgba(12,9,5,.42);isolation:isolate} .ac-meridian .player .stage {position:absolute;inset:0; background:radial-gradient(120% 90% at 50% 40%,rgba(255,255,255,.16),transparent 60%), radial-gradient(90% 70% at 50% 100%,rgba(8,6,4,.45),transparent 70%)} .ac-meridian .player::after {content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(to top,rgba(8,6,4,.62) 0%,transparent 34%,transparent 74%,rgba(8,6,4,.3) 100%)} .ac-meridian .bigplay {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5; width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.42); background:rgba(14,11,8,.42);backdrop-filter:blur(14px);color:#fff;display:grid;place-items:center; cursor:pointer;transition:.22s cubic-bezier(.3,0,.2,1)} .ac-meridian .bigplay:hover {transform:translate(-50%,-50%) scale(1.07);background:rgba(14,11,8,.6)} .ac-meridian .pctrl {position:absolute;left:0;right:0;bottom:0;z-index:6;padding:0 16px 13px; opacity:0;transform:translateY(6px);transition:.22s ease} .ac-meridian .player:hover .pctrl, .ac-meridian .player.idle .pctrl {opacity:1;transform:none} .ac-meridian .pbar {position:relative;height:4px;border-radius:3px;background:rgba(255,255,255,.24);cursor:pointer;margin-bottom:11px} .ac-meridian .pbar:hover {height:6px;margin-bottom:9px} .ac-meridian .pbar i {display:block;height:100%;border-radius:3px;background:var(--accent);position:relative} .ac-meridian .pbar i::after {content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%); width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px rgba(0,0,0,.5)} .ac-meridian .chapmark {position:absolute;top:-1px;width:2px;height:calc(100% + 2px);background:rgba(255,255,255,.8);border-radius:1px} .ac-meridian .prow {display:flex;align-items:center;gap:14px} .ac-meridian .prow button {background:none;border:none;color:#fff;cursor:pointer;display:flex;opacity:.92;transition:.15s} .ac-meridian .prow button:hover {opacity:1;transform:scale(1.1)} .ac-meridian .prow .t {font-family:var(--mono);font-size:11.5px;color:rgba(255,255,255,.86);letter-spacing:.3px} .ac-meridian .prow .sp {margin-left:auto;display:flex;align-items:center;gap:14px} .ac-meridian .prow .speed {font-family:var(--mono);font-size:11.5px;font-weight:700;border:1px solid rgba(255,255,255,.32); padding:2px 8px;border-radius:6px;color:#fff;background:none;cursor:pointer} .ac-meridian .ppill {display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;font-weight:700; letter-spacing:1px;background:rgba(8,16,21,.55);backdrop-filter:blur(8px);color:var(--accent-hi); border:1px solid rgba(245,216,174,.22);padding:5px 9px;border-radius:7px} .ac-meridian .tblw {overflow-x:auto} .ac-meridian .tbl {width:100%;border-collapse:collapse;font-size:13.5px} .ac-meridian .tbl th {text-align:left;font-family:var(--mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase; color:var(--ink-3);font-weight:700;padding:11px 18px;border-bottom:1px solid var(--line);white-space:nowrap} .ac-meridian .tbl td {padding:12px 18px;border-bottom:1px solid var(--line);white-space:nowrap} .ac-meridian .tbl tbody tr {cursor:pointer;transition:background .14s} .ac-meridian .tbl tbody tr:hover {background:var(--surface-2)} .ac-meridian .tbl .r {text-align:right} .ac-meridian .tbl .mono {font-family:var(--mono);font-weight:600} .ac-meridian .tbl tr.me {background:var(--accent-soft)} .ac-meridian .tbl tr.me td {font-weight:700} .ac-meridian .g-4 {display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px} .ac-meridian .exam {position:fixed;inset:0;z-index:400;background:var(--bg);display:flex;flex-direction:column} .ac-meridian .exam .xtop {display:flex;align-items:center;gap:16px;padding:12px 22px;border-bottom:1px solid var(--line); background:var(--surface);flex-shrink:0} .ac-meridian .exam .xtop .nm {font-weight:600;font-size:14.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ac-meridian .timer {display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:700;font-size:15px; padding:7px 14px;border-radius:9px;background:var(--accent-soft);color:var(--accent-deep);border:1px solid var(--accent-line)} .ac-meridian .timer.warn {background:rgba(224,58,58,.1);color:#C63030;border-color:rgba(224,58,58,.28)} .ac-meridian .exam .xbody {flex:1;display:grid;grid-template-columns:1fr 292px;overflow:hidden} .ac-meridian .exam .xq {overflow-y:auto;padding:28px 34px} .ac-meridian .exam .xside {border-left:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;overflow:hidden} .ac-meridian .qnum {display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;font-weight:700; letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-3)} .ac-meridian .qmarks {display:flex;gap:8px;margin-left:auto} .ac-meridian .qmarks span {font-family:var(--mono);font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:6px} .ac-meridian .qmarks .p {background:rgba(31,111,76,.1);color:var(--positive)} .ac-meridian .qmarks .n {background:rgba(224,58,58,.1);color:#C63030} .ac-meridian .pal {display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px;overflow-y:auto;flex:1;align-content:start} .ac-meridian .pnum {aspect-ratio:1;border-radius:9px;border:1px solid var(--line-2);background:var(--surface-2); font-family:var(--mono);font-size:12.5px;font-weight:700;cursor:pointer;display:grid;place-items:center; transition:.15s;color:var(--ink-2)} .ac-meridian .pnum:hover {transform:translateY(-1px)} .ac-meridian .pnum.ans {background:var(--positive);border-color:var(--positive);color:#fff} .ac-meridian .pnum.mark {background:var(--violet);border-color:var(--violet);color:#fff} .ac-meridian .pnum.ansmark {background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:inset 0 -6px 0 -2px var(--positive)} .ac-meridian .pnum.skip {background:rgba(224,58,58,.1);border-color:rgba(224,58,58,.3);color:#C63030} .ac-meridian .pnum.cur {outline:2px solid var(--accent);outline-offset:2px} .ac-meridian .legend {padding:14px 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px 12px} .ac-meridian .legend div {display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-2)} .ac-meridian .legend i {width:13px;height:13px;border-radius:4px;flex-shrink:0} .ac-meridian .xfoot {display:flex;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0} .ac-meridian .ring {--p:0;width:120px;height:120px;border-radius:50%;display:grid;place-items:center; background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--surface-3) 0)} .ac-meridian .ring>div {width:92px;height:92px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center} .ac-meridian .drive {position:fixed;inset:0;z-index:400;background:#2E2A26;display:flex;flex-direction:column;color:#EDE7DE} .ac-meridian .drive .dtop {display:flex;align-items:center;gap:14px;padding:0 16px;height:54px;flex-shrink:0; background:rgba(22,19,16,.92);border-bottom:1px solid rgba(255,255,255,.08)} .ac-meridian .drive .dtop .fn {font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px} .ac-meridian .dbtn {background:none;border:none;color:#EDE7DE;opacity:.8;cursor:pointer;display:grid;place-items:center; width:34px;height:34px;border-radius:8px;transition:.15s} .ac-meridian .dbtn:hover {opacity:1;background:rgba(255,255,255,.1)} .ac-meridian .dpg {display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px} .ac-meridian .dpg input {width:38px;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16); border-radius:6px;color:#fff;padding:4px;font-family:var(--mono);font-size:12.5px;outline:none} .ac-meridian .dsep {width:1px;height:22px;background:rgba(255,255,255,.14)} .ac-meridian .drive .dmain {flex:1;display:flex;overflow:hidden} .ac-meridian .drail {width:172px;flex-shrink:0;overflow-y:auto;padding:14px 10px;background:rgba(22,19,16,.55); border-right:1px solid rgba(255,255,255,.07)} .ac-meridian .thmb {border-radius:5px;overflow:hidden;margin-bottom:14px;cursor:pointer;border:2px solid transparent; background:#fff;aspect-ratio:1/1.414;position:relative;transition:.15s} .ac-meridian .thmb.on {border-color:var(--accent)} .ac-meridian .thmb .lbl {position:absolute;bottom:0;left:0;right:0;font-family:var(--mono);font-size:9.5px;text-align:center; background:rgba(22,19,16,.8);color:#EDE7DE;padding:2px} .ac-meridian .thmb .mini {padding:9px;color:#2A241C;font-size:4.5px;line-height:1.5;overflow:hidden;height:100%} .ac-meridian .dview {flex:1;overflow:auto;padding:30px;display:flex;flex-direction:column;align-items:center;gap:26px} .ac-meridian .sheet {width:794px;min-height:1123px;background:#fff;color:#1A1712;border-radius:3px; box-shadow:0 8px 32px rgba(0,0,0,.42);padding:74px 78px;position:relative;transform-origin:top center} .ac-meridian .sheet h2 {font-family:var(--serif);font-style:italic;font-weight:400;font-size:30px;margin-bottom:20px;color:#15110D} .ac-meridian .sheet p {font-size:15px;line-height:1.85;color:#2C2721} .ac-meridian .sheet .hint {margin-top:26px;padding:16px 20px;border-left:3px solid #5E5CE6;background:#F4F5F7; font-size:13.5px;line-height:1.7;color:#4A4038} .ac-meridian .sheet .pfoot {position:absolute;left:78px;right:78px;bottom:40px;display:flex;justify-content:space-between; font-family:var(--mono);font-size:9.5px;letter-spacing:1px;color:#9A9186; border-top:1px solid #E8E2D8;padding-top:12px} .ac-meridian .sheet .pwm {position:absolute;inset:0;display:grid;place-items:center;pointer-events:none; font-family:var(--mono);font-size:52px;font-weight:700;color:rgba(94,92,230,.07); transform:rotate(-28deg);letter-spacing:6px;user-select:none} .ac-meridian .main {min-width:0} .ac-meridian .grid>*, .ac-meridian .rail>* {min-width:0} .ac-meridian .sheet {overflow:hidden} .ac-meridian .grid {min-width:0} .ac-meridian .g-vid {grid-template-columns:repeat(auto-fill,minmax(min(100%,298px),1fr))} .ac-meridian .g-crs {grid-template-columns:repeat(auto-fill,minmax(min(100%,262px),1fr))} .ac-meridian .g-2 {grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr))} .ac-meridian .searchwrap {min-width:0} .ac-meridian .search {min-width:0} .ac-meridian .search input {min-width:0;width:100%} .ac-meridian .tblw {overflow-x:auto;-webkit-overflow-scrolling:touch} @media(max-width:1100px) { .ac-meridian .main {padding:20px 20px 90px} .ac-meridian .scrim.side-open {display:block} } @media(max-width:860px) { .ac-meridian .top {gap:9px;padding:0 12px} .ac-meridian .top .searchwrap {max-width:none} .ac-meridian .topright #liveBtn {display:none} .ac-meridian .brand img {height:26px} .ac-meridian .main {padding:16px 14px 90px} .ac-meridian .sec h2 {font-size:24px} .ac-meridian .hero, .ac-meridian .livehero {padding:20px 18px!important} .ac-meridian .g-2 {grid-template-columns:minmax(0,1fr)} .ac-meridian .cgrid, .ac-meridian .cgrid2 {grid-template-columns:minmax(0,1fr)!important} .ac-meridian .buy, .ac-meridian .buycard {position:static!important} .ac-meridian .grid[style*="376px"], .ac-meridian .grid[style*="348px"], .ac-meridian .grid[style*="330px"] {grid-template-columns:minmax(0,1fr)!important} .ac-meridian div[style*="grid-template-columns:1fr 376px"], .ac-meridian div[style*="grid-template-columns:1fr 352px"], .ac-meridian div[style*="grid-template-columns:1fr 348px"], .ac-meridian div[style*="grid-template-columns:1fr 330px"], .ac-meridian div[style*="grid-template-columns:.9fr 1.1fr"], .ac-meridian div[style*="grid-template-columns:.85fr 1.15fr"], .ac-meridian div[style*="grid-template-columns:236px 1fr"], .ac-meridian div[style*="grid-template-columns:300px 1fr"] {grid-template-columns:minmax(0,1fr)!important} .ac-meridian div[style*="grid-template-columns:repeat(4, .ac-meridian 1fr)"] {grid-template-columns:repeat(2,minmax(0,1fr))!important} .ac-meridian .facg, .ac-meridian .mgrid, .ac-meridian .cg {grid-template-columns:minmax(0,1fr)!important} .ac-meridian .exam .xbody {grid-template-columns:minmax(0,1fr);overflow-y:auto} .ac-meridian .exam .xside {border-left:none;border-top:1px solid var(--line)} .ac-meridian .exam .xq {padding:18px 16px} .ac-meridian .exam .xtop {padding:10px 12px;gap:9px} .ac-meridian .exam .xtop .nm {font-size:13px} .ac-meridian .pal {grid-template-columns:repeat(8,1fr)} .ac-meridian .xfoot {padding:11px 12px;gap:7px;flex-wrap:wrap} .ac-meridian .xfoot .btn {flex:1 1 auto;justify-content:center} .ac-meridian .drive .dtop {overflow-x:auto;gap:8px} .ac-meridian .drive .dtop .fn {max-width:150px} .ac-meridian .drail {display:none} .ac-meridian .dview {padding:14px} .ac-meridian .sheet {width:100%;max-width:100%;min-height:auto;padding:32px 24px} .ac-meridian .sheet .pfoot {position:static;margin-top:26px} .ac-meridian .sheet .pwm {font-size:34px} .ac-meridian .player .prow {gap:9px} .ac-meridian .player .prow .t {font-size:10px} .ac-meridian .stat {gap:18px!important} .ac-meridian .tabs {gap:0} .ac-meridian .tab {padding:10px 11px;font-size:13px} } @media(max-width:560px) { .ac-meridian .topright .avatar {display:none} .ac-meridian .g-vid, .ac-meridian .g-crs {grid-template-columns:minmax(0,1fr)} .ac-meridian .sec {flex-wrap:wrap;gap:8px} .ac-meridian .pal {grid-template-columns:repeat(6,1fr)} .ac-meridian .prow button:nth-child(2), .ac-meridian .prow button:nth-child(3) {display:none} .ac-meridian .card .thumb {aspect-ratio:16/9} .ac-meridian .ring {width:96px;height:96px} .ac-meridian .ring>div {width:74px;height:74px} } .ac-meridian .eyebrow::before, .ac-meridian .sec .eyebrow::before {background:var(--accent)!important} .ac-meridian .hexdot {width:9px;height:9px;background:var(--cyan);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:inline-block} .ac-meridian .mentorcard {display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;margin:2px 0 6px;border-radius:12px; background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:.18s var(--ease);text-align:left} .ac-meridian .mentorcard:hover {border-color:var(--accent-line);box-shadow:var(--sh-2);transform:translateY(-1px)} .ac-meridian .mentorcard.on {background:var(--accent-soft);border-color:var(--accent-line)} .ac-meridian .mentorcard img {width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top center;flex-shrink:0} .ac-meridian .mentorcard span {display:flex;flex-direction:column;min-width:0} .ac-meridian .mentorcard b {font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-meridian .mentorcard i {font-style:normal;font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-meridian .snav.wa {color:#12855A} .ac-meridian .snav.wa:hover {background:rgba(18,133,90,.09)} .ac-meridian .mstrip {display:flex;align-items:center;gap:24px;padding:22px;border-radius:20px;cursor:pointer; background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);transition:.22s var(--ease);position:relative;overflow:hidden} .ac-meridian .mstrip::after {content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%; background:radial-gradient(circle,var(--cyan-soft),transparent 65%);pointer-events:none} .ac-meridian .mstrip:hover {border-color:var(--accent-line);box-shadow:var(--sh-3);transform:translateY(-2px)} .ac-meridian .mstrip>img {width:132px;height:150px;border-radius:16px;object-fit:cover;object-position:top center;flex-shrink:0} .ac-meridian .mstrip .mtx {flex:1;min-width:0;position:relative} .ac-meridian .mstrip .lbl {font-size:9.5px;letter-spacing:1.5px;color:var(--accent-deep);font-weight:700} .ac-meridian .mstrip h3 {font-size:29px;margin:6px 0 2px;letter-spacing:-.01em} .ac-meridian .mstrip .sb {font-size:13px;color:var(--ink-3)} .ac-meridian .mstrip p {font-size:14.5px;color:var(--ink-2);margin-top:10px;line-height:1.6} .ac-meridian .mchips {display:flex;gap:7px;flex-wrap:wrap;margin-top:13px} .ac-meridian .mgo {width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent-deep); display:grid;place-items:center;flex-shrink:0;transition:.22s var(--ease)} .ac-meridian .mstrip:hover .mgo {background:var(--accent);color:#fff;transform:translateX(3px)} .ac-meridian .mentorhero {position:relative;display:flex;align-items:flex-end;gap:28px;padding:30px 32px;border-radius:22px;overflow:hidden; background:linear-gradient(135deg,#0E1116 0%,#191C22 55%,#22262E 100%);color:#EAF3F7;min-height:250px} .ac-meridian .mh-art {position:absolute;inset:0;pointer-events:none;opacity:.5; background-image:radial-gradient(circle at 82% 18%,rgba(94,92,230,.36),transparent 48%), radial-gradient(circle at 96% 76%,rgba(94,92,230,.34),transparent 46%), url("data:image/svg+xml;utf8,"); background-repeat:no-repeat,no-repeat,repeat} .ac-meridian .mh-photo {width:170px;height:200px;border-radius:18px;object-fit:cover;object-position:top center;flex-shrink:0; position:relative;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 44px -18px rgba(0,0,0,.7)} .ac-meridian .mh-body {position:relative;flex:1;min-width:0;padding-bottom:6px} .ac-meridian .mh-body h1 {font-size:clamp(30px,4vw,46px);margin:12px 0 4px;color:#fff;line-height:1.08} .ac-meridian .mh-sub {font-family:var(--mono);font-size:11.5px;letter-spacing:1.2px;color:#A6ABB5;text-transform:uppercase} .ac-meridian .mh-quote {font-family:var(--display);font-style:italic;font-size:19px;color:#E4E7EC;margin-top:12px} .ac-meridian .mh-cta {display:flex;gap:9px;margin-top:18px;flex-wrap:wrap} .ac-meridian .mh-cta .btn-ghost {background:rgba(255,255,255,.07);color:#EAF3F7;border-color:rgba(255,255,255,.2)} .ac-meridian .mh-cta .btn-ghost:hover {background:rgba(255,255,255,.14)} .ac-meridian .mentorhero .pill.live {background:rgba(94,92,230,.18);border:1px solid rgba(94,92,230,.4);color:var(--accent-hi); display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:100px;font-family:var(--mono); font-size:9.5px;font-weight:700;letter-spacing:1.3px} .ac-meridian .aboutg {display:grid;grid-template-columns:1fr 322px;gap:22px;align-items:start} .ac-meridian .aboutg .sticky {position:sticky;top:calc(var(--top) + 18px)} .ac-meridian .credrow {display:grid;grid-template-columns:30px 108px 1fr;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)} .ac-meridian .credrow:last-child {border-bottom:none} .ac-meridian .credrow .ci {color:var(--accent-deep);display:flex} .ac-meridian .credrow .ck {font-family:var(--mono);font-size:9.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-3);padding-top:3px} .ac-meridian .credrow .cv {font-size:14px;color:var(--ink-1);line-height:1.55} .ac-meridian .methodc {position:relative;overflow:hidden} .ac-meridian .methodc::before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)} .ac-meridian .methodc .mnum {font-size:10px;letter-spacing:1.4px;color:var(--accent-deep);font-weight:700} .ac-meridian .methodc h4 {font-size:16px;font-weight:600;margin:9px 0 7px;letter-spacing:-.01em} .ac-meridian .methodc p {font-size:13.6px;color:var(--ink-2);line-height:1.62} .ac-meridian .teachrow {display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13.4px;color:var(--ink-2)} .ac-meridian .teachrow svg {color:var(--cyan-deep)} .ac-meridian .contactg {display:grid;grid-template-columns:1fr 420px;gap:22px;align-items:start} .ac-meridian .crow {display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);border-radius:13px; margin-bottom:9px;background:var(--surface);transition:.18s var(--ease);text-decoration:none} .ac-meridian .crow:hover {border-color:var(--accent-line);box-shadow:var(--sh-2);transform:translateY(-1px)} .ac-meridian .crow .ic {width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0; background:var(--accent-soft);color:var(--accent-deep)} .ac-meridian .crow .ic.wa {background:rgba(37,211,102,.13);color:#12855A} .ac-meridian .crow .k {display:block;font-family:var(--mono);font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-3)} .ac-meridian .crow .v {display:block;font-size:14.5px;font-weight:600;margin-top:2px} .ac-meridian .enqform {background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--sh-2); position:sticky;top:calc(var(--top) + 18px)} .ac-meridian .frow2 {display:grid;grid-template-columns:1fr 1fr;gap:13px} .ac-meridian .f {margin-bottom:13px} .ac-meridian .f label {display:block;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase; color:var(--ink-3);margin-bottom:6px} .ac-meridian .f input, .ac-meridian .f select, .ac-meridian .f textarea {width:100%;border:1px solid var(--line-2);border-radius:11px;padding:11px 13px; font-family:var(--ui);font-size:14px;color:var(--ink-1);background:var(--surface);outline:none;transition:.16s} .ac-meridian .f input:focus, .ac-meridian .f select:focus, .ac-meridian .f textarea:focus {border-color:var(--accent);box-shadow:var(--ring)} .ac-meridian .f textarea {resize:vertical;min-height:88px} .ac-meridian .f .err {color:var(--negative);font-size:11.5px;font-weight:600;margin-top:5px;display:none} .ac-meridian .f.bad input, .ac-meridian .f.bad select {border-color:var(--negative)} .ac-meridian .f.bad .err {display:block} .ac-meridian .okbox {display:flex;gap:10px;background:var(--positive-soft);border:1px solid rgba(18,133,90,.25);color:var(--positive); border-radius:13px;padding:14px 16px;font-size:13.5px;line-height:1.6;margin-bottom:14px} .ac-meridian .okbox a {color:var(--positive);text-decoration:underline} .ac-meridian .foot {margin-top:56px;padding-top:34px;border-top:1px solid var(--line)} .ac-meridian .fgrid {display:grid;grid-template-columns:1.7fr 1fr 1.3fr 1.2fr;gap:34px} .ac-meridian .foot .flogo {height:32px;width:auto} .ac-meridian .foot .fp {font-size:13.4px;color:var(--ink-2);line-height:1.65;margin-top:13px;max-width:330px} .ac-meridian .fsoc {display:flex;gap:8px;margin-top:15px;flex-wrap:wrap} .ac-meridian .fsoc a {font-family:var(--mono);font-size:10px;letter-spacing:.8px;padding:6px 11px;border-radius:8px; border:1px solid var(--line-2);color:var(--ink-2);transition:.16s} .ac-meridian .fsoc a:hover {border-color:var(--accent);color:var(--accent-deep)} .ac-meridian .foot h4 {font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-3); margin-bottom:13px;font-weight:700} .ac-meridian .foot ul {list-style:none} .ac-meridian .foot li {font-size:13.4px;color:var(--ink-2);padding:5px 0;cursor:pointer;transition:.15s} .ac-meridian .foot li:hover {color:var(--accent-deep)} .ac-meridian .foot li.acc {color:var(--accent-deep);font-weight:600} .ac-meridian .frow {display:flex;align-items:center;gap:9px;font-size:13.4px;color:var(--ink-2);padding:6px 0;text-decoration:none;transition:.15s} .ac-meridian .frow:hover {color:var(--accent-deep)} .ac-meridian .frow svg {color:var(--ink-3);flex-shrink:0} .ac-meridian .frow:hover svg {color:var(--accent)} .ac-meridian .fbot {display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:28px;padding:18px 0 6px; border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)} .ac-meridian .fbot .tg {font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase} .ac-meridian .wafab {position:fixed;right:22px;bottom:22px;z-index:95;width:54px;height:54px;border-radius:50%;background:#25D366; display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px -10px rgba(37,211,102,.7);transition:.2s var(--ease)} .ac-meridian .wafab:hover {transform:scale(1.08) translateY(-2px)} .ac-meridian .wafab::after {content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ac-meridian-wapulse 2.6s infinite} @keyframes ac-meridian-wapulse {0%{transform:scale(1);opacity:.65}70%{transform:scale(1.55);opacity:0}100%{opacity:0}} @media(max-width:1100px) { .ac-meridian .aboutg, .ac-meridian .contactg {grid-template-columns:minmax(0,1fr)} .ac-meridian .aboutg .sticky, .ac-meridian .enqform {position:static} .ac-meridian .fgrid {grid-template-columns:1fr 1fr} } @media(max-width:860px) { .ac-meridian .mentorhero {flex-direction:column;align-items:flex-start;gap:18px;padding:22px 20px;min-height:0} .ac-meridian .mh-photo {width:118px;height:140px} .ac-meridian .mstrip {flex-direction:column;align-items:flex-start;gap:16px} .ac-meridian .mstrip>img {width:100%;height:210px} .ac-meridian .mgo {display:none} .ac-meridian .credrow {grid-template-columns:26px 1fr;gap:10px} .ac-meridian .credrow .ck {grid-column:2;padding-top:0} .ac-meridian .credrow .cv {grid-column:2} .ac-meridian .fgrid {grid-template-columns:1fr;gap:26px} .ac-meridian .wafab {right:14px;bottom:14px;width:50px;height:50px} } @media(max-width:560px) { .ac-meridian .frow2 {grid-template-columns:1fr} .ac-meridian .enqform {padding:18px} } .ac-meridian .thumb, .ac-meridian .ccard .cv, .ac-meridian .livehero {position:relative} .ac-meridian .thumb::before, .ac-meridian .ccard .cv::before {content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5; background-image:url("data:image/svg+xml;utf8,"); background-size:128px 112px} .ac-meridian .thumb>*, .ac-meridian .ccard .cv>* {z-index:1} .ac-meridian .thumb .play {z-index:2} .ac-meridian .livehero::after {content:'';position:absolute;inset:0;pointer-events:none;opacity:.5; background-image:radial-gradient(circle at 88% 22%,rgba(94,92,230,.30),transparent 46%), radial-gradient(circle at 97% 82%,rgba(94,92,230,.30),transparent 44%), url("data:image/svg+xml;utf8,"); background-repeat:no-repeat,no-repeat,repeat} .ac-meridian .livehero>* {position:relative;z-index:1} .ac-meridian .player {position:relative} .ac-meridian .player .stage {background-image:url("data:image/svg+xml;utf8,"), radial-gradient(120% 90% at 50% 40%,rgba(255,255,255,.14),transparent 60%), radial-gradient(90% 70% at 50% 100%,rgba(8,16,21,.45),transparent 70%)} .ac-meridian a {color:inherit;text-decoration:none} .ac-meridian .crow, .ac-meridian .frow, .ac-meridian .fsoc a, .ac-meridian .okbox a {-webkit-tap-highlight-color:transparent} .ac-meridian .okbox a {color:var(--positive)} @media(max-width:620px) { .ac-meridian .top {gap:7px;padding:0 9px} .ac-meridian .top .brand img {height:24px} .ac-meridian .search {padding:8px 6px 8px 12px;gap:7px} .ac-meridian .search .go {display:none} .ac-meridian .search input {font-size:13px} .ac-meridian .topright {gap:4px} .ac-meridian .topright .iconbtn {width:34px;height:34px} } @media(max-width:400px) { .ac-meridian .top .brand {display:none} } .ac-meridian {overflow-x:hidden} .ac-meridian {max-width:100%} .ac-meridian .card2 {min-width:0} .ac-meridian #chat {overflow-wrap:anywhere} .ac-meridian #chat+div {flex-wrap:wrap} .ac-meridian #chatIn {min-width:0;flex:1 1 120px} @media(max-width:860px) { .ac-meridian .card2[style*="height:620px"] {height:auto!important;max-height:520px} .ac-meridian #chat {max-height:300px} } .ac-meridian {-webkit-text-size-adjust:100%} .ac-meridian {overscroll-behavior-y:none} .ac-meridian {-webkit-tap-highlight-color:transparent} .ac-meridian button, .ac-meridian a, .ac-meridian .card, .ac-meridian .ccard, .ac-meridian .snav, .ac-meridian .chip, .ac-meridian .tab, .ac-meridian .crow, .ac-meridian .opt, .ac-meridian .pnum {-webkit-tap-highlight-color:transparent;touch-action:manipulation} .ac-meridian .main, .ac-meridian .side, .ac-meridian #chat, .ac-meridian .dview, .ac-meridian .pal, .ac-meridian .tabs, .ac-meridian .chips, .ac-meridian .rail, .ac-meridian .tblw {-webkit-overflow-scrolling:touch} @media(hover:none) { .ac-meridian .card:hover, .ac-meridian .ccard:hover, .ac-meridian .crow:hover, .ac-meridian .mstrip:hover, .ac-meridian .feat:hover {transform:none;box-shadow:var(--sh-1)} .ac-meridian .card:active, .ac-meridian .ccard:active, .ac-meridian .crow:active, .ac-meridian .mstrip:active {transform:scale(.985);transition:transform .08s} .ac-meridian .btn:active {transform:scale(.97)} .ac-meridian .snav:active, .ac-meridian .chip:active, .ac-meridian .tab:active {opacity:.7} } .ac-meridian :focus-visible {outline:2px solid var(--accent);outline-offset:2px;border-radius:8px} @media(prefers-reduced-motion:reduce) { .ac-meridian, .ac-meridian *, .ac-meridian *::before, .ac-meridian *::after {animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } .ac-meridian .top {padding-top:env(safe-area-inset-top);height:calc(var(--top) + env(safe-area-inset-top))} .ac-meridian .side {top:calc(var(--top) + env(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom))} .ac-meridian .main {margin-top:calc(var(--top) + env(safe-area-inset-top))} .ac-meridian .wafab {bottom:calc(22px + env(safe-area-inset-bottom))} .ac-meridian .tabbar {display:none} @media(max-width:900px) { .ac-meridian .tabbar {position:fixed;left:0;right:0;bottom:0;z-index:99;display:flex;align-items:stretch; background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px) saturate(1.4); border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 24px -12px rgba(12,32,45,.22)} .ac-meridian .tabbar button {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px; padding:9px 2px 8px;color:var(--ink-3);font-size:10px;font-weight:600;letter-spacing:.1px;position:relative; background:none;border:none;min-height:56px;transition:color .18s var(--ease)} .ac-meridian .tabbar button .tbi {display:flex;transition:transform .22s var(--ease)} .ac-meridian .tabbar button.on {color:var(--accent-deep)} .ac-meridian .tabbar button.on .tbi {transform:translateY(-2px)} .ac-meridian .tabbar button.on::before {content:'';position:absolute;top:0;left:50%;transform:translateX(-50%); width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--accent)} .ac-meridian .tabbar button:active {opacity:.6} .ac-meridian .main {padding-bottom:calc(84px + env(safe-area-inset-bottom))!important} .ac-meridian .wafab {bottom:calc(78px + env(safe-area-inset-bottom))} .ac-meridian .exam, .ac-meridian .drive {padding-bottom:env(safe-area-inset-bottom)} } .ac-meridian .installbar {display:none;align-items:center;gap:12px;padding:12px 14px;margin:0 0 16px;border-radius:16px; background:var(--surface);border:1px solid var(--accent-line);box-shadow:var(--sh-2)} .ac-meridian .installbar.show {display:flex} .ac-meridian .installbar img {width:42px;height:42px;border-radius:11px;flex-shrink:0} .ac-meridian .installbar .ib {flex:1;min-width:0} .ac-meridian .installbar b {display:block;font-size:14px;font-weight:600} .ac-meridian .installbar span {display:block;font-size:12.2px;color:var(--ink-3);margin-top:1px} .ac-meridian .installbar .x {width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3);flex-shrink:0} .ac-meridian .sheetwrap {position:fixed;inset:0;z-index:210;background:rgba(10,18,24,.5);backdrop-filter:blur(3px); display:none;align-items:flex-end;justify-content:center} .ac-meridian .sheetwrap.on {display:flex;animation:ac-meridian-fadein .2s} .ac-meridian .sheetcard {background:var(--surface);width:100%;max-width:520px;border-radius:22px 22px 0 0;padding:22px 22px calc(26px + env(safe-area-inset-bottom)); animation:ac-meridian-slideup .28s var(--ease);box-shadow:0 -20px 60px -20px rgba(0,0,0,.4)} .ac-meridian .sheetcard .grab {width:38px;height:4px;border-radius:3px;background:var(--line-2);margin:0 auto 16px} .ac-meridian .sheetcard ol {margin:14px 0 0 18px;font-size:14px;color:var(--ink-2);line-height:1.9} @keyframes ac-meridian-fadein {from{opacity:0}to{opacity:1}} @keyframes ac-meridian-slideup {from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}} .ac-meridian .livehero {position:relative;isolation:isolate} .ac-meridian .lh-lab {position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0} .ac-meridian .lh-lab .flask {position:absolute;right:34px;bottom:-6px;width:132px;height:150px;opacity:.9} .ac-meridian .lh-lab .bub {position:absolute;bottom:34px;border-radius:50%;background:rgba(255,255,255,.55); animation:ac-meridian-bubrise linear infinite} @keyframes ac-meridian-bubrise {0%{transform:translateY(0) scale(.6);opacity:0} 12%{opacity:.85}70%{opacity:.7}100%{transform:translateY(-72px) scale(1.25);opacity:0}} .ac-meridian .lh-lab .mol {position:absolute;animation:ac-meridian-molfloat linear infinite} @keyframes ac-meridian-molfloat {0%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,-14px) rotate(180deg)} 100%{transform:translate(0,0) rotate(360deg)}} .ac-meridian .lh-lab .orbit {position:absolute;left:-40px;top:-52px;width:230px;height:230px;opacity:.55; animation:ac-meridian-spin 26s linear infinite} @keyframes ac-meridian-spin {to{transform:rotate(360deg)}} .ac-meridian .lh-lab .beam {position:absolute;inset:0;background: radial-gradient(420px 200px at 84% 26%,rgba(94,92,230,.28),transparent 70%), radial-gradient(360px 190px at 12% 92%,rgba(94,92,230,.26),transparent 70%); animation:ac-meridian-beam 7s ease-in-out infinite alternate} @keyframes ac-meridian-beam {from{opacity:.55}to{opacity:1}} .ac-meridian .livehero>*:not(.lh-lab) {position:relative;z-index:1} .ac-meridian .lvdot {width:8px;height:8px;border-radius:50%;background:#8E8CF0;box-shadow:0 0 0 0 rgba(94,92,230,.65); animation:ac-meridian-lvpulse 1.9s infinite} @keyframes ac-meridian-lvpulse {70%{box-shadow:0 0 0 11px rgba(94,92,230,0)}100%{box-shadow:0 0 0 0 rgba(94,92,230,0)}} .ac-meridian .eqbars {display:inline-flex;align-items:flex-end;gap:2px;height:12px} .ac-meridian .eqbars i {width:2.5px;background:#8E8CF0;border-radius:2px;animation:ac-meridian-eq .9s ease-in-out infinite} .ac-meridian .eqbars i:nth-child(2) {animation-delay:.15s} .ac-meridian .eqbars i:nth-child(3) {animation-delay:.3s} .ac-meridian .eqbars i:nth-child(4) {animation-delay:.45s} @keyframes ac-meridian-eq {0%,100%{height:4px}50%{height:12px}} .ac-meridian .player {border-radius:16px;background:#080F14;isolation:isolate} .ac-meridian .player.fs {position:fixed;inset:0;z-index:300;border-radius:0;aspect-ratio:auto;height:100dvh;width:100vw} .ac-meridian .pshade {position:absolute;inset:0;z-index:2;pointer-events:none; background:linear-gradient(to top,rgba(4,10,14,.82) 0,rgba(4,10,14,.28) 22%,transparent 46%), linear-gradient(to bottom,rgba(4,10,14,.55) 0,transparent 26%)} .ac-meridian .ptop {position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:flex-start;gap:9px; padding:14px 16px;opacity:0;transform:translateY(-6px);transition:.22s var(--ease)} .ac-meridian .player:hover .ptop, .ac-meridian .player.idle .ptop, .ac-meridian .player.touched .ptop {opacity:1;transform:none} .ac-meridian .ptop .ptitle {font-size:13.5px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5); margin-left:auto;text-align:right;max-width:52%;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-meridian .seekzone {position:absolute;top:0;bottom:64px;width:32%;z-index:3} .ac-meridian .seekzone.l {left:0} .ac-meridian .seekzone.r {right:0} .ac-meridian .seekflash {position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:88px;height:88px;border-radius:50%; background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;font-family:var(--mono);font-size:11px; font-weight:700;opacity:0;pointer-events:none} .ac-meridian .seekflash.go {animation:ac-meridian-flash .55s var(--ease)} @keyframes ac-meridian-flash {0%{opacity:0;transform:translateY(-50%) scale(.7)}30%{opacity:1;transform:translateY(-50%) scale(1)} 100%{opacity:0;transform:translateY(-50%) scale(1.15)}} .ac-meridian .bigplay {width:78px;height:78px;box-shadow:0 12px 34px -10px rgba(0,0,0,.7)} .ac-meridian .bigplay::after {content:'';position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(255,255,255,.25); animation:ac-meridian-ring 3s ease-out infinite} @keyframes ac-meridian-ring {0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.25);opacity:0}} .ac-meridian .pctrl {padding:0 14px 12px;z-index:6} .ac-meridian .pbar {height:3.5px;border-radius:3px;background:rgba(255,255,255,.24);position:relative;cursor:pointer; margin-bottom:9px;transition:height .16s} .ac-meridian .pbar:hover, .ac-meridian .player.scrub .pbar {height:6px} .ac-meridian .pbar .buf {position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.3);border-radius:3px} .ac-meridian .pbar i {position:relative;z-index:2} .ac-meridian .pbar i::after {width:12px;height:12px;right:-6px;opacity:0;transition:opacity .16s;box-shadow:0 1px 5px rgba(0,0,0,.6)} .ac-meridian .pbar:hover i::after, .ac-meridian .player.scrub i::after {opacity:1} .ac-meridian .prow {gap:15px;padding-bottom:2px} .ac-meridian .prow button {opacity:.94;transition:transform .14s var(--ease),opacity .14s} .ac-meridian .prow button:hover {opacity:1;transform:scale(1.12)} .ac-meridian .prow button:active {transform:scale(.94)} .ac-meridian .prow .t {font-size:11.5px;letter-spacing:.2px;white-space:nowrap} .ac-meridian .pcta {position:absolute;right:14px;bottom:60px;z-index:7;display:flex;align-items:center;gap:9px; background:rgba(9,17,22,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16); border-radius:14px;padding:9px 10px 9px 12px;color:#fff;opacity:0;transform:translateY(6px); transition:.24s var(--ease);max-width:min(330px,72%)} .ac-meridian .player:hover .pcta, .ac-meridian .player.idle .pcta, .ac-meridian .player.touched .pcta {opacity:1;transform:none} .ac-meridian .pcta .pk {font-family:var(--mono);font-size:8.5px;letter-spacing:1.3px;color:var(--accent-hi);font-weight:700} .ac-meridian .pcta .pt {font-size:12.5px;font-weight:600;line-height:1.3;margin-top:2px} .ac-meridian .pcta .btn {padding:7px 13px;font-size:12.5px;flex-shrink:0} .ac-meridian .endcard {position:absolute;inset:0;z-index:8;display:none;place-items:center;text-align:center;padding:22px; background:rgba(6,12,16,.86);backdrop-filter:blur(6px)} .ac-meridian .endcard.on {display:grid} .ac-meridian .endcard h3 {font-family:var(--display);font-style:italic;font-size:27px;color:#fff} .ac-meridian .endcard p {font-size:13.5px;color:#B6C6CE;margin:7px 0 16px;max-width:340px} .ac-meridian .endcard .row {display:flex;gap:9px;justify-content:center;flex-wrap:wrap} @media(max-width:640px) { .ac-meridian .prow {gap:11px} .ac-meridian .prow .t {font-size:10.5px} .ac-meridian .prow .speed {padding:1px 6px;font-size:10px} .ac-meridian .bigplay {width:62px;height:62px} .ac-meridian .pcta {right:10px;left:10px;bottom:54px;max-width:none} .ac-meridian .ptop .ptitle {display:none} .ac-meridian .pctrl {padding:0 10px 9px} } .ac-meridian .hs {position:relative;border-radius:26px;overflow:hidden;margin:0 0 24px;isolation:isolate;background:var(--hs-bg);color:var(--hs-ink); box-shadow:0 34px 80px -46px rgba(0,0,0,.6);border:1px solid var(--hs-line)} .ac-meridian .hs-track {display:grid} .ac-meridian .hs-s {grid-area:1/1;position:relative;opacity:0;visibility:hidden;z-index:0;transition:opacity .8s var(--ease),visibility 0s linear .8s;color:var(--hs-ink)} .ac-meridian .hs-s.on {opacity:1;visibility:visible;z-index:1;transition:opacity .8s var(--ease)} .ac-meridian .hs-s.out {visibility:visible} .ac-meridian .hs-bg {position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none} .ac-meridian .hs-bg svg {position:absolute;inset:0;width:100%;height:100%} .ac-meridian .hs-in {position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;gap:30px;align-items:center;padding:50px 52px 100px;min-height:480px} .ac-meridian .hs-txt {min-width:0} .ac-meridian .hs-eb {display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase; padding:7px 13px;border-radius:999px;background:var(--hs-chip);border:1px solid var(--hs-line);margin-bottom:22px;backdrop-filter:blur(8px)} .ac-meridian .hs-h {font-family:var(--display);font-size:clamp(34px,4.3vw,62px);line-height:1.02;letter-spacing:var(--hs-ls);font-weight:var(--hs-hw);font-style:var(--hs-hs)} .ac-meridian .hs-h .l {display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em} .ac-meridian .hs-h .l>span {display:inline-block} .ac-meridian .hs-h em {font-style:var(--hs-ems);color:var(--hs-acc);font-weight:inherit} .ac-meridian .hs-p {font-size:15.5px;line-height:1.62;color:var(--hs-ink2);max-width:480px;margin-top:18px} .ac-meridian .hs-cta {display:flex;gap:10px;flex-wrap:wrap;margin-top:26px} .ac-meridian .hs-cta .btn {padding:13px 22px;font-size:14px} .ac-meridian .hs .btn-ghost {background:var(--hs-chip);color:var(--hs-ink);border-color:var(--hs-line);box-shadow:none} .ac-meridian .hs .btn-ghost:hover {border-color:var(--hs-ink3)} .ac-meridian .hs-meta {display:flex;gap:32px;margin-top:30px;flex-wrap:wrap} .ac-meridian .hs-meta b {display:block;font-family:var(--display);font-size:25px;line-height:1.1;font-weight:var(--hs-hw);letter-spacing:-.02em} .ac-meridian .hs-meta span {font-family:var(--mono);font-size:9.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--hs-ink3)} .ac-meridian .hs-vis {position:relative;height:350px;min-width:0} .ac-meridian .hs:not(.still) .hs-s.on .hs-h .l>span {animation:ac-meridian-hsUp 1.1s var(--ease) both} .ac-meridian .hs:not(.still) .hs-s.on .hs-h .l:nth-child(2)>span {animation-delay:.08s} .ac-meridian .hs:not(.still) .hs-s.on .hs-h .l:nth-child(3)>span {animation-delay:.16s} .ac-meridian .hs:not(.still) .hs-s.on .hs-eb {animation:ac-meridian-hsFade .8s var(--ease) both} .ac-meridian .hs:not(.still) .hs-s.on .hs-p {animation:ac-meridian-hsFade .9s .18s var(--ease) both} .ac-meridian .hs:not(.still) .hs-s.on .hs-cta {animation:ac-meridian-hsFade .9s .28s var(--ease) both} .ac-meridian .hs:not(.still) .hs-s.on .hs-meta {animation:ac-meridian-hsFade .9s .38s var(--ease) both} .ac-meridian .hs:not(.still) .hs-s.on .hs-vis {animation:ac-meridian-hsVis 1.2s .1s var(--ease) both} .ac-meridian .hs-s.out .hs-txt {animation:ac-meridian-hsOut .6s var(--ease) both} @keyframes ac-meridian-hsUp {from{transform:translateY(112%)}} @keyframes ac-meridian-hsFade {from{opacity:0;transform:translateY(16px)}} @keyframes ac-meridian-hsVis {from{opacity:0;transform:translateX(40px) scale(.96);filter:blur(8px)}} @keyframes ac-meridian-hsOut {to{opacity:0;transform:translateY(-14px)}} .ac-meridian .hs-ctrl {position:absolute;left:52px;right:52px;bottom:26px;z-index:5;display:flex;align-items:center;gap:22px;color:var(--hs-ink)} .ac-meridian .hs-num {font-size:12px;color:var(--hs-ink3);min-width:52px} .ac-meridian .hs-num b {color:var(--hs-ink);font-weight:600} .ac-meridian .hs-bars {flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .ac-meridian button.hs-bar {display:block;position:relative;text-align:left;padding-top:12px;font-size:12px;font-weight:600;color:var(--hs-ink3);transition:color .3s;background:none} .ac-meridian .hs-bar::before, .ac-meridian .hs-bar i {content:'';position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:var(--hs-line)} .ac-meridian .hs-bar i {background:var(--hs-acc);transform:scaleX(0);transform-origin:left} .ac-meridian .hs-bar.on {color:var(--hs-ink)} .ac-meridian .hs-arw {display:flex;gap:8px} .ac-meridian .hs-arw button {width:42px;height:42px;border-radius:50%;border:1px solid var(--hs-line);justify-content:center;color:var(--hs-ink);transition:.2s var(--ease)} .ac-meridian .hs-arw button:hover {background:var(--hs-ink);color:var(--hs-solid)} @media(max-width:860px) { .ac-meridian .hs {border-radius:20px} .ac-meridian .hs-in {grid-template-columns:minmax(0,1fr);padding:28px 20px 84px;gap:18px;min-height:0} .ac-meridian .hs-h {font-size:clamp(30px,8.4vw,44px)} .ac-meridian .hs-p {font-size:14.5px;margin-top:14px} .ac-meridian .hs-cta .btn {padding:12px 18px;font-size:13.5px} .ac-meridian .hs-meta {gap:22px;margin-top:22px} .ac-meridian .hs-meta b {font-size:21px} .ac-meridian .hs-vis {height:250px} .ac-meridian .hs-ctrl {left:20px;right:20px;bottom:20px;gap:14px} .ac-meridian .hs-bar span, .ac-meridian .hs-num {display:none} .ac-meridian .hs-arw button {width:38px;height:38px} } @media(prefers-reduced-motion:reduce) { .ac-meridian .hs * {animation:none!important} } html[data-theme="dark"] .ac-meridian .fchip.on, html[data-theme="dark"] .ac-meridian .chip.on {background:var(--ink-1);color:var(--bg);border-color:var(--ink-1)} .ac-meridian .wrap {width:min(1200px,100% - 40px);margin-inline:auto} .ac-meridian .main {margin:0!important;padding:0!important;max-width:none!important} .ac-meridian .pg {padding:calc(var(--hdr) + 40px) max(20px,(100% - 1200px)/2) 20px;min-height:70vh} .ac-meridian .main[data-view="home"] .pg {padding:0} .ac-meridian .tabbar {display:none!important} .ac-meridian .wafab {bottom:22px!important;width:48px;height:48px} .ac-meridian .wafab::after {display:none} .ac-meridian .installbar {position:fixed;left:16px;bottom:16px;z-index:130;max-width:400px;margin:0!important;transition:opacity .3s} body[data-view="home"]:not(.scrolled) .ac-meridian .installbar, body[data-view="courses"]:not(.scrolled) .ac-meridian .installbar {opacity:0;pointer-events:none} .ac-meridian .search .go {display:none} .ac-meridian .thumb::before, .ac-meridian .thumb::after, .ac-meridian .ccard .cv::before {display:none} .ac-meridian .thumb {background-size:cover!important} .ac-meridian .cbanner {height:clamp(240px,30vw,420px)!important;background-size:cover!important} .ac-meridian .cbanner .tag {background:rgba(255,255,255,.92)!important;color:#111!important} .ac-meridian .player .stage {background:linear-gradient(to top,rgba(0,0,0,.35),transparent 60%)} .ac-meridian .mh-art {opacity:0} .ac-meridian .livehero::after {display:none} .ac-meridian .ccard, .ac-meridian .card2, .ac-meridian .post, .ac-meridian .mstrip, .ac-meridian .fbar, .ac-meridian .enqform, .ac-meridian .crow, .ac-meridian .installbar {box-shadow:none!important} .ac-meridian .ccard:hover, .ac-meridian .mstrip:hover, .ac-meridian .crow:hover, .ac-meridian .card:hover {transform:none} .ac-meridian .btn-accent, .ac-meridian .btn-ink {box-shadow:none} .ac-meridian .btn-accent:hover, .ac-meridian .btn-ink:hover, .ac-meridian .btn-ghost:hover {transform:none;filter:none;opacity:.88} .ac-meridian .sec .eyebrow::before {display:none} .ac-meridian .main[data-view="courses"] .fbar {background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;margin-bottom:40px} .ac-meridian .main .g-crs {grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:44px 26px} .ac-meridian .side {position:fixed;top:0!important;right:0;left:auto;bottom:0;width:min(340px,90vw);z-index:520;transform:translateX(105%)!important;transition:transform .45s var(--ease); background:var(--bg);border:0;border-left:1px solid var(--line);padding:18px 16px 40px} .ac-meridian .side.open {transform:none!important} .ac-meridian .dscrim {position:fixed;inset:0;z-index:510;background:rgba(15,15,15,.3);opacity:0;pointer-events:none;transition:opacity .35s} .ac-meridian .side.open+.dscrim {opacity:1;pointer-events:all} .ac-meridian .dhead {display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:10px} .ac-meridian .dbrand {display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:19px} .ac-meridian .hs {border-radius:0;margin:0;border:0;box-shadow:none} .ac-meridian .hs-eb {border:0;background:none;padding:0;backdrop-filter:none} .ac-meridian .hs-bar::before, .ac-meridian .hs-bar i {height:1px} .ac-meridian .hs-vis {height:auto} .ac-meridian .x-two>*, .ac-meridian .x-g2>*, .ac-meridian .x-g3>*, .ac-meridian .x-g4>* {min-width:0} .ac-meridian .x-img {display:block;width:100%;background-size:cover!important;background-position:center!important;object-fit:cover} .ac-meridian {background:var(--bg)} .ac-meridian .ital, .ac-meridian .sec h2, .ac-meridian .empty h4, .ac-meridian .endcard h3, .ac-meridian .mstrip h3, .ac-meridian .mh-body h1 {font-family:var(--display);font-style:normal;font-weight:600;letter-spacing:-.025em} .ac-meridian .sec h2 {font-size:30px} .ac-meridian .sec .eyebrow {color:var(--accent-ink);font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none} .ac-meridian .brand .w {font-family:var(--display);font-style:normal;font-weight:700;font-size:19px;letter-spacing:-.02em} .ac-meridian .ccard, .ac-meridian .card2, .ac-meridian .post, .ac-meridian .mstrip, .ac-meridian .fbar, .ac-meridian .enqform, .ac-meridian .crow, .ac-meridian .installbar {border-radius:var(--r)} .ac-meridian .card2, .ac-meridian .post, .ac-meridian .ccard, .ac-meridian .enqform, .ac-meridian .fbar {background:var(--surface);box-shadow:var(--sh-2)!important;border-color:var(--line)} .ac-meridian .btn {border-radius:14px;font-weight:600} .ac-meridian .btn-accent, .ac-meridian .btn-ink, .ac-meridian .mr-go {background:var(--brand);color:var(--on-brand)} .ac-meridian .mr-ghost {background:var(--surface-2);color:var(--ink-1)} .ac-meridian .wide {width:100%;justify-content:center;padding:14px!important} .ac-meridian .chip.on, .ac-meridian .fchip.on {background:var(--brand);color:var(--on-brand);border-color:var(--brand)} html[data-theme="dark"] .ac-meridian .chip.on, html[data-theme="dark"] .ac-meridian .fchip.on {background:var(--brand);color:var(--on-brand);border-color:var(--brand)} .ac-meridian .snav.on {background:var(--accent-soft);color:var(--accent-ink)} .ac-meridian .tab.on {border-bottom-color:var(--brand)} .ac-meridian .thumb, .ac-meridian .cbanner {border-radius:var(--r)!important} .ac-meridian .mh-photo, .ac-meridian .mstrip>img {border-radius:var(--r)} .ac-meridian .player {border-radius:var(--r)!important} .ac-meridian #main.mr-enter .pg {animation:ac-meridian-mrIn .55s var(--ease) backwards} @keyframes ac-meridian-mrIn {from{opacity:0;transform:translateY(12px) scale(.995)}} @media(prefers-reduced-motion:reduce) { .ac-meridian #main.mr-enter .pg {animation:none} .ac-meridian .mr-mqt {animation:none!important} } .ac-meridian .mr {position:fixed;top:14px;left:0;right:0;z-index:300;display:flex;justify-content:center;pointer-events:none} .ac-meridian .mr-isl {pointer-events:auto;width:min(1200px,100% - 28px);height:64px;display:flex;align-items:center;gap:22px;padding:0 10px 0 18px;border-radius:22px; background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 0 0 1px var(--line),0 12px 32px -14px rgba(14,17,22,.25);transition:height .35s var(--ease),width .35s var(--ease)} body.scrolled .ac-meridian .mr-isl {height:58px;width:min(1120px,100% - 28px)} .ac-meridian .mr .brand {cursor:pointer;gap:10px} .ac-meridian .mr-links {display:flex;gap:2px} .ac-meridian .mr-links button, .ac-meridian .mr-links a {padding:8px 13px;border-radius:12px;font-size:14px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s} .ac-meridian .mr-links button:hover, .ac-meridian .mr-links a:hover {background:var(--surface-2);color:var(--ink-1)} .ac-meridian .mr .searchwrap {flex:0 1 230px;margin:0 0 0 auto;max-width:none} .ac-meridian .mr .search {padding:8px 10px 8px 12px;border-radius:13px;background:var(--surface-2);border:0;box-shadow:none} .ac-meridian .mr .search input {font-size:13.5px} .ac-meridian .mr kbd {font-family:var(--ui);font-size:11px;padding:1px 7px;border-radius:6px;background:var(--surface);color:var(--ink-3);box-shadow:0 0 0 1px var(--line-2)} .ac-meridian .mr .sugg {top:50px;border-radius:18px} .ac-meridian .mr #liveBtn {border-radius:12px} .ac-meridian .mr .iconbtn {border-radius:12px} .ac-meridian .mr .avatar {background:var(--accent-soft);color:var(--accent-ink);border-radius:12px} .ac-meridian .mr-cta {background:var(--ink-1);color:var(--bg);border-radius:14px;white-space:nowrap} @media(max-width:1180px) { .ac-meridian .mr-links {display:none} } @media(max-width:760px) { .ac-meridian .mr .searchwrap, .ac-meridian #liveBtn, .ac-meridian .mr .avatar, .ac-meridian .mr-cta {display:none} .ac-meridian .mr .topright {margin-left:auto} .ac-meridian .mr-isl {height:58px;padding:0 6px 0 14px;border-radius:18px} .ac-meridian {--hdr:84px} } @media(max-width:760px) { .ac-meridian body .tabbar {display:flex!important;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:64px;border-radius:22px;border:0; background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);box-shadow:0 0 0 1px var(--line),0 14px 34px -12px rgba(14,17,22,.35);padding:0 6px} .ac-meridian body .tabbar button {font-size:10.5px;font-weight:600;color:var(--ink-3);border-radius:16px;margin:7px 0} .ac-meridian body .tabbar button.on {color:var(--brand);background:var(--accent-soft)} .ac-meridian body .tabbar button.on::before {display:none} .ac-meridian .wafab {bottom:92px!important} .ac-meridian .installbar {bottom:92px!important} .ac-meridian .pg {padding-bottom:110px!important} .ac-meridian .mrf {padding-bottom:96px} } .ac-meridian .mr-bento {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"head head feat feat" "head head feat feat" "live next stat fac";gap:14px;padding-top:calc(var(--hdr) + 14px)} .ac-meridian .mb {position:relative;border-radius:28px;background:var(--surface);box-shadow:var(--sh-2);overflow:hidden;text-align:left;min-width:0} .ac-meridian .mb-head {grid-area:head;padding:44px 40px 36px;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 0% 0%,var(--accent-soft),var(--surface) 60%)} .ac-meridian .mr-pill {display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)} .ac-meridian .mr-pill i {width:7px;height:7px;border-radius:50%;background:var(--brand)} .ac-meridian .mb-head h1 {font-family:var(--display);font-weight:600;font-size:clamp(34px,4vw,58px);line-height:1.03;letter-spacing:-.035em;margin:24px 0 30px;text-wrap:balance} .ac-meridian .mr-hsearch {display:flex;align-items:center;gap:10px;margin-top:auto;padding:8px 8px 8px 18px;border-radius:20px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2),0 10px 30px -14px rgba(14,17,22,.25)} .ac-meridian .mr-hsearch>span {display:flex;color:var(--ink-3)} .ac-meridian .mr-hsearch input {flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;color:var(--ink-1);outline:0;padding:10px 0} .ac-meridian .mr-hsearch .btn {padding:12px 20px} .ac-meridian .mr-hchips {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .ac-meridian .mr-hchips button, .ac-meridian .mr-hchips a {padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:0 0 0 1px var(--line-2);font-size:13px;font-weight:500;color:var(--ink-2)} .ac-meridian .mr-hchips button:hover, .ac-meridian .mr-hchips a:hover {color:var(--brand);box-shadow:0 0 0 1px var(--brand)} .ac-meridian .mb-feat {grid-area:feat;cursor:pointer;min-height:420px;display:flex;align-items:flex-end;color:#fff} .ac-meridian .mb-feat>.x-img {position:absolute;inset:0;transition:transform 1.2s var(--ease)} .ac-meridian .mb-feat:hover>.x-img {transform:scale(1.04)} .ac-meridian .mb-feat::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,9,12,.85))} .ac-meridian .mb-ft {position:relative;z-index:1;padding:28px 30px} .ac-meridian .mr-tag {display:inline-block;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:600} .ac-meridian .mb-ft .mr-tag {background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(8px)} .ac-meridian .mb-ft h3 {font-family:var(--display);font-weight:600;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.02em;margin:12px 0 8px} .ac-meridian .mb-ft p {font-size:14px;opacity:.8} .ac-meridian .mb-fp {display:flex;align-items:baseline;gap:10px;margin-top:14px} .ac-meridian .mb-fp b {font-size:22px} .ac-meridian .mb-fp s {opacity:.6;font-size:14px} .ac-meridian .mb-live {grid-area:live;padding:22px;background:#0E1116;color:#F1F2F5;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer} html[data-theme="dark"] .ac-meridian .mb-live {background:var(--surface-2)} .ac-meridian .mr-live {display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#FF6B6B} .ac-meridian .mr-live i {width:8px;height:8px;border-radius:50%;background:#FF4D4D;box-shadow:0 0 0 0 rgba(255,77,77,.6);animation:ac-meridian-mrp 1.8s infinite} @keyframes ac-meridian-mrp {70%{box-shadow:0 0 0 10px rgba(255,77,77,0)}100%{box-shadow:0 0 0 0 rgba(255,77,77,0)}} .ac-meridian .mb-live b {font-family:var(--display);font-weight:600;font-size:19px;line-height:1.2} .ac-meridian .mb-lm {display:flex;align-items:center;gap:8px;margin-top:auto;font-size:12.5px;opacity:.75} .ac-meridian .mb-lm img {width:26px;height:26px;border-radius:50%;object-fit:cover} .ac-meridian .mb-next {grid-area:next;padding:22px;display:flex;flex-direction:column;gap:6px} .ac-meridian .mr-k {display:block;font-size:12.5px;font-weight:600;color:var(--accent-ink);margin-bottom:4px} .ac-meridian .mb-next b {font-family:var(--display);font-weight:600;font-size:18px;line-height:1.25} .ac-meridian .mb-next small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mb-next button {display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:auto;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-size:12.5px;font-weight:600} .ac-meridian .mb-stat {grid-area:stat;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;align-content:center} .ac-meridian .mb-stat b {display:block;font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.02em} .ac-meridian .mb-stat small {font-size:11.5px;color:var(--ink-3)} .ac-meridian .mb-fac {grid-area:fac;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;background:var(--accent-soft)} .ac-meridian .mb-avs {display:flex;margin-bottom:10px} .ac-meridian .mb-avs img {width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--surface)} .ac-meridian .mb-avs img+img {margin-left:-12px} .ac-meridian .mb-fac b {font-family:var(--display);font-weight:600;font-size:18px} .ac-meridian .mb-fac small {font-size:13px;color:var(--accent-ink);font-weight:600;margin-top:auto} .ac-meridian .mr-bento>.mb {animation:ac-meridian-mrB .7s var(--ease) both} .ac-meridian .mr-bento>.mb:nth-child(2) {animation-delay:.06s} .ac-meridian .mr-bento>.mb:nth-child(3) {animation-delay:.12s} .ac-meridian .mr-bento>.mb:nth-child(4) {animation-delay:.18s} .ac-meridian .mr-bento>.mb:nth-child(5) {animation-delay:.24s} .ac-meridian .mr-bento>.mb:nth-child(6) {animation-delay:.3s} @keyframes ac-meridian-mrB {from{opacity:0;transform:translateY(18px) scale(.98)}} .ac-meridian .mr-resume {display:flex;align-items:center;gap:16px;width:100%;margin-top:14px;padding:14px 20px 14px 14px;border-radius:22px;background:var(--surface);box-shadow:var(--sh-2);text-align:left} .ac-meridian .mr-resume>div {flex:1;min-width:0} .ac-meridian .mr-resume small {font-size:12px;color:var(--ink-3)} .ac-meridian .mr-resume b {display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-meridian .mr-ring {--p:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--surface-3) 0)} .ac-meridian .mr-ring b {width:38px;height:38px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:11px} .ac-meridian .mr-s {padding:110px 0 0} .ac-meridian .mr-h {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:30px} .ac-meridian .mr-h h2 {font-family:var(--display);font-weight:600;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.035em;line-height:1.05} .ac-meridian .mr-more {display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:13px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-size:13.5px;font-weight:600;white-space:nowrap} .ac-meridian .mr-more:hover {box-shadow:0 0 0 1px var(--brand);color:var(--brand)} .ac-meridian .mr-cats {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:12px} .ac-meridian .mr-cat {--h:250;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border-radius:22px;background:hsl(var(--h) 70% 96%);text-align:left;transition:transform .35s var(--ease),box-shadow .35s} html[data-theme="dark"] .ac-meridian .mr-cat {background:hsl(var(--h) 26% 14%)} .ac-meridian .mr-cat:hover {transform:translateY(-4px);box-shadow:var(--sh-3)} .ac-meridian .mr-cic {display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:hsl(var(--h) 75% 88%);color:hsl(var(--h) 60% 30%);margin-bottom:14px} html[data-theme="dark"] .ac-meridian .mr-cic {background:hsl(var(--h) 30% 22%);color:hsl(var(--h) 80% 80%)} .ac-meridian .mr-cat b {font-family:var(--display);font-weight:600;font-size:18px} .ac-meridian .mr-cat small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-shelf+.mr-shelf {margin-top:46px} .ac-meridian .mr-shh {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px} .ac-meridian .mr-shh h3 {font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em} .ac-meridian .mr-shh sup {font-family:var(--ui);font-size:12px;color:var(--ink-3);margin-left:6px} .ac-meridian .mr-sha {display:flex;gap:8px;align-items:center} .ac-meridian .mr-arr {width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface);box-shadow:0 0 0 1px var(--line-2)} .ac-meridian .mr-arr:hover {color:var(--brand)} .ac-meridian .mr-row {display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*18px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:none} .ac-meridian .mr-row::-webkit-scrollbar {display:none} .ac-meridian .mr-row>* {scroll-snap-align:start} .ac-meridian .mr-slot {display:flex} .ac-meridian .mr-slot>.mr-c {flex:1} .ac-meridian .mr-shh .mr-seg {margin:0;flex:0 1 auto;max-width:100%} .ac-meridian .mr-c {cursor:pointer;display:flex;flex-direction:column;background:var(--surface);border-radius:22px;box-shadow:var(--sh-2);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s} .ac-meridian .mr-c:hover {transform:translateY(-5px);box-shadow:var(--sh-3)} .ac-meridian .mr-cimg {position:relative;aspect-ratio:16/10} .ac-meridian .mr-ctag {position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#0E1116;font-size:11.5px;font-weight:600} .ac-meridian .mr-sv {position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0E1116;opacity:0;transition:opacity .25s} .ac-meridian .mr-c:hover .mr-sv, .ac-meridian .mr-sv.on {opacity:1} .ac-meridian .mr-sv.on {color:var(--brand)} @media(hover:none) { .ac-meridian .mr-sv {opacity:1} } .ac-meridian .mr-en {position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:var(--brand);color:var(--on-brand);font-size:11.5px;font-weight:600} .ac-meridian .mr-cb {padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} .ac-meridian .mr-c h3 {font-family:var(--display);font-weight:600;font-size:17.5px;line-height:1.25;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ac-meridian .mr-cby {display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--ink-2)} .ac-meridian .mr-cby img {width:22px;height:22px;border-radius:50%;object-fit:cover} .ac-meridian .mr-cby.big {margin-top:18px;font-size:14px} .ac-meridian .mr-cby.big img {width:34px;height:34px} .ac-meridian .mr-cby.big b {color:var(--ink-1)} .ac-meridian .mr-cm {display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-cm b {color:var(--ink-1)} .ac-meridian .mr-cf {display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:14px} .ac-meridian .mr-cf b {font-family:var(--display);font-weight:600;font-size:19px} .ac-meridian .mr-cf s {font-size:13px;color:var(--ink-4)} .ac-meridian .mr-cf em {font-style:normal;font-size:12px;font-weight:600;color:var(--positive)} .ac-meridian .mr-numbers {display:grid;grid-template-columns:repeat(5,1fr);border-radius:28px;background:#0E1116;color:#F1F2F5;padding:40px 20px} html[data-theme="dark"] .ac-meridian .mr-numbers {background:var(--surface)} .ac-meridian .mr-numbers div {text-align:center;padding:0 10px} .ac-meridian .mr-numbers div+div {border-left:1px solid rgba(241,242,245,.12)} .ac-meridian .mr-numbers b {display:block;font-family:var(--display);font-weight:600;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.03em} .ac-meridian .mr-numbers small {font-size:13px;opacity:.6} .ac-meridian .mr-facs {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px} .ac-meridian .mr-fc {cursor:pointer;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2);overflow:hidden;transition:transform .4s var(--ease)} .ac-meridian .mr-fc:hover {transform:translateY(-5px)} .ac-meridian .mr-fimg {aspect-ratio:1/1;transition:transform .8s var(--ease)} .ac-meridian .mr-fc:hover .mr-fimg {transform:scale(1.04)} .ac-meridian .mr-fb {position:relative;padding:18px 20px 20px;background:var(--surface)} .ac-meridian .mr-fb b {display:flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:19px} .ac-meridian .mr-fb>small {font-size:13px;color:var(--accent-ink);font-weight:600} .ac-meridian .mr-fb p {font-size:13.5px;color:var(--ink-2);line-height:1.55;margin:10px 0} .ac-meridian .mr-fm {display:block;margin-top:6px;font-size:12px;color:var(--ink-3)} .ac-meridian .mr-vf {display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--brand);color:var(--on-brand)} .ac-meridian .mr-duo {display:grid;grid-template-columns:1fr 1fr;gap:18px} .ac-meridian .mr-panel {padding:28px;border-radius:28px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-panel .mr-h {margin-bottom:16px} .ac-meridian .mr-panel .mr-h h2 {font-size:26px} .ac-meridian .mr-li {display:flex;align-items:center;gap:14px;width:100%;padding:13px 10px;border-radius:16px;text-align:left;transition:background .2s} .ac-meridian .mr-li:hover {background:var(--surface-2)} .ac-meridian .mr-lic {display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent-ink);flex:none} .ac-meridian .mr-li>span:nth-child(2) {flex:1;min-width:0} .ac-meridian .mr-li b {display:block;font-weight:600;font-size:14.5px} .ac-meridian .mr-li small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-li em {font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap} .ac-meridian .mr-vids {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px} .ac-meridian .mr-v {cursor:pointer} .ac-meridian .mr-vimg {position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden} .ac-meridian .mr-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0E1116;opacity:0;transition:all .3s var(--ease)} .ac-meridian .mr-v:hover .mr-play {opacity:1;transform:translate(-50%,-50%) scale(1)} @media(hover:none) { .ac-meridian .mr-play {opacity:1;transform:translate(-50%,-50%)} } .ac-meridian .mr-vimg em {position:absolute;right:10px;bottom:10px;font-style:normal;font-size:12px;font-weight:600;padding:3px 8px;border-radius:8px;background:rgba(8,9,12,.75);color:#fff} .ac-meridian .mr-v b {display:block;font-weight:600;font-size:15px;line-height:1.35;margin-top:12px} .ac-meridian .mr-v small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-mq {overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .ac-meridian .mr-mqt {display:flex;gap:18px;width:max-content;animation:ac-meridian-mrMq 60s linear infinite;padding:6px 0 20px} .ac-meridian .mr-mq:hover .mr-mqt {animation-play-state:paused} @keyframes ac-meridian-mrMq {to{transform:translateX(-50%)}} .ac-meridian .mr-rv {margin:0;width:340px;flex:none;padding:24px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-rv span {color:#F5A524;letter-spacing:2px;font-size:13px} .ac-meridian .mr-rv p {font-size:15px;line-height:1.6;margin:10px 0 14px} .ac-meridian .mr-rv cite {font-style:normal;font-size:13px;font-weight:600} .ac-meridian .mr-cta-b {display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:48px;border-radius:32px;background:var(--brand);color:var(--on-brand)} .ac-meridian .mr-cta-b h2 {font-family:var(--display);font-weight:600;font-size:clamp(30px,3.6vw,48px);letter-spacing:-.035em} .ac-meridian .mr-cta-b p {opacity:.85;margin-top:10px;max-width:520px} .ac-meridian .mr-ctab {display:flex;gap:10px;flex-wrap:wrap} .ac-meridian .mr-cta-b .mr-go {background:var(--on-brand);color:var(--brand)} .ac-meridian .mr-cta-b .mr-ghost {background:color-mix(in srgb,var(--on-brand) 16%,transparent);color:var(--on-brand)} .ac-meridian .mr-cta-b .btn {padding:14px 22px} .ac-meridian .mr-ph {padding:14px 0 30px} .ac-meridian .mr-ph.center {text-align:center} .ac-meridian .mr-ph.center p {margin-inline:auto} .ac-meridian .mr-ph h1 {font-family:var(--display);font-weight:600;font-size:clamp(40px,5vw,68px);letter-spacing:-.04em;line-height:1} .ac-meridian .mr-ph p {color:var(--ink-2);margin-top:12px;max-width:560px} .ac-meridian .mr-tools {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px} .ac-meridian .mr-find {flex:1 1 280px;max-width:420px;display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border-radius:15px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);color:var(--ink-3)} .ac-meridian .mr-find:focus-within {box-shadow:0 0 0 2px var(--brand)} .ac-meridian .mr-find input {flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14.5px;color:var(--ink-1);outline:0} .ac-meridian .mr-sel {display:flex;gap:8px;align-items:center;flex-wrap:wrap} .ac-meridian .mr-sel select {height:44px;padding:0 34px 0 14px;border-radius:14px;border:0;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23868C98' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;box-shadow:0 0 0 1px var(--line-2);font:inherit;font-size:13.5px;font-weight:500;color:var(--ink-1);appearance:none;-webkit-appearance:none;cursor:pointer} .ac-meridian .mr-vt {display:flex;padding:4px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2)} .ac-meridian .mr-vt button {width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink-3)} .ac-meridian .mr-vt button.on {background:var(--surface-2);color:var(--ink-1)} .ac-meridian .mr-seg {display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px;border-radius:18px;background:var(--surface-2);margin-bottom:14px} .ac-meridian .mr-seg::-webkit-scrollbar {display:none} .ac-meridian .mr-seg.flat {margin:0;flex:1 1 auto} .ac-meridian .mr-seg button, .ac-meridian .mr-seg a {display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:14px;font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s} .ac-meridian .mr-seg button span {font-size:11.5px;color:var(--ink-3)} .ac-meridian .mr-seg button.on, .ac-meridian .mr-seg a.on {background:var(--surface);color:var(--ink-1);box-shadow:var(--sh-2)} .ac-meridian .mr-cnt {display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-3);margin:6px 2px 16px} .ac-meridian .mr-cnt button {font-weight:600;color:var(--brand)} .ac-meridian .mr-grid.grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:22px} .ac-meridian .mr-grid.list {display:flex;flex-direction:column;gap:12px} .ac-meridian .mr-grid.list .mr-c {flex-direction:row} .ac-meridian .mr-grid.list .mr-cimg {width:260px;flex:none;aspect-ratio:16/10} .ac-meridian .mr-grid.list .mr-cb {padding:18px 22px} .ac-meridian .mr-grid.list .mr-c h3 {font-size:20px} @media(max-width:640px) { .ac-meridian .mr-grid.list .mr-c {flex-direction:column} .ac-meridian .mr-grid.list .mr-cimg {width:100%} } .ac-meridian .mr-crumb {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-3);margin-bottom:20px} .ac-meridian .mr-crumb button, .ac-meridian .mr-crumb a {display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--ink-2)} .ac-meridian .mr-crumb button:hover, .ac-meridian .mr-crumb a:hover {color:var(--brand)} .ac-meridian .mr-cg {display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start} .ac-meridian .mr-chd h1 {font-family:var(--display);font-weight:600;font-size:clamp(34px,4.2vw,56px);line-height:1.04;letter-spacing:-.035em;margin:14px 0 14px} .ac-meridian .mr-chd p {font-size:16.5px;color:var(--ink-2);max-width:680px;line-height:1.55} .ac-meridian .mr-crow {display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:13.5px;color:var(--ink-3)} .ac-meridian .mr-rate {color:#C98A0E;font-weight:700} .ac-meridian .mr-tabs {display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:34px 0 8px;padding:4px;border-radius:16px;background:var(--surface-2);width:max-content;max-width:100%} .ac-meridian .mr-tabs::-webkit-scrollbar {display:none} .ac-meridian .mr-tabs button {padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;color:var(--ink-3);white-space:nowrap;display:inline-flex;gap:6px;align-items:center} .ac-meridian .mr-tabs button span {font-size:11.5px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--ink-2)} .ac-meridian .mr-tabs button.on {background:var(--surface);color:var(--ink-1);box-shadow:var(--sh-2)} .ac-meridian .mr-cs {padding:34px 0 0} .ac-meridian .mr-cs h3 {font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.02em;margin-bottom:16px} .ac-meridian .mr-csub {font-size:13.5px;color:var(--ink-3);margin:-8px 0 16px} .ac-meridian .mr-learn {list-style:none;margin:0;padding:24px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2);display:grid;grid-template-columns:1fr 1fr;gap:14px 26px} .ac-meridian .mr-learn li {display:flex;gap:10px;font-size:15px;line-height:1.45} .ac-meridian .mr-learn svg {color:var(--positive);flex:none;margin-top:2px} .ac-meridian .mr-teach {display:grid;grid-template-columns:96px 1fr;gap:20px;padding:24px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2);cursor:pointer} .ac-meridian .mr-teach img {width:96px;height:96px;border-radius:24px;object-fit:cover} .ac-meridian .mr-teach b {font-family:var(--display);font-weight:600;font-size:21px} .ac-meridian .mr-teach small {display:block;font-size:13px;color:var(--accent-ink);font-weight:600} .ac-meridian .mr-tm {display:block;font-size:12.5px;color:var(--ink-3);margin-top:6px} .ac-meridian .mr-teach p {font-size:14.5px;color:var(--ink-2);line-height:1.65;margin-top:10px} .ac-meridian .mr-how {display:grid;grid-template-columns:1fr 1fr;gap:14px} .ac-meridian .mr-how>div {padding:20px;border-radius:20px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-how span {font-size:12px;font-weight:700;color:var(--accent-ink)} .ac-meridian .mr-how b {display:block;font-weight:600;font-size:16px;margin:6px 0 4px} .ac-meridian .mr-how p {font-size:13.5px;color:var(--ink-2);line-height:1.55} .ac-meridian .mr-mod {border-radius:20px;background:var(--surface);box-shadow:var(--sh-2);margin-bottom:10px;overflow:hidden} .ac-meridian .mr-mod summary {display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none} .ac-meridian .mr-mod summary::-webkit-details-marker {display:none} .ac-meridian .mr-mn {display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:13.5px;flex:none} .ac-meridian .mr-mt {flex:1;min-width:0} .ac-meridian .mr-mt b {display:block;font-weight:600;font-size:15.5px} .ac-meridian .mr-mt small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-mp {width:70px;height:6px;border-radius:9px;background:var(--surface-3);overflow:hidden} .ac-meridian .mr-mp i {display:block;height:100%;background:var(--brand)} .ac-meridian .mr-chev {display:flex;color:var(--ink-3);transition:transform .3s} .ac-meridian .mr-mod[open] .mr-chev {transform:rotate(180deg)} .ac-meridian .mr-les {display:flex;align-items:center;gap:12px;padding:12px 18px 12px 66px;border-top:1px solid var(--line);font-size:14px;cursor:pointer} .ac-meridian .mr-les:hover {background:var(--surface-2)} .ac-meridian .mr-les span:nth-child(2) {flex:1} .ac-meridian .mr-les em {font-style:normal;font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-lic2 {display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:var(--surface-2);color:var(--ink-3)} .ac-meridian .mr-lic2.ok {background:var(--positive-soft);color:var(--positive)} .ac-meridian .mr-rsum {display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center;padding:24px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2);margin-bottom:16px} .ac-meridian .mr-rsum b {display:block;font-family:var(--display);font-weight:600;font-size:60px;line-height:1} .ac-meridian .mr-rsum span {color:#F5A524;letter-spacing:2px} .ac-meridian .mr-rsum small {display:block;font-size:13px;color:var(--ink-3)} .ac-meridian .mr-bars div {display:grid;grid-template-columns:40px 1fr 40px;gap:12px;align-items:center;padding:4px 0;font-size:12.5px;color:var(--ink-2)} .ac-meridian .mr-bars i {height:8px;border-radius:9px;background:var(--surface-3);overflow:hidden} .ac-meridian .mr-bars u {display:block;height:100%;background:var(--brand);border-radius:9px} .ac-meridian .mr-bars em {font-style:normal;text-align:right;color:var(--ink-3)} .ac-meridian .mr-rgrid {display:grid;grid-template-columns:1fr 1fr;gap:14px} .ac-meridian .mr-rc {margin:0;padding:20px;border-radius:20px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-rc>div {display:flex;align-items:center;gap:10px} .ac-meridian .mr-rc b {font-weight:600;font-size:14px;flex:1} .ac-meridian .mr-rc em {font-style:normal;color:#F5A524;font-size:12px;letter-spacing:1px} .ac-meridian .mr-av {--h:250;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:hsl(var(--h) 60% 88%);color:hsl(var(--h) 50% 30%);font-weight:700;font-size:13px} .ac-meridian .mr-rc p {font-size:14px;line-height:1.6;margin:12px 0 8px;color:var(--ink-2)} .ac-meridian .mr-rc small {font-size:12px;color:var(--ink-3)} .ac-meridian .mr-rel {display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .ac-meridian .mr-buy {position:sticky;top:calc(var(--hdr) + 16px)} .ac-meridian .mr-buyin {padding:16px;border-radius:28px;background:var(--surface);box-shadow:var(--sh-3),0 0 0 1px var(--line)} .ac-meridian .mr-prev {position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/10;border-radius:20px;overflow:hidden;color:#fff} .ac-meridian .mr-prev::after {content:'';position:absolute;inset:0;background:rgba(8,9,12,.35)} .ac-meridian .mr-prev span {position:relative;z-index:1;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.95);color:#0E1116;transition:transform .3s var(--ease)} .ac-meridian .mr-prev:hover span {transform:scale(1.08)} .ac-meridian .mr-prev em {position:absolute;z-index:1;bottom:12px;font-style:normal;font-size:13px;font-weight:600} .ac-meridian .mr-price {display:flex;align-items:baseline;gap:10px;padding:18px 6px 14px} .ac-meridian .mr-price b {font-family:var(--display);font-weight:600;font-size:36px;letter-spacing:-.03em} .ac-meridian .mr-price s {font-size:15px;color:var(--ink-4)} .ac-meridian .mr-price span {margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--positive-soft);color:var(--positive);font-size:12.5px;font-weight:700} .ac-meridian .mr-buyin .btn+.btn {margin-top:8px} .ac-meridian .mr-inc {list-style:none;margin:16px 0 0;padding:14px 6px 0;border-top:1px solid var(--line)} .ac-meridian .mr-inc li {display:flex;gap:12px;align-items:center;padding:7px 0;font-size:13.5px;color:var(--ink-2)} .ac-meridian .mr-inc svg {color:var(--ink-3);flex:none} .ac-meridian .mr-ask {display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:12px;border-radius:14px;background:var(--surface-2);font-size:13px;font-weight:600} .ac-meridian .mr-mbuy {display:none} .ac-meridian .mr-tg {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px} .ac-meridian .mr-tc {cursor:pointer;display:flex;flex-direction:column;padding:22px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2);transition:transform .4s var(--ease),box-shadow .4s} .ac-meridian .mr-tc:hover {transform:translateY(-4px);box-shadow:var(--sh-3)} .ac-meridian .mr-tch {display:flex;justify-content:space-between;align-items:center} .ac-meridian .mr-tch em, .ac-meridian .mr-file em {font-style:normal;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--surface-2)} .ac-meridian .mr-tch em.free, .ac-meridian .mr-file em.free {background:var(--positive-soft);color:var(--positive)} .ac-meridian .mr-tc h3 {font-family:var(--display);font-weight:600;font-size:19px;line-height:1.25;margin:14px 0 2px} .ac-meridian .mr-tst {display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .ac-meridian .mr-tst div+div {border-left:1px solid var(--line);padding-left:14px} .ac-meridian .mr-tst b {display:block;font-family:var(--display);font-weight:600;font-size:22px} .ac-meridian .mr-tst small {font-size:12px;color:var(--ink-3)} .ac-meridian .mr-tf {display:flex;justify-content:space-between;align-items:center;margin-top:auto} .ac-meridian .mr-tf>span:last-child {display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--brand)} .ac-meridian .mr-diff {display:inline-flex;align-items:center;gap:3px} .ac-meridian .mr-diff i {width:16px;height:6px;border-radius:9px;background:var(--surface-3)} .ac-meridian .mr-diff i.on {background:var(--brand)} .ac-meridian .mr-diff small {margin-left:7px;font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-tpg {display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start} .ac-meridian .mr-tt {font-family:var(--display);font-weight:600;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 4px} .ac-meridian .mr-tchips {display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center} .ac-meridian .mr-tchips>span:not(.mr-diff) {display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:13px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-size:13.5px;font-weight:500} .ac-meridian .mr-tchips>span svg {color:var(--accent-ink)} .ac-meridian .mr-checks {list-style:none;margin:0;padding:8px 22px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-checks li {display:flex;gap:14px;padding:14px 0;font-size:14.5px;line-height:1.55;color:var(--ink-2)} .ac-meridian .mr-checks li+li {border-top:1px solid var(--line)} .ac-meridian .mr-checks svg {color:var(--accent-ink);flex:none;margin-top:2px} .ac-meridian .mr-topics {display:flex;flex-wrap:wrap;gap:8px} .ac-meridian .mr-topics span {padding:8px 13px;border-radius:12px;background:var(--surface-2);font-size:13.5px;font-weight:500} .ac-meridian .mr-start {padding:30px 24px;text-align:center} .ac-meridian .mr-sic {display:inline-grid;place-items:center;width:64px;height:64px;border-radius:22px;background:var(--accent-soft);color:var(--accent-ink)} .ac-meridian .mr-start>b {display:block;font-family:var(--display);font-weight:600;font-size:24px;margin:16px 0 4px} .ac-meridian .mr-start>p {font-size:14px;color:var(--ink-3);margin-bottom:20px} .ac-meridian .mr-start>small {display:block;margin-top:14px;font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-files {display:flex;flex-direction:column;gap:10px} .ac-meridian .mr-file {display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding:14px 20px 14px 14px;border-radius:22px;background:var(--surface);box-shadow:var(--sh-2);text-align:left;transition:transform .35s var(--ease)} .ac-meridian .mr-file:hover {transform:translateX(4px)} .ac-meridian .mr-ficon {--h:250;position:relative;display:grid;place-items:center;width:54px;height:64px;border-radius:14px;background:hsl(var(--h) 70% 94%);color:hsl(var(--h) 55% 35%)} html[data-theme="dark"] .ac-meridian .mr-ficon {background:hsl(var(--h) 26% 16%);color:hsl(var(--h) 80% 78%)} .ac-meridian .mr-ficon small {position:absolute;bottom:6px;font-size:9px;font-weight:800;letter-spacing:.06em} .ac-meridian .mr-fmeta b {display:block;font-weight:600;font-size:15.5px} .ac-meridian .mr-fmeta small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-fdl {display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3);white-space:nowrap} .ac-meridian .mr-fopen {display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--brand)} .ac-meridian .mr-lbig {position:relative;display:block;width:100%;min-height:400px;border-radius:32px;overflow:hidden;text-align:left;color:#fff} .ac-meridian .mr-lbig>.x-img {position:absolute;inset:0;transition:transform 1.4s var(--ease)} .ac-meridian .mr-lbig:hover>.x-img {transform:scale(1.04)} .ac-meridian .mr-lbig>.x-img::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,12,.15),rgba(8,9,12,.88))} .ac-meridian .mr-lbt {position:absolute;left:36px;right:36px;bottom:34px;display:flex;flex-direction:column;align-items:flex-start;gap:12px} .ac-meridian .mr-lbt b {font-family:var(--display);font-weight:600;font-size:clamp(28px,3.6vw,48px);line-height:1.05;letter-spacing:-.03em;max-width:820px} .ac-meridian .mr-lbt .mb-lm {margin:0;opacity:.85} .ac-meridian .mr-lbt .btn {padding:13px 22px} .ac-meridian .mr-tl {list-style:none;margin:0;padding:0 0 0 24px;border-left:2px solid var(--line-2)} .ac-meridian .mr-tl li {position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 22px;margin-bottom:12px;border-radius:22px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-tld {position:absolute;left:-35px;top:24px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 2px var(--brand),inset 0 0 0 4px var(--surface);background-color:var(--brand)} .ac-meridian .mr-tl small {font-size:12.5px;font-weight:600;color:var(--accent-ink)} .ac-meridian .mr-tl b {font-family:var(--display);font-weight:600;font-size:19px} .ac-meridian .mr-tl .mr-cby {margin:0} .ac-meridian .mr-tl .btn {margin-top:6px} .ac-meridian .mr-pro {position:relative;border-radius:32px;background:var(--surface);box-shadow:var(--sh-2);overflow:hidden;padding-bottom:28px} .ac-meridian .mr-cover {height:180px;background:radial-gradient(80% 140% at 85% 0%,color-mix(in oklab,var(--brand) 70%,#fff),transparent 60%),radial-gradient(70% 120% at 0% 100%,color-mix(in oklab,var(--brand) 35%,transparent),transparent 70%),var(--accent-soft)} .ac-meridian .mr-proin {display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;padding:0 32px;margin-top:-64px} .ac-meridian .mr-pav {width:136px;height:136px;border-radius:40px;object-fit:cover;box-shadow:0 0 0 6px var(--surface)} .ac-meridian .mr-pt {flex:1;min-width:220px;padding-bottom:6px} .ac-meridian .mr-pt h1 {display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.035em} .ac-meridian .mr-pt p {color:var(--ink-3);font-size:14px;margin-top:4px} .ac-meridian .mr-pcta {display:flex;gap:8px;padding-bottom:8px} .ac-meridian .mr-pcta .btn {padding:12px 18px} .ac-meridian .mr-pstats {display:grid;grid-template-columns:repeat(5,1fr);margin:28px 32px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .ac-meridian .mr-pstats div+div {border-left:1px solid var(--line);padding-left:18px} .ac-meridian .mr-pstats b {display:block;font-family:var(--display);font-weight:600;font-size:22px} .ac-meridian .mr-pstats small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-pq {margin:22px 32px 0;font-family:var(--display);font-size:clamp(18px,1.8vw,22px);line-height:1.45;color:var(--ink-2)} .ac-meridian .mr-pbody {padding-top:24px} .ac-meridian .mr-about {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start} .ac-meridian .mr-bio {font-size:16.5px;line-height:1.75;color:var(--ink-2);margin-bottom:22px} .ac-meridian .mr-creds {padding:8px 20px;border-radius:24px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-creds div {display:grid;grid-template-columns:32px 1fr;gap:2px 10px;padding:14px 0} .ac-meridian .mr-creds div+div {border-top:1px solid var(--line)} .ac-meridian .mr-creds span {grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink)} .ac-meridian .mr-creds small {font-size:12px;color:var(--ink-3)} .ac-meridian .mr-creds b {font-weight:500;font-size:14px} .ac-meridian .mr-none {padding:40px 0;color:var(--ink-3)} .ac-meridian .mr-others {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px} .ac-meridian .mr-others button {display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:var(--surface);box-shadow:var(--sh-2);text-align:left} .ac-meridian .mr-others img {width:52px;height:52px;border-radius:16px;object-fit:cover} .ac-meridian .mr-others b {display:block;font-weight:600;font-size:15px} .ac-meridian .mr-others small {font-size:12.5px;color:var(--ink-3)} .ac-meridian .mr-ct {display:grid;grid-template-columns:380px minmax(0,1fr);gap:18px;align-items:stretch;max-width:1040px;margin:0 auto} .ac-meridian .mr-ctl {padding:30px;border-radius:28px;background:#0E1116;color:#F1F2F5;display:flex;flex-direction:column;gap:6px} html[data-theme="dark"] .ac-meridian .mr-ctl {background:var(--surface-2)} .ac-meridian .mr-ctl h3 {font-family:var(--display);font-weight:600;font-size:24px;margin-bottom:10px} .ac-meridian .mr-cm2 {display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;transition:background .2s} .ac-meridian a.mr-cm2:hover {background:rgba(255,255,255,.06)} .ac-meridian .mr-cm2>svg {flex:none;opacity:.7} .ac-meridian .mr-cm2 small {display:block;font-size:12px;opacity:.55} .ac-meridian .mr-cm2 b {font-weight:600;font-size:14.5px} .ac-meridian .mr-ctl .mb-avs {margin:auto 0 0;padding-top:20px} .ac-meridian .mr-ctl .mb-avs img {box-shadow:0 0 0 3px #0E1116} .ac-meridian .mr-ctl p {font-size:13px;opacity:.6} .ac-meridian .mr-form {padding:30px!important;border-radius:28px!important;border:0!important} .ac-meridian .mr-form input, .ac-meridian .mr-form select, .ac-meridian .mr-form textarea {border-radius:14px!important;background:var(--surface-2)!important;border-color:transparent!important} .ac-meridian .mr-form input:focus, .ac-meridian .mr-form select:focus, .ac-meridian .mr-form textarea:focus {box-shadow:0 0 0 2px var(--brand)!important} .ac-meridian .mr-fnote {font-size:12px;color:var(--ink-3);text-align:center;margin-top:10px} .ac-meridian .mr-faq {display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1040px} .ac-meridian .mr-faq details {padding:6px 20px;border-radius:20px;background:var(--surface);box-shadow:var(--sh-2)} .ac-meridian .mr-faq summary {display:flex;justify-content:space-between;gap:14px;padding:14px 0;cursor:pointer;list-style:none;font-weight:600;font-size:15px} .ac-meridian .mr-faq summary::-webkit-details-marker {display:none} .ac-meridian .mr-faq summary span {display:flex;color:var(--ink-3);transition:transform .3s} .ac-meridian .mr-faq details[open] summary span {transform:rotate(45deg)} .ac-meridian .mr-faq p {padding:0 0 16px;font-size:14px;line-height:1.6;color:var(--ink-2)} @media(max-width:1100px) { .ac-meridian .mr-bento {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"head head" "feat feat" "live next" "stat fac"} .ac-meridian .mb-feat {min-height:340px} .ac-meridian .mr-row {grid-auto-columns:calc((100% - 2*18px)/3)} .ac-meridian .mr-numbers {grid-template-columns:repeat(3,1fr);row-gap:26px} .ac-meridian .mr-numbers div:nth-child(4) {border-left:0} .ac-meridian .mr-cg, .ac-meridian .mr-tpg {grid-template-columns:minmax(0,1fr)} .ac-meridian .mr-buy {position:static;order:-1;display:none} .ac-meridian .mr-tpg .mr-buy {display:block;order:0} .ac-meridian .mr-mbuy {display:flex;align-items:center;justify-content:space-between;gap:16px;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:140;padding:12px 12px 12px 20px;border-radius:22px; background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px);box-shadow:0 0 0 1px var(--line),0 14px 34px -12px rgba(14,17,22,.35)} .ac-meridian .mr-mbuy b {font-family:var(--display);font-weight:600;font-size:22px} .ac-meridian .mr-mbuy s {font-size:13px;color:var(--ink-4);margin-left:8px} .ac-meridian .mr-mbuy .btn {padding:12px 22px} body[data-view="course"] .ac-meridian .tabbar {display:none!important} body[data-view="course"] .ac-meridian .wafab {bottom:96px!important} .ac-meridian .mr-about {grid-template-columns:minmax(0,1fr)} .ac-meridian .mr-rel {grid-template-columns:repeat(2,1fr)} .ac-meridian .mr-pstats {grid-template-columns:repeat(3,1fr);row-gap:14px} .ac-meridian .mr-pstats div:nth-child(4) {border-left:0;padding-left:0} .ac-meridian .mr-ct {grid-template-columns:minmax(0,1fr)} } @media(max-width:760px) { .ac-meridian .mr-bento {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px} .ac-meridian .mb {border-radius:24px} .ac-meridian .mb-head {padding:28px 22px} .ac-meridian .mb-head h1 {margin:18px 0 22px} .ac-meridian .mr-hsearch {padding:6px 6px 6px 14px} .ac-meridian .mr-hsearch .btn {padding:11px 14px} .ac-meridian .mb-live, .ac-meridian .mb-next, .ac-meridian .mb-stat, .ac-meridian .mb-fac {padding:18px} .ac-meridian .mb-stat b {font-size:20px} .ac-meridian .mr-s {padding-top:76px} .ac-meridian .mr-row {grid-auto-columns:78%} .ac-meridian .mr-duo, .ac-meridian .mr-learn, .ac-meridian .mr-how, .ac-meridian .mr-rgrid, .ac-meridian .mr-faq, .ac-meridian .x-g2 {grid-template-columns:minmax(0,1fr)} .ac-meridian .mr-panel {padding:20px} .ac-meridian .mr-numbers {grid-template-columns:1fr 1fr;padding:28px 14px} .ac-meridian .mr-numbers div {border-left:0!important} .ac-meridian .mr-numbers div:last-child {grid-column:1/-1} .ac-meridian .mr-rsum {grid-template-columns:minmax(0,1fr);gap:16px} .ac-meridian .mr-rel {grid-template-columns:minmax(0,1fr)} .ac-meridian .mr-teach {grid-template-columns:64px 1fr} .ac-meridian .mr-teach img {width:64px;height:64px;border-radius:18px} .ac-meridian .mr-file {grid-template-columns:auto minmax(0,1fr) auto;gap:12px} .ac-meridian .mr-fdl, .ac-meridian .mr-fopen {display:none} .ac-meridian .mr-proin {padding:0 20px;margin-top:-52px} .ac-meridian .mr-pav {width:104px;height:104px;border-radius:32px} .ac-meridian .mr-pstats {margin:22px 20px 0;grid-template-columns:1fr 1fr} .ac-meridian .mr-pstats div {border-left:0!important;padding-left:0!important} .ac-meridian .mr-pq {margin:18px 20px 0} .ac-meridian .mr-cta-b {padding:30px 24px;border-radius:28px} .ac-meridian .mr-lbig {min-height:340px;border-radius:26px} .ac-meridian .mr-lbt {left:22px;right:22px;bottom:24px} .ac-meridian .mr-tools {flex-direction:column;align-items:stretch} .ac-meridian .mr-find {max-width:none;flex:none} .ac-meridian .mr-ctl, .ac-meridian .mr-form {padding:22px!important} } @media(max-width:420px) { .ac-meridian .mr-bento {grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "feat" "live" "next" "stat" "fac"} } .ac-meridian .mrf {margin-top:110px;padding-top:70px;border-top:1px solid var(--line)} .ac-meridian .mrf-top {display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px} .ac-meridian .mrf-top>* {min-width:0} .ac-meridian .mrf-brand {display:flex;align-items:center;gap:12px} .ac-meridian .mrf-brand b {font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em} .ac-meridian .mrf-top p {color:var(--ink-3);font-size:14px;margin-top:14px;max-width:320px;line-height:1.6} .ac-meridian .mrf-soc {display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} .ac-meridian .mrf-soc a {padding:7px 12px;border-radius:11px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-size:12.5px;font-weight:600} .ac-meridian .mrf h5 {font-size:13px;font-weight:600;color:var(--ink-1);margin-bottom:14px} .ac-meridian .mrf-top a {display:block;font-size:14px;color:var(--ink-3);padding:5px 0;cursor:pointer} .ac-meridian .mrf-top a:hover {color:var(--brand)} .ac-meridian .mrf-top .mrf-soc a {display:inline-block;color:var(--ink-1)} .ac-meridian .mrf-bot {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:56px;padding:22px 0 30px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)} @media(max-width:800px) { .ac-meridian .mrf-top {grid-template-columns:1fr 1fr} .ac-meridian .mrf-top>div:first-child {grid-column:1/-1} } /* self-hosted faces — see scope-theme-css.ts */ .ac-meridian { --ui: var(--font-meridian), "Funnel Sans", system-ui, sans-serif; --display: var(--font-meridian-display), "Funnel Display", system-ui, sans-serif; } /* body-level rules that must not apply to a wrapper */ .ac-meridian { overflow-x: clip; overscroll-behavior-y: auto; } /* a landing header is in the flow, not pinned over the page */ .ac-meridian { --hdr: 0px; } .ac-meridian > [data-ac^="chrome:"] > header { position: static; }

Community

No posts yet