:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#1f2329;background:#f7f9fa;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{overflow-x:hidden}body{min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:inherit;padding:10px 16px;transition:background .2s,border-color .2s,transform .2s}button:hover{background:#eef2ff;border-color:#b8c8ff}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a9c1ff;outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:700;line-height:1.3}h2{font-size:20px;font-weight:650}p{line-height:1.65}small{font-size:12px}input{width:100%;border:1px solid #dfe5ef;border-radius:12px;padding:11px 14px;background:#fff;color:#1f2329}input::placeholder{color:#bbbfc4}input:hover{border-color:#a6bbff}input:focus{border-color:#3370ff;outline:none;box-shadow:0 0 0 3px #3370ff1f}.site-header{display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100% - 1180px)/2));border-bottom:1px solid #dfe5ef;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#2a3547}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#3370ff;color:#fff;font-size:22px}.brand small{display:block;margin-top:2px;color:#8f959e;font-size:10px;font-weight:400}.header-actions{display:flex;gap:16px}.text-button{border:0;padding:8px 2px;background:transparent;color:#5a6a85;font-size:13px}.text-button:hover{background:transparent;color:#3370ff}.eyebrow{display:block;margin-bottom:8px;color:#3370ff;font-size:11px;font-weight:700;letter-spacing:1px}.muted{color:#8f959e}.primary{width:100%;border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(135deg,#3370ff,#1a56db);color:#fff;font-size:15px;font-weight:700;box-shadow:0 7px 18px #3370ff26}.primary:hover{transform:translateY(-1px);border-color:transparent;background:linear-gradient(135deg,#4380ff,#2464e5)}.primary:disabled:hover{transform:none}.auth-layout{position:relative;isolation:isolate;display:flex;width:min(980px,calc(100% - 32px));min-height:520px;align-items:stretch;margin:max(48px,calc((100dvh - 520px)/2)) auto;padding:32px;border:1px solid #ffffffa8;border-radius:24px;background:#ffffffbd;box-shadow:0 28px 60px #1f23290f,0 10px 22px #1f232905,inset 0 1px #fff9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-layout:before,.auth-layout:after,.auth-status-layout:before,.auth-status-layout:after{position:fixed;z-index:-1;border-radius:50%;content:"";pointer-events:none;filter:blur(95px)}.auth-layout:before,.auth-status-layout:before{top:-180px;left:-180px;width:530px;height:530px;background:radial-gradient(circle,#3370ff45,transparent 70%)}.auth-layout:after,.auth-status-layout:after{right:-140px;bottom:-180px;width:540px;height:540px;background:radial-gradient(circle,#f7b9e947,transparent 70%)}.auth-intro{display:flex;min-width:0;flex:1.15;flex-direction:column;justify-content:center;padding:18px 46px 18px 8px;border-right:1px solid #1f232917}.auth-intro h1{color:#3370ff;font-size:32px;font-weight:800;letter-spacing:-.8px}.auth-intro>p{margin-top:7px;color:#646a73;font-size:15px;letter-spacing:.5px}.auth-illustration{display:block;width:100%;max-width:469px;height:auto;margin:25px auto 0;filter:drop-shadow(0 20px 40px #1f23290f)}.auth-card{display:flex;min-width:0;flex:.85;flex-direction:column;justify-content:center;padding:24px 0 24px 44px}.auth-hello{color:#1f2329;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-.5px}.auth-card h2{margin-top:4px;color:#1f2329;font-size:19px;font-weight:600}.auth-subtitle{margin:6px 0 24px;color:#646a73;font-size:13px}.auth-option-notice{margin:0 0 18px;padding:10px 12px;border:1px solid #dfe8ff;border-radius:10px;background:#f3f6ff;color:#5a6a85;font-size:12px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:0 0 20px;padding:4px;border-radius:12px;background:#eef2ff}.auth-tabs button{border:0;border-radius:9px;padding:9px 4px;background:transparent;color:#646a73;font-size:13px;font-weight:600}.auth-tabs button:hover{color:#3370ff}.auth-tabs .selected{background:#fff;box-shadow:0 2px 6px #1f232912;color:#3370ff}.auth-card form label,.account-panel form label{display:block;margin:0 0 16px;color:#5a6a85;font-size:13px;font-weight:500}.auth-card form label input,.account-panel form label input{display:block;height:46px;margin-top:7px}.auth-card form .primary{height:46px;margin-top:5px}.auth-wechat{padding-top:4px;text-align:center}.wechat-mark{display:grid;width:78px;height:78px;place-items:center;margin:4px auto 16px;border-radius:20px;background:#f1fae9}.wechat-mark img{display:block;width:48px;height:auto}.auth-wechat p{font-size:16px;font-weight:650}.auth-wechat small{display:block;margin:8px 0 20px;color:#8f959e;line-height:1.5}.auth-switch{border:0;padding:8px 0;background:transparent;color:#3370ff;font-size:13px}.auth-switch:hover{border:0;background:transparent;text-decoration:underline}.auth-wechat .auth-switch{margin-top:10px}.wechat-qr-frame{display:flex;justify-content:center;margin:14px auto 0}.wechat-qr-frame iframe{display:block;width:300px;max-width:100%;height:400px;border:0}.has-wechat-widget{padding-top:0;padding-bottom:0}.has-wechat-widget .auth-subtitle{margin-bottom:8px}.has-wechat-widget .auth-wechat{padding-top:0}.has-wechat-widget .wechat-qr-frame{width:300px;margin-top:4px}.has-wechat-widget .wechat-qr-frame iframe{height:280px}.has-wechat-widget .auth-wechat small{margin:4px 0}.has-wechat-widget .auth-switch{padding:4px 0;margin-top:4px}.has-wechat-widget .auth-switch+.auth-switch{margin-left:20px}.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.auth-other{display:flex;align-items:center;gap:7px;color:#646a73;font-size:12px;white-space:nowrap}.wechat-mini{display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;background:transparent}.wechat-mini img{display:block;width:20px;height:auto}.wechat-mini:hover{border:0;background:transparent;opacity:.8}.inline-input{display:flex;align-items:center;gap:8px;margin-top:7px}.inline-input input{min-width:0;margin-top:0!important}.inline-input button{flex:none;border:1px solid #b8c8ff;border-radius:10px;background:#eef2ff;color:#3370ff;font-size:12px;white-space:nowrap}.auth-card .inline-input{gap:0;border:1px solid #dfe5ef;border-radius:12px;background:#fff}.auth-card .inline-input:focus-within{border-color:#3370ff;box-shadow:0 0 0 3px #3370ff1f}.auth-card .inline-input input{border:0;box-shadow:none}.auth-card .inline-input button{border:0;background:transparent}.auth-status-layout{position:relative;isolation:isolate;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:24px}.auth-status-card{width:min(100%,490px);flex:none;padding:42px 38px;border:1px solid #ffffffa8;border-radius:20px;background:#ffffffcf;box-shadow:0 20px 50px #1f232912;text-align:center}.auth-status-symbol{display:grid;width:56px;height:56px;place-items:center;margin:0 auto 18px;border-radius:16px;background:#eef2ff;color:#3370ff;font-size:28px;font-weight:700}.auth-status-card .section-number{display:block;margin-bottom:10px;color:#3370ff;font-size:11px;font-weight:700;letter-spacing:1px}.auth-status-card h2{margin:0 0 12px;font-size:24px}.auth-status-card p{color:#646a73;font-size:14px;overflow-wrap:anywhere}.auth-status-help{margin-top:24px;padding-top:18px;border-top:1px solid #dfe5ef;color:#8f959e;font-size:12px}.account-page{width:min(1180px,calc(100% - 40px));min-height:calc(100dvh - 140px);margin:0 auto;padding:38px 0 70px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.account-heading h1{font-size:28px}.account-heading p{margin-top:7px;color:#8f959e;font-size:13px}.account-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;border:1px solid #dfe5ef;border-radius:12px;background:#fff}.account-tabs button{border:0;padding:9px 17px;background:transparent;color:#5a6a85;font-size:13px;font-weight:600}.account-tabs button.selected{background:#3370ff;color:#fff}.account-tabs button.selected:hover{background:#1a56db}.account-grid{display:grid;align-items:start;gap:20px}.account-grid-security{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.account-security-main{display:grid;min-width:0;gap:20px}.account-panel{min-width:0;padding:28px;border:1px solid #dfe5ef;border-radius:14px;background:#fff}.account-panel-wide{max-width:780px}.account-panel h2{margin-bottom:8px;color:#2a3547;font-size:18px}.account-panel p{margin-bottom:18px;color:#646a73;font-size:13px;overflow-wrap:anywhere}.account-panel form{max-width:620px}.account-panel form .primary,.account-panel>.primary{width:auto;min-width:136px;margin-top:6px}.account-summary-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.account-summary-fields div{min-width:0;padding:12px 14px;border:1px solid #edf0f5;border-radius:10px;background:#f7f9fc}.account-summary-fields span{display:block;margin-bottom:6px;color:#8f959e;font-size:12px}.account-summary-fields strong{display:block;overflow-wrap:anywhere;color:#2a3547;font-size:14px;font-weight:600}.account-notice{margin-bottom:18px;padding:12px 15px;border:1px solid #b8e2c9;border-radius:10px;background:#effaf3;color:#237a4b;font-size:13px}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 0;border-bottom:1px solid #edf0f5;font-size:13px}.inline-error{margin:10px 0;padding:11px 14px;border:1px solid #ffd2ce;border-radius:10px;background:#fff4f2;color:#b42318;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.inline-error button{margin-left:8px;border:0;background:transparent;color:#3370ff}footer{padding:22px 16px;border-top:1px solid #dfe5ef;color:#8f959e;font-size:11px;text-align:center}@media(max-width:900px){.auth-layout{display:flex;width:100%;min-height:100vh;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border:0;border-radius:0;background:transparent;box-shadow:none}.auth-intro{display:none}.auth-card{width:min(100%,420px);flex:none;padding:0}.auth-hello{font-size:28px}.auth-card input{font-size:16px}.auth-footer{flex-wrap:wrap;justify-content:center}.has-wechat-widget .wechat-qr-frame{max-width:100%}}@media(max-width:767px){.auth-status-card{padding:34px 24px}.account-page{width:calc(100% - 28px);padding:30px 0 50px}.account-heading h1{font-size:24px}.account-grid-security{grid-template-columns:1fr}.account-panel{padding:20px}.account-summary-fields{grid-template-columns:1fr}.account-tabs button{flex:1}.site-header{padding-inline:16px}.brand small{display:none}}.directory,.live-page{max-width:1280px;margin:auto;padding:56px 42px 80px}.course-live-shell{height:100dvh}.course-live-room{display:flex;align-items:center;justify-content:center;height:100dvh;overflow-y:auto;padding:12px 0;color:#181818;background:#edf3fc url(/live-background.png) center / cover no-repeat}.course-live-content{position:relative;display:flex;align-items:stretch;justify-content:center;gap:9px;width:97%;min-width:876px;max-height:calc(100dvh - 24px);overflow:hidden}.course-live-stage{flex:0 1 auto;width:calc(177.778dvh - 199.111px);min-width:600px;overflow:hidden;border-radius:8px;background:#fffffff2;box-shadow:0 1px 3px #00000010}.course-live-info{display:flex;align-items:center;gap:12px;padding:12px 20px}.course-live-info h1{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0}.course-live-info-spacer{flex:1;min-width:0}.course-live-announcement{display:flex;flex:1;min-width:0;align-items:center;gap:8px;padding:6px 10px;border:1px solid #ffb3ad;border-radius:8px;background:linear-gradient(to right,#fff4f2,snow);box-shadow:0 2px 8px #dc262614;color:#b42318;text-align:left}.course-live-announcement strong{flex:none;padding:2px 6px;border-radius:4px;background:#e53935;color:#fff;font-size:12px;font-weight:600;line-height:16px}.course-live-announcement-viewport{flex:1;min-width:0;overflow:hidden}.course-live-announcement-track{display:flex;gap:32px;width:max-content}.course-live-announcement-track span{flex:none;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px}.course-live-announcement-track.is-scrolling{animation:course-live-announcement-scroll var(--announcement-scroll-duration) linear infinite}.course-live-announcement:hover .is-scrolling,.course-live-announcement:focus-within .is-scrolling{animation-play-state:paused}@keyframes course-live-announcement-scroll{0%{transform:translate(0)}to{transform:translate(var(--announcement-scroll-distance))}}@media(prefers-reduced-motion:reduce){.course-live-announcement-viewport{overflow-x:auto}.course-live-announcement-track.is-scrolling{animation:none}.course-live-announcement-track span[aria-hidden]{display:none}}.course-live-status{flex:none;padding:4px 8px;border-radius:4px;background:#d5e7ff;color:#0052d9;font-size:12px;line-height:16px}.course-live-status-LIVE{background:#28c44533;color:#28c445}.course-live-status-LIVE_WAIT{background:#fff1e6;color:#e37318}.course-live-status-ENDED{background:#e4e4e4;color:#333}.course-live-online{display:inline-flex;flex:none;align-items:center;gap:4px;color:#687385;white-space:nowrap}.course-live-online svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.course-live-online strong{color:#344054;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;line-height:18px}.course-live-stage .player{border-radius:0;background:#101216}.course-live-chat{flex:0 0 330px;width:330px;min-width:330px;height:calc(100dvh - 64px);min-height:400px;max-height:calc(100dvh - 24px);overflow:hidden;border-radius:8px;background:#fffc;box-shadow:0 1px 3px #00000010}.course-live-chat .chat{display:flex;flex-direction:column;height:100%;border:0;border-radius:0;background:transparent}.course-live-chat .chat>.section-title{flex:none;min-height:63px;margin:0;padding:20px 28px;border-bottom:1px solid #eee}.course-live-chat .chat-stream{position:relative;flex:1;min-height:0}.course-live-chat .messages{height:100%;background:#f7f9fb}.course-live-chat .chat-form{flex:none;background:#fff9}.course-live-chat .chat-form button{background:#2588ef}.course-live-chat .chat-form button:hover{background:#1477dc}.course-live-chat .empty-chat{flex:1}.course-live-chat .chat>.inline-error{margin:8px 12px;border-color:#ffe4bc;background:#fff4e5;color:#b66a00;text-align:center}.course-live-password{display:flex;align-items:end;gap:12px;padding:14px 20px}.course-live-password label{flex:1;font-size:12px}.course-live-password input{margin-top:6px}.course-live-password .primary{width:auto}@media(max-aspect-ratio:2 / 1)and (min-width:768px){.course-live-chat{height:calc(54.5625dvw - 142.688px)}}@media(max-width:767px),(max-height:767px)and (pointer:coarse){.course-live-room{height:100dvh;overflow:hidden;padding:0;background:#edf3fc}.course-live-content{flex-direction:column;justify-content:flex-start;gap:0;width:100%;min-width:0;max-width:430px;max-height:none;height:100%;background:#fff;box-shadow:0 1px 3px #00000010}.course-live-stage{flex:none;width:100%;min-width:0;overflow:visible;border-radius:0;box-shadow:none}.course-live-info{position:sticky;top:0;z-index:20;gap:8px;padding:14px 16px;border-bottom:1px solid #eee;background:#fff}.course-live-online{gap:3px}.course-live-online svg{width:16px;height:16px}.course-live-online strong{font-size:12px}.course-live-stage .player{border-radius:0}.course-live-chat{flex:1 1 auto;width:100%;min-width:0;min-height:0;max-height:none;height:auto;border-radius:0;box-shadow:none}.course-live-chat .chat>.section-title{display:none}.course-live-chat .messages{height:100%!important}.course-live-password{padding:10px 16px}}.directory-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:45px}.directory-heading p{color:#8a938b;font-size:13px;margin-top:11px}.date-mark{font-size:12px;border:1px solid #e1e5dc;padding:11px 17px;border-radius:24px;color:#7a897f}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.count{font-size:12px;color:#8e9a90;background:#e9eee4;border-radius:30px;padding:3px 8px;margin-left:9px;vertical-align:middle}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.course-card{border:1px solid #e4e6df;background:#fff;text-align:left;padding:0;overflow:hidden;border-radius:12px}.course-card:hover{background:#fff;box-shadow:0 8px 25px #2036270c}.course-cover{height:205px;position:relative;overflow:hidden;background:#e7ead7;padding:28px;color:#82926b}.course-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.tone-1{background:#eae1d5;color:#b39276}.tone-2{background:#dce7e7;color:#7b9a9c}.cover-number{font-size:66px;font-weight:500;line-height:1;letter-spacing:-6px;position:relative;z-index:1}.cover-label{font-size:10px;line-height:1.5;letter-spacing:2px;display:block;margin-top:12px}.cover-shape{width:150px;height:180px;border:26px solid currentColor;opacity:.18;position:absolute;right:-8px;bottom:-55px;border-radius:80px 80px 0 0;transform:rotate(22deg)}.status-badge{position:absolute;top:17px;right:17px;font-size:10px;background:#ffffffcb;color:#657565;padding:5px 10px;border-radius:20px}.status-badge.is-live{background:#315b47;color:#fff}.course-body{padding:24px}.course-time{font-size:11px;color:#8a938a}.course-body h3{font-size:18px;line-height:1.5;margin:11px 0}.course-body>p{font-size:12px;color:#7a867d}.course-action{border-top:1px solid #eef0ea;padding-top:18px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.course-action span{font-size:10px;color:#9aa196}.course-action strong{font-size:12px;font-weight:500;color:#315b47}.empty-state{text-align:center;padding:85px 20px;background:#fff;border:1px solid #e4e7df;border-radius:12px;color:#88958b}.empty-state h2,.empty-state h3{color:#53675a;margin-bottom:10px;font-weight:500}.empty-state p{font-size:13px;margin-bottom:22px}.empty-icon{font-size:44px;color:#b9c298;display:block;margin-bottom:20px}footer{font-size:10px;color:#9aa297;text-align:center;letter-spacing:1px;padding:25px 20px;border-top:1px solid #ebede6}.back-link{padding:0;background:none;border:0;font-size:12px;color:#8a958d;margin-bottom:30px}.live-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.live-heading h1{font-size:28px}.live-heading p{font-size:12px;color:#8a938b;margin-top:9px}.live-heading .eyebrow{margin-bottom:10px}.connection{font-size:11px;color:#819989}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.player{background:#101216;aspect-ratio:16/9;width:100%;border-radius:12px;overflow:hidden;position:relative;color:#ffffff8c}.player-surface{width:100%;height:100%;background:#0f172a}.player-surface video{width:100%;height:100%;object-fit:contain}.player .vjs-error-display,.player.has_error .vjs-loading-spinner{display:none!important}.player-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#101216;text-align:center}.player-placeholder-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#ffffff0f;color:#ffffff73}.player-placeholder-message{color:#ffffff8c;font-size:14px;font-weight:500;letter-spacing:.025em;line-height:20px}.player-error{position:absolute;inset:0;z-index:20;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:#ffffff73;text-align:center}.player-error span{font-size:14px;line-height:20px}.announcement{background:#edf0e5;border-radius:8px;padding:16px 20px;margin-top:16px;font-size:12px;display:flex;gap:20px;align-items:baseline}.announcement strong{flex:none;font-size:11px;color:#6b8065}.announcement p{color:#758470;white-space:pre-wrap}.room-about{margin-top:28px}.room-about h2{font-size:16px}.room-about p{font-size:13px;color:#849083;white-space:pre-wrap;margin-top:12px}.chat{border:1px solid #dfe5ef;border-radius:8px;background:#fff;overflow:hidden}.chat>.section-title{min-height:63px;padding:20px 28px;margin:0;border-bottom:1px solid #eee}.chat h2{font-size:16px}.chat .online,.chat .muted{font-size:10px}.online{color:#28a745}.messages{height:355px;overflow:auto;padding:12px;background:#f7f9fb}.live-chat-scroll{overflow-x:hidden;scrollbar-width:none}.live-chat-scroll::-webkit-scrollbar{display:none}.live-chat-message-row{min-width:0;padding:4px 2px;font-size:13px;line-height:20px}.live-chat-message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.live-chat-message-sender{display:inline-flex;min-width:0;flex:1;align-items:center}.live-chat-message-sender>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-message-time{flex:none;color:#9499a0;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.live-chat-message-content-row{display:flex;min-width:0;align-items:flex-end}.live-chat-message-bubble{width:fit-content;max-width:85%;padding:7px 10px;border:1px solid #e4e9ef;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1c25360f;color:#61666d;overflow-wrap:anywhere;white-space:pre-wrap}.live-chat-teacher-badge,.live-chat-assistant-teacher-badge{flex:none;height:16px;margin-right:4px;padding:0 4px;border-radius:3px;color:#fff;font-size:10px;line-height:16px}.live-chat-teacher-badge{background:#46ba43}.live-chat-assistant-teacher-badge{background:#7b61ff}.live-chat-student-name{color:#2588ef}.live-chat-teacher-name{color:#e6a23c}.live-chat-assistant-teacher-name{color:#7b61ff}.live-chat-goods-card{display:flex;width:100%;max-width:85%;min-width:0;gap:12px;padding:10px;border:1px solid #e7edf3;border-radius:8px;background:#fff;box-shadow:0 1px 2px #1c25360f}.live-chat-goods-cover{display:flex;width:80px;height:64px;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#f1f4f8;color:#8994a3;font-size:11px}.live-chat-goods-cover img{display:block;width:100%;height:100%;object-fit:cover}.live-chat-goods-info{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:space-between;font-size:13px}.live-chat-goods-info strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;line-height:18px}.live-chat-goods-bottom{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:4px;margin-top:4px}.live-chat-goods-prices{min-width:0}.live-chat-goods-info b{display:block;color:#e53935;font-size:14px;white-space:nowrap}.live-chat-goods-info del{display:block;color:#9299a3;font-size:11px}.live-chat-goods-info button{flex:none;padding:4px 8px;border:0;border-radius:4px;background:#2588ef;color:#fff;font-size:12px;white-space:nowrap}.live-chat-goods-info button:hover{background:#1477dc}.live-chat-notice{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:6px 12px;background:#fff4e5;color:#b66a00;font-size:12px;text-align:center;box-shadow:0 -1px 3px #00000012}.live-chat-notice-success{background:#effaf3;color:#237a4b}.message{margin-bottom:17px}.message>span{color:#8f959e;font-size:11px}.message p{width:fit-content;max-width:90%;margin-top:5px;padding:8px 11px;border-radius:8px;background:#fff;color:#2a3547;font-size:13px;word-break:break-word;white-space:pre-wrap}.mine>span{color:#3370ff}.mine p{background:#eef2ff}.empty-chat{padding:30px 15px;text-align:center;color:#8f959e;font-size:12px;line-height:1.6}.empty-chat small{color:#8f959e;font-size:11px}.chat>.inline-error{padding:10px 17px}.chat-form{display:flex;gap:8px;border-top:1px solid #eee;padding:12px}.chat-form input{min-width:0;font-size:11px;padding:10px;border-color:#dfe5ef}.chat-form button{font-size:11px;padding:9px 12px;flex:none;background:#2588ef;color:#fff;border:0}.password-card{max-width:410px;margin:40px auto;background:#fff;border:1px solid #e5e8de;border-radius:14px;padding:35px}.password-card p{font-size:13px;color:#8a958a;margin:12px 0 20px}.password-card input{margin-bottom:18px}@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,1fr)}.live-layout{grid-template-columns:1fr}.chat .messages{height:300px}.live-page{padding-top:30px}}@media(max-width:600px){.directory,.live-page{padding:32px 20px 50px}.directory-heading{padding-bottom:31px;align-items:flex-start}.directory-heading h1{font-size:27px}.directory-heading p{font-size:11px}.date-mark{font-size:10px;padding:8px 10px;margin-top:29px;white-space:nowrap}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.course-grid{grid-template-columns:1fr;gap:23px}.course-cover{height:200px}.course-body{padding:22px}.course-body h3{font-size:19px}.section-title h2{font-size:17px}.empty-state{padding:70px 17px}.back-link{margin-bottom:24px}.live-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.live-heading h1{font-size:22px}.connection{font-size:9px;margin-top:8px;white-space:nowrap}.live-layout{gap:24px}.player{border-radius:9px}.announcement{padding:13px;gap:12px}.announcement p{font-size:11px}.room-about{margin-top:22px}.chat-form input{font-size:13px}.chat-form button{font-size:12px}.messages{height:270px!important}footer{font-size:9px}}.material-shell{min-height:100vh;background:var(--page-bg, #f5f7fb)}.material-shell .site-header{padding-inline:24px}.material-main{width:min(1600px,100%);margin:0 auto;padding:16px 24px}.material-stage{border-radius:16px;overflow:hidden;background:#101216;box-shadow:0 16px 48px #14234115}.material-stage .player{margin:0;border-radius:0}.material-stage .tcp-dynamic-watermark-content{font-weight:400;line-height:1.4;text-shadow:0 1px 2px #0003}.material-status{aspect-ratio:16 / 9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;padding:24px;text-align:center}.material-status p{color:#c4cbd5}.material-status .primary{width:auto;min-width:130px}@media(max-width:640px){.material-main{padding:12px}.material-stage{border-radius:8px}.material-shell .site-header{padding:16px}}