*{margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif}body{background-color:#f5f5f5;color:#333;line-height:1.6;overflow-x:hidden}.search-container{position:sticky;top:0;background-color:white;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:100;border-bottom:1px solid #ddd}.search-box{display:flex;max-width:500px;margin:0 auto}.search-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:14px}.search-button{padding:10px 15px;background-color:#3498db;color:white;border:none;border-radius:0 4px 4px 0;cursor:pointer}.search-button:hover{background-color:#2980b9}.search-results{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;display:none;position:absolute;width:100%;max-width:500px;background-color:white;z-index:101;margin:0 auto;left:0;right:0}.search-result-item{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer}.search-result-item:hover{background-color:#f5f5f5}.search-result-item:last-child{border-bottom:none}.no-results{padding:15px;text-align:center;color:#777}.page-container{max-width:1400px;margin:0 auto;padding:10px;width:100%}.container{display:flex;height:calc(100vh - 20px);background-color:white;box-shadow:0 0 15px rgba(0,0,0,0.08);border-radius:8px;overflow:hidden;width:100%;min-width:320px}.parent-categories{flex:0 0 auto;width:28%;max-width:260px;min-width:120px;background-color:#2c3e50;color:white;overflow-y:auto}.category-title{padding:15px 18px;font-size:clamp(14px,3vw,16px);font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center}.category-title i{margin-right:10px}.parent-item{padding:14px 18px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.05);transition:background-color 0.3s;display:flex;align-items:center;font-size:clamp(12px,3vw,14px)}.parent-item:hover{background-color:#34495e}.parent-item.active{background-color:#3498db;border-left:4px solid #2980b9}.child-categories{flex:1;padding:clamp(12px,3vw,20px);overflow-y:auto;background-color:#ecf0f1;min-width:180px;padding-bottom:80px}.child-header{margin-bottom:clamp(15px,4vw,20px);padding-bottom:12px;border-bottom:1px solid #ddd}.child-header h2{font-size:clamp(13px,3vw,16px);color:#2c3e50;display:flex;align-items:center}.child-header h2 i{margin-right:10px}.child-container{display:flex;flex-direction:column;gap:clamp(8px,2vw,12px)}.child-item{border-radius:6px 6px 6px 6px;background-color:white;box-shadow:0 1px 4px rgba(0,0,0,0.08);overflow:visible}.child-item:hover{transform:translateY(-2px)}.child-item-header{position:sticky;top:60px;background-color:white;z-index:10;border-bottom:1px solid #ddd;padding:clamp(8px,2vw,14px);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:6px 6px 6px 6px}.child-item-header h3{font-size:clamp(12px,3vw,14px);color:#34495e;display:flex;align-items:center;margin:0}.child-item-header h3 i{margin-right:10px;color:#3498db}.toggle-icon{color:#7f8c8d;transition:transform 0.3s;font-size:clamp(15px,3vw,18px)}.toggle-icon.open{transform:rotate(90deg)}.grandchild-container{padding:0 clamp(12px,3vw,18px);max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;background-color:#f9f9f9}.grandchild-container.open{padding:clamp(6px,2vw,14px) clamp(12px,3vw,18px) clamp(15px,3vw,20px);max-height:max-content}.grandchild-item{padding:clamp(6px,2vw,14px);border-bottom:1px dashed #eee;transition:background-color 0.2s;display:flex;align-items:center;cursor:pointer;font-size:clamp(11px,2.5vw,13px)}.grandchild-item.selected{background-color:#b3daff}.grandchild-item input[type="checkbox"]{margin-right:10px}.grandchild-item:last-child{border-bottom:none}.grandchild-item:hover{background-color:#f0f4f8}.grandchild-item.search-highlight{background-color:#ffdddd !important}.grandchild-name{color:#34495e;font-weight:500;margin-bottom:5px;display:flex;align-items:center;font-size:clamp(11px,2.5vw,13px)}.grandchild-name i{margin-right:8px;color:#3498db;font-size:12px}.grandchild-meta{font-size:clamp(11px,2.5vw,12px);color:#7f8c8d;display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.grandchild-desc{font-size:clamp(12px,3vw,13px);color:#555;margin-top:5px;line-height:1.5}@media (max-width:768px){.page-container{padding:0}.container{border-radius:0;height:100vh}.parent-categories{width:32%}}@media (max-width:480px){.parent-categories{width:35%}.grandchild-meta{flex-direction:column;gap:3px}}.action-buttons{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100;max-width:90%}.action-button{padding:10px 15px;background-color:#3498db;color:white;border:none;border-radius:4px;cursor:pointer;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,0.2);min-width:200px;text-align:center}.action-button:hover{background-color:#2980b9}@media (min-width:769px){.action-button{padding:20px 120px;font-size:16px;min-width:220px}}@media (max-width:768px){.action-button{min-width:150px;padding:8px 12px;font-size:13px}}@media (max-width:480px){.action-button{min-width:140px;padding:0.625rem 0.875rem}.action-buttons{bottom:10px;max-width:95%}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}.modal-content{background-color:white;border-radius:8px;width:80%;max-width:600px;max-height:80%;display:flex;flex-direction:column;box-shadow:0 5px 15px rgba(0,0,0,0.3);overflow:hidden}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:white;z-index:10}.modal-header h3{margin:0;color:#2c3e50}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.modal-body{padding:20px;flex:1;overflow-y:auto}.selected-category{background-color:#f0f4f8;padding:10px;border-radius:4px;margin-bottom:15px}.selected-grandchild{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.remove-button{background-color:#e74c3c;color:white;border:none;border-radius:3px;padding:3px 8px;cursor:pointer;font-size:12px}.remove-button:hover{background-color:#c0392b}.copy-info{margin-top:15px;padding:10px;background-color:#ecf0f1;border-radius:4px;font-size:14px}.copy-button{background-color:#3498db;color:white;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;font-size:14px;margin-top:10px}.copy-button:hover{background-color:#2980b9}.copy-button.copied{background-color:#27ae60}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.7);color:white;padding:15px 25px;border-radius:8px;font-size:16px;opacity:0;transition:opacity 0.3s;z-index:2000;pointer-events:none}.toast.show{opacity:1}.modal-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background-color:white;z-index:10;flex-direction:column}.modal-button{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;border:1px solid #ddd;white-space:nowrap}@media (max-width:768px){.modal-footer{flex-direction:row;flex-wrap:wrap;justify-content:center}.modal-button{flex:1;min-width:30%;text-align:center}}@media (max-width:480px){.modal-footer{flex-direction:column}.modal-button{width:100%;min-width:unset}}.btn-copy{background-color:#3498db;color:white;border-color:#3498db}.btn-copy:hover{background-color:#2980b9}.btn-download{background-color:#27ae60;color:white;border-color:#27ae60}.btn-download:hover{background-color:#219653}.btn-batch-download{background-color:#9b59b6;color:white;border-color:#9b59b6}.btn-batch-download:hover{background-color:#8e44ad}.confirm-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1001;justify-content:center;align-items:center}.confirm-content{background-color:white;border-radius:8px;width:80%;max-width:400px;padding:20px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.confirm-message{margin-bottom:20px;font-size:16px;color:#333}.confirm-buttons{display:flex;justify-content:center;gap:15px}.confirm-btn{padding:8px 20px;border-radius:4px;cursor:pointer;font-size:14px;border:none}.confirm-btn-cancel{background-color:#95a5a6;color:white}.confirm-btn-cancel:hover{background-color:#7f8c8d}.confirm-btn-confirm{background-color:#e74c3c;color:white}.confirm-btn-confirm:hover{background-color:#c0392b}.qr-code-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:999}.qr-item{position:relative;width:50px;height:50px;background:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.qr-item:hover{transform:scale(1.1)}.qr-item i{font-size:24px;color:#3498db}.qr-item .qr-popup{position:absolute;right:60px;top:50%;transform:translateY(-50%);background:#fff;padding:15px;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.15);display:none;width:150px;text-align:center;z-index:1000}.qr-item:hover .qr-popup{display:block}.qr-popup img{width:120px;height:120px;margin-bottom:10px}.qr-popup .qr-label{font-size:14px;color:#333;font-weight:bold}@media (max-width:768px){.qr-code-container{display:none}}.notice-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2000;justify-content:center;align-items:center}.notice-content{background-color:white;border-radius:8px;width:80%;max-width:600px;max-height:80%;display:flex;flex-direction:column;box-shadow:0 5px 15px rgba(0,0,0,0.3);overflow:hidden}.notice-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:white;z-index:10}.notice-header h3{margin:0;color:#2c3e50}.notice-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.notice-body{padding:20px;flex:1;overflow-y:auto;max-height:60vh}.notice-body h3{text-align:center;margin-bottom:15px}.notice-body ul,.notice-body ol{padding-left:20px;margin:10px 0}.notice-body li{margin-bottom:8px}.notice-body p{margin-bottom:10px;line-height:1.6}.notice-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background-color:white;z-index:10}.notice-button{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;border:1px solid #ddd;background-color:#3498db;color:white}.notice-button:hover{background-color:#2980b9}.guide-button{position:fixed;right:20px;bottom:100px;background-color:#f39c12;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:998;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.guide-button:hover{background-color:#e67e22;transform:scale(1.1)}@media (max-width:768px){.guide-button{display:none}}