* {margin:0;padding:0;box-sizing:border-box;} body {font-family:-apple-system,sans-serif;line-height:1.6;color:#333;background:#fafafa;display:flex;min-height:100vh;} .sidebar {width:300px;background:#2c3e50;color:#ecf0f1;padding:20px;overflow-y:auto;position:fixed;height:100vh;left:0;top:0;} .sidebar h1 {font-size:24px;margin-bottom:30px;color:#ecf0f1;border-bottom:2px solid #3498db;padding-bottom:10px;} .sidebar a {display:block;color:#ecf0f1;text-decoration:none;padding:8px 12px;margin:2px 0;border-radius:4px;transition:all 0.2s;font-size:14px;cursor:pointer;} .sidebar a:hover {background:#34495e;} .sidebar a.active {background:#3498db;color:#fff;font-weight:500;} .main-content {flex:1;margin-left:300px;padding:0;} .content-wrapper {padding:40px 60px;background:#fff;min-height:100vh;} .content-wrapper h1 {font-size:36px;color:#2c3e50;margin-bottom:20px;border-bottom:3px solid #3498db;padding-bottom:10px;} .content-wrapper h2 {font-size:28px;color:#2c3e50;margin-top:40px;margin-bottom:15px;} .content-wrapper h3 {font-size:22px;color:#2c3e50;margin-top:30px;margin-bottom:12px;} .content-wrapper h4 {font-size:18px;color:#2c3e50;margin-top:25px;margin-bottom:10px;font-weight:600;} .content-wrapper h5 {font-size:16px;color:#2c3e50;margin-top:20px;margin-bottom:8px;font-weight:600;} .content-wrapper h6 {font-size:14px;color:#2c3e50;margin-top:15px;margin-bottom:6px;font-weight:600;} .content-wrapper p {margin-bottom:2px;color:#333;font-size:16px;} .content-wrapper ul,.content-wrapper ol {margin-bottom:16px;padding-left:30px;} .content-wrapper li {margin-bottom:8px;color:#333;} .content-wrapper a {color:#3498db;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s;} .content-wrapper a:hover {border-bottom-color:#3498db;} .content-wrapper blockquote {border-left:4px solid #3498db;padding-left:16px;margin:16px 0;color:#333;font-style:italic;background:rgba(0,0,0,0.05);padding:12px 16px;} .content-wrapper pre {background:#282c34;color:#abb2bf;padding:16px;border-radius:4px;overflow-x:auto;margin:16px 0;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;} .content-wrapper .ql-align-center {text-align:center;} .content-wrapper .ql-align-right {text-align:right;} .content-wrapper .ql-align-justify {text-align:justify;} .content-wrapper .ql-indent-1 {padding-left:3em;} .content-wrapper .ql-indent-2 {padding-left:6em;} .content-wrapper .ql-indent-3 {padding-left:9em;} .content-wrapper img {max-width:100%;height:auto;display:block;margin:10px 0;} .content-wrapper .ql-video {max-width:100%;height:auto;} .content-wrapper iframe {max-width:100%;} .content-wrapper table {border-collapse:collapse;width:100%;margin:16px 0;} .content-wrapper th,.content-wrapper td {border:1px solid #ddd;padding:12px;text-align:left;} .content-wrapper th {background-color:rgba(0,0,0,0.05);font-weight:600;} .content-wrapper tr:hover {background-color:rgba(0,0,0,0.02);} .textblock-remove-btn {display:none !important;} @media (max-width:768px) {.sidebar {width:100%;position:relative;height:auto;} .main-content {margin-left:0;} .content-wrapper {padding:20px 30px;}}