html,body{margin:0;padding:0}*{box-sizing:border-box}body{font-family:"Source Serif 4",serif}.topic-page{min-height:100vh;color:#d6dbe3;display:flex;justify-content:center;padding:0 24px 64px}.topic-сontent{width:100%;line-height:1.7;font-size:17px;max-width:750px;padding:25px;display:flex;flex-direction:column;background-color:#0f1f36}.topic-container{background-color:#0b1220}.comment-input{max-width:720px;margin:0 auto 10px;padding:10px;background-color:#101a2e}.comment-input__name{width:100%;background:#0f1422;border:none;border-bottom:1px solid #2a2f3a;padding:8px 0;margin-bottom:10px;color:#d1d5db;box-sizing:border-box}.comment-input__text{width:100%;background:#0f1422;box-sizing:border-box;border:1px solid #2a2f3a;border-radius:8px;padding:12px;color:#d1d5db;resize:vertical}.comment-input__footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.avatar-select__panel{position:absolute;width:390px;max-height:300px;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#141923;border:1px solid #6bffeb;border-radius:12px;padding:12px;z-index:20;transform:translateY(-130%);margin-top:-12px}.avatar-select__item img{width:90px;height:90px;object-fit:contain;opacity:.8}.avatar-select__item:hover img{opacity:1}.comment-list{max-width:720px;margin:0 auto 20px;padding:32px;background-color:#101a2e}.comment{background-color:#19294b;max-height:600px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#f8fafc;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px #1d4ed840;cursor:pointer;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1d4ed859}.btn:active{transform:translateY(0);box-shadow:0 3px 10px #1d4ed840}.btn:disabled{opacity:.5;cursor:not-allowed}.highlight{background-color:#ffffff80;padding:12px;margin:12px 0;border-radius:8px;color:#101a2e}code{background-color:#ffffff4d;padding:2px 6px;border-radius:4px;font-family:monospace}pre{background-color:#fff3;padding:12px;border-radius:6px;overflow-x:auto}.section{border:5px;padding:10px;margin:0 0 24px;box-shadow:none}.highlight{background:linear-gradient(135deg,#6bffeb1f,#1d4ed81f);border-left:3px solid #6bffeb;padding:14px 18px;margin:28px 0;border-radius:8px;color:#e6fbff}.formula{font-size:32px;font-weight:600;text-align:center;letter-spacing:3px;margin:36px 0;padding:16px 0;color:#fff;position:relative}.formula:after{content:"";display:block;width:120px;height:2px;margin:14px auto 0;background:linear-gradient(to right,transparent,#6bffeb,transparent);opacity:.6}.topic-link{color:#6bffeb;text-decoration:none;border-bottom:1px dashed rgba(107,255,235,.7);transition:all .3s ease;font-weight:500}.topic-link:hover{color:#1d9ba0;border-bottom:1px solid #6bffeb;text-shadow:0 0 6px rgba(107,255,235,.6);transform:translateY(-1px)}a,a:visited{color:#0ff}.footer-counter{display:flex;right:12px;bottom:8px;font-size:12px;font-family:monospace;color:#29dde4;opacity:.65}.materials{margin:20px}.alphabet-point{margin:15px;gap:5px}.material-background{background-color:#1b4e64;color:#d5e1f3;padding:30px}.chat-avatar{max-width:90px;max-height:90px}.comment_sign{color:#29dde4}.chat-page{height:100vh;display:flex;flex-direction:column;background:#0b1220;color:#f0f8ff}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px}.chat-message__avatar{width:42px;height:42px;background:#141923;border-radius:10px;display:flex;align-items:center;justify-content:center}.chat-message__content{background:#19294b;padding:10px 14px;border-radius:12px}.chat-message__sign{font-size:12px;opacity:.7;margin-bottom:4px}.chat-message__text{line-height:1.5;margin-top:1rem}.chat-input-wrapper{border-top:1px solid rgba(255,255,255,.05);background:#101a2e}.chat-input-wrapper .comment-input{max-width:100%;margin:0;border-radius:0}.chat-time{white-space:nowrap;font-size:12px;opacity:.6;align-self:flex-end}