*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}.header-nav{border-bottom:1px solid #e4e7ed;margin-bottom:20px;padding:10px 0}.header-nav a{color:#409eff;margin-right:20px;font-size:14px;text-decoration:none}.header-nav a:hover{text-decoration:underline}.main-content{flex:1}.footer-nav{text-align:center;border-top:1px solid #e4e7ed;margin-top:30px;padding:20px 0}.footer-nav a{color:#409eff;margin:0 10px;font-size:14px;text-decoration:none}.footer-nav a:hover{text-decoration:underline}h1{color:#303133;margin:20px 0;font-size:28px}.description{color:#606266;margin-bottom:30px;line-height:1.6}h3{margin-top:0}.upload-section{border:1px solid #dcdfe6;border-radius:4px;margin-bottom:30px;padding:20px}.upload-area{cursor:pointer;background-color:#fafafa;border:2px dashed #d3dce6;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:100px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.upload-area:hover{border-color:#409eff}.upload-area.dragover{background-color:#f0f9ff;border-color:#409eff}.upload-text{color:#606266;text-align:center;font-size:14px}.upload-hint{color:#909399;margin-top:5px;font-size:12px}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.bookmark-editor{border:1px solid #dcdfe6;border-radius:4px;margin-bottom:30px;padding:20px}.tree-actions{margin-bottom:15px}.custom-tree-node{flex:1;justify-content:space-between;align-items:center;padding-right:8px;font-size:14px;display:flex}.node-content{flex:1;align-items:center;gap:15px;display:flex}.node-field{align-items:center;gap:5px;display:flex}.node-field label{color:#606266;white-space:nowrap;font-size:12px}.title-input{width:260px}.page-input{width:80px}.node-actions{align-items:center;gap:5px;display:flex}.node-actions .el-button{padding:5px 8px}.hidden-messages{display:none}@media (max-width:768px){.page{padding:0 15px}h1{font-size:24px}.node-content{flex-direction:column;align-items:flex-start;gap:10px}.title-input{width:120px}.page-input{width:60px}.node-actions{margin-top:10px}}@media (max-width:480px){.header-nav a{margin:5px 0;display:block}.tree-actions .el-button{margin-bottom:5px}}.el-input--mini .el-input__inner{height:25px;line-height:25px}