:root{--page-bg:#d9d9d926;--content-bg:#fff;--accent-bg:#f5d9f133;--accent-bg-deep:#f5d9f1;--text-color:#333;--border-color:#eee;--placeholder-bg:#c4c4c4;--code-header-bg:#f9f3f8;--font-main:"simsong","source han serif cn",serif;--font-code:"source code pro",monospace}body{background-color:#d9d9d926;background-color:var(--page-bg);color:#333;color:var(--text-color);font-family:simsong,"source han serif cn",serif;font-family:var(--font-main);margin:0}.app-container{background-color:#fff;background-color:var(--content-bg);display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:1440px;overflow:hidden}.editor-scroll-area{background:#0000;flex-grow:1;overflow-y:auto;padding:24px 70px;position:relative}.app-header{background-color:#f5d9f133;background-color:var(--accent-bg);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);flex-shrink:0;font-size:14px;padding:16px 24px}.app-header,.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{background:#fff;border:1px solid #ddd;border-radius:50%;font-size:12px;height:50px;justify-content:center;margin-right:15px;width:50px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-text strong{font-size:36px;font-weight:700}.logo-text .logo-subtitle{font-size:32px;font-weight:700;margin-top:-10px}.progress-bar-container{align-items:center;display:flex;font-size:16px;font-weight:700;margin-left:20px}.progress-bar{background:#fff;border:1px solid #ddd;border-radius:40px;height:20px;margin-right:15px;overflow:hidden;width:200px}.progress-fill{background-color:#f5d9f1;background-color:var(--accent-bg-deep);border-radius:40px;height:100%}.course-info{margin-left:auto;margin-right:40px;text-align:right}.course-info strong{display:block;font-size:20px;font-weight:700}.user-icon,.user-info{align-items:center;display:flex}.user-icon{border:2px solid #444;border-radius:50%;font-size:10px;height:24px;justify-content:center;margin-right:15px;width:24px}.user-details{display:flex;flex-direction:column;text-align:right}.user-details .username{font-size:20px;font-weight:700}.app-toolbar{background:#fff;background:var(--content-bg);border:1px solid #eee;border:1px solid var(--border-color);border-radius:40px;box-shadow:0 4px 4px #0000001a;flex-shrink:0;flex-wrap:wrap;margin:8px 12px;padding:8px 12px;z-index:10}.app-toolbar,.tool-group{align-items:center;display:flex;gap:8px}.tool-group{background:#667eea1a;border:1px solid #667eea33;border-radius:40px;padding:6px 10px}.tool-button{background:#0000;border:none;border-radius:40px;color:inherit;cursor:pointer;font-family:simsong,"source han serif cn",serif;font-family:var(--font-main);font-size:14px;padding:8px 12px;text-decoration:none;white-space:nowrap}.tool-button.active-pink{background-color:#f5d9f1;background-color:var(--accent-bg-deep)}.tool-btn{background:#fff;border:2px solid #ddd;border-radius:33px;color:#333;cursor:pointer;font-size:14px;min-width:60px;padding:8px 12px;text-align:center;transition:all .3s ease}.tool-btn:hover{border-color:#f9f3f8}.tool-btn.active{background:linear-gradient(45deg,#f5d9f1,#f5d9f1);border-color:#f5d9f1;color:#000}.tool-group-right{margin-left:auto;margin-right:0}.editor-content{background:#0000;position:relative;z-index:1}.editor-content h1{font-size:48px;font-weight:700;line-height:1.3;margin-bottom:40px;margin-top:20px}.editor-list{font-size:24px;line-height:1.8;list-style-type:none;padding-left:0}.editor-list li{margin-bottom:1em;padding-left:1em;text-indent:-1em}.editor-list li:before{color:#333;content:"• ";margin-right:10px}.highlight-section{background-color:#f5d9f133;background-color:var(--accent-bg);border:1px solid #000;border-radius:8px;display:flex;gap:30px;margin-top:40px;padding:32px}.highlight-left{flex:2 1}.highlight-right{color:#555;flex:1 1;font-size:22px;line-height:1.7}.highlight-section h2{font-size:36px;font-weight:700;margin:0 0 20px}.code-section{margin-top:40px;padding-bottom:80px}.code-section h2{font-size:36px;font-weight:700;margin:0 0 10px}.code-block-container{background:#fff;background:var(--content-bg);border:1px solid #eee;border-radius:30px;box-shadow:0 2px 4px #0000000d;margin-top:20px;overflow:hidden}.code-block-header{align-items:center;background-color:#f9f3f8;background-color:var(--code-header-bg);color:#333;display:flex;font-family:source code pro,monospace;font-family:var(--font-code);font-size:20px;justify-content:space-between;padding:12px 24px}.code-icons{display:flex;gap:10px}.code-icons button{background:none;border:none;cursor:pointer;font-family:simsong,"source han serif cn",serif;font-family:var(--font-main);font-size:16px}.code-block-content{background-color:#fff;font-family:source code pro,monospace;font-family:var(--font-code);font-size:20px;line-height:1.6;margin:0;overflow-x:auto;padding:20px 24px}.color-picker{border:none;border-radius:300px;cursor:pointer;height:40px;width:100px}.color-picker:hover{transform:scale(1)}.size-slider{background:#ddd;border-radius:3px;cursor:pointer;height:6px;outline:none;width:80px}.size-slider::-webkit-slider-thumb{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:18px;width:18px}.painter-wrapper{left:0;position:absolute;top:0;z-index:2}#canvas{background:#0000;display:block}.preset-colors{display:flex;gap:3px}.preset-color{border:0 solid #fff;border-radius:50%;cursor:pointer;height:25px;transition:all .3s ease;width:25px}.preset-color:hover{transform:scale(1)}.size-display{background:#fff;border-radius:6px;color:#333;font-size:12px;min-width:35px;padding:4px 8px;text-align:center}.action-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.action-btn:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.save-btn{background:linear-gradient(45deg,#4caf50,#45a049)}.save-btn:hover{box-shadow:0 4px 12px #4caf5066}.opacity-slider{background:#ddd;border-radius:3px;cursor:pointer;height:6px;outline:none;width:60px}.opacity-display{background:#fff;border-radius:6px;color:#333;font-size:12px;min-width:40px;padding:4px 8px;text-align:center}.drawing-sidebar{background:#fff;background:var(--content-bg);border:1px solid #eee;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;gap:15px;padding:15px;position:fixed;right:20px;top:150px;z-index:100}.drawing-sidebar .tool-group{align-items:center;flex-direction:column}.drawing-sidebar .tool-btn{width:100%}.drawing-sidebar .preset-colors{justify-content:center}
/*# sourceMappingURL=main.8fa7e4fd.css.map*/