.app-container{display:flex;flex-direction:column;font-family:PingFang SC,Microsoft YaHei,sans-serif;height:100vh}.app-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 20px}.toolbar button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.toolbar button:hover{background-color:#45a049}main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}@media screen and (max-width:768px){.app-container{padding:0}.app-header{margin:0;padding:8px 0}.app-header h1{font-size:24px}.toolbar{justify-content:center;width:100%}.toolbar button{font-size:14px;padding:8px 16px}.quadrant-container{border-radius:0;height:60vh;margin:0;max-width:100vw;min-height:300px;padding:0;width:100vw}.content-item{font-size:14px!important;max-width:90%}.todo-checkbox{height:24px;width:24px}.text-editor{max-width:90%;width:90%}.text-editor textarea{font-size:16px;padding:8px}.editor-controls{flex-direction:column;gap:10px}.control-group{width:100%}.button-group{justify-content:space-between;width:100%}.button-group button{flex:1 1;margin:0 5px}}@media (hover:none){.content-item:hover .delete-button{opacity:1}.delete-button{font-size:18px;height:24px;opacity:1;width:24px}}.text-editor{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:10px;position:absolute;width:250px;z-index:100}.text-editor textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;height:80px;margin-bottom:10px;padding:8px;resize:none;width:100%}.editor-controls{display:flex;flex-direction:column;gap:8px}.control-group{align-items:center;display:flex;gap:8px}.button-group{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.button-group button{border:none;border-radius:4px;cursor:pointer;padding:6px 12px}.button-group button:first-child{background-color:#4caf50;color:#fff}.button-group button:last-child{background-color:#f5f5f5;border:1px solid #ddd}.quadrant-container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;box-sizing:border-box;height:600px;margin:40px auto 0;position:relative;width:900px}.quadrant{box-sizing:border-box}.axis,.quadrant{position:absolute}.axis{background-color:#000}.x-axis{height:2px;left:0;top:50%;width:100%}.y-axis{height:100%;left:50%;top:0;width:2px}.x1-outer{left:-120px}.x1-outer,.x2-outer{max-width:110px;top:50%;transform:translateY(-50%);width:110px}.x2-outer{right:-120px}.y1-outer{top:-60px}.y1-outer,.y2-outer{left:50%;max-width:110px;transform:translateX(-50%);width:110px}.y2-outer{bottom:-60px}.export-label{color:#000;display:block;font-size:16px;line-height:20px;position:absolute;text-align:center;width:96px;word-break:break-word;z-index:10}.export-label.y2-outer{bottom:-50px!important;left:50%!important;transform:translateX(-50%)!important}.content-item{border-radius:3px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:14px;line-height:1.2;max-width:200px;padding:5px;pointer-events:auto;transition:box-shadow .2s;word-break:break-word}.content-item:hover{box-shadow:0 2px 8px #0003}.delete-button{background-color:#ff4d4f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:14px;height:20px;line-height:1;padding:0;position:absolute;right:-8px;text-align:center;top:-8px;width:20px}.content-item:hover .delete-button{display:block}.delete-button:hover{background-color:#ff7875}.content-item{background-color:#fffc;border-radius:4px;box-shadow:0 1px 3px #0003;cursor:move;padding:5px 10px;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1}.content-item.dragging{box-shadow:0 3px 10px #0000004d;opacity:.8;z-index:100}.todo-item{align-items:center;background-color:#ffffff1a;border-radius:4px;display:flex;gap:8px;padding:4px 8px}.todo-checkbox{appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #666;border-radius:4px;cursor:pointer;height:20px;margin:0;padding:0;position:relative;width:20px}.todo-checkbox:checked{background-color:#4caf50;border-color:#4caf50}.todo-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.todo-item.completed .content-text{opacity:.7;text-decoration:line-through}.content-text{flex:1 1;word-break:break-word}.quadrant.A{border-right:1px solid #444;left:0}.quadrant.A,.quadrant.B{border-bottom:1px solid #444;height:50%;top:0;width:50%;z-index:1}.quadrant.B{border-left:1px solid #444;left:50%}.quadrant.C{border-left:1px solid #444;left:50%}.quadrant.C,.quadrant.D{border-top:1px solid #444;height:50%;top:50%;width:50%;z-index:1}.quadrant.D{border-right:1px solid #444;left:0}.axis-labels{height:100%;pointer-events:none;position:absolute;width:100%;z-index:10}.axis-labels textarea{word-wrap:break-word;background:#0000;border:none;border-radius:0;box-shadow:none;color:#222;font-size:18px;font-weight:500;line-height:1.2;max-width:120px;min-height:24px;min-width:32px;outline:none;overflow:visible;padding:4px 8px;pointer-events:auto;position:absolute;resize:none;text-align:center;transition:border .2s;white-space:pre-wrap}.axis-labels textarea:focus{background:#f8f8f8;border-bottom:1.5px solid #b0b0b0}@media screen and (max-width:768px){.quadrant-container{border-radius:0;display:flex;flex-direction:column;height:60vh;margin:0;max-width:100vw;min-height:300px;padding:0;position:relative;width:100vw}.quadrant{border:none;box-sizing:border-box;flex:1 1;margin:0;min-height:0;min-width:0;padding:2px;position:static;width:100%}.axis-labels textarea{font-size:14px;max-width:80px;min-height:20px;min-width:28px;padding:2px 8px}.x1-outer{left:-85px}.x1-outer,.x2-outer{max-width:80px;width:80px}.x2-outer{right:-85px}.y1-outer{top:-45px}.y1-outer,.y2-outer{max-width:80px;width:80px}.y2-outer{bottom:-45px}}.quadrant-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.quadrant-lines:after,.quadrant-lines:before{background:#b0b0b0;content:"";position:absolute;z-index:0}.quadrant-lines:before{height:100%;left:50%;top:0;transform:translateX(-50%);width:2px}.quadrant-lines:after{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.before-arrow-up{border-bottom:14px solid #b0b0b0;border-left:8px solid #0000;border-right:8px solid #0000;height:0;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:0}.after-arrow-right{border-bottom:8px solid #0000;border-left:14px solid #b0b0b0;border-top:8px solid #0000;height:0;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0}
/*# sourceMappingURL=main.5af855a4.css.map*/