@charset "UTF-8";.menu_sidebar{width:160px;background:linear-gradient(180deg,#010,#020,#010);border-right:2px solid rgba(0,255,0,.3);padding:12px 0;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:4px 0 20px #00ff0026,2px 0 8px #0006,inset 0 1px #ffffff0d;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;position:fixed;left:0;top:72px;height:calc(100vh - 72px);z-index:10;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.menu_sidebar::-webkit-scrollbar{display:none}.menu_sidebar:before,.menu_sidebar:after{content:"";display:block;height:8px;flex-shrink:0}.menu_item{padding:12px 24px;cursor:pointer;color:#0c6;font-size:14px;font-weight:500;border-left:3px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 8px 8px 0;margin:8px 16px 8px 8px;text-shadow:none;position:relative;letter-spacing:.3px;line-height:1.4;background:#00ff0005;border:1px solid transparent;border-bottom:1px solid rgba(0,255,0,.08);display:flex;align-items:center;height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu_item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.08),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.menu_item:hover{background:#00ff000a;border:1px solid rgba(0,255,0,.15);transform:translate(4px);box-shadow:0 2px 8px #00ff0014}.menu_item:hover:before{left:100%}.menu_item_active{background:linear-gradient(135deg,#00ff0014,#00ff0008);color:#0f0;font-weight:600;border-left:3px solid #00ff00;text-shadow:0 0 8px rgba(0,255,0,.4);box-shadow:0 0 15px #00ff0026,inset 0 1px #ffffff0d,0 2px 8px #00ff001a;transform:translate(6px);border:1px solid rgba(0,255,0,.2)}@media screen and (max-width: 768px){.menu_sidebar{width:100%;height:auto;position:relative;top:0;padding:12px 0;border-right:none;border-bottom:2px solid rgba(0,255,0,.3);flex-direction:row;overflow-x:auto;overflow-y:hidden;margin-top:0;z-index:40;background:linear-gradient(180deg,#010,#020,#010);scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 2px 8px #0003}.menu_sidebar::-webkit-scrollbar{display:none}.menu_item{padding:10px 14px;margin:0 10px 0 0;border-left:none;border-bottom:2px solid transparent;border-radius:6px;white-space:nowrap;min-width:max-content;height:auto;line-height:1.3;font-size:13px}.menu_item_active{border-left:none;border-bottom:2px solid #00ff00;transform:none}}@media screen and (max-width: 480px){.menu_sidebar{padding:10px 0;position:relative;top:0;z-index:40;background:linear-gradient(180deg,#010,#020,#010)}.menu_item{padding:8px 10px;font-size:12px;margin:0 6px 0 0}}.page_container{display:flex;width:100%;min-height:calc(100vh - 72px);margin-left:160px;box-sizing:border-box;background:linear-gradient(135deg,#000,#010,#000)}.page_content_area{flex:1;min-width:0;max-width:calc(100vw - 160px);padding:40px;background:linear-gradient(135deg,#000,#010 30%,#000);color:#0f0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;border-radius:0 16px 16px 0;box-shadow:0 0 40px #00ff0014,inset 0 1px #ffffff0d,0 8px 32px #0000004d;min-height:400px;display:flex;flex-direction:column;box-sizing:border-box;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.page_content_area:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,0,.4),transparent);opacity:.6}.page_content_area:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,0,.02) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,0,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.page_active_title{color:#0f0;text-shadow:0 0 12px rgba(0,255,0,.6);border-bottom:2px solid rgba(0,255,0,.4);padding-bottom:16px;margin-bottom:32px;font-size:1.75rem;font-weight:700;letter-spacing:.8px;line-height:1.2;position:relative;z-index:1}.page_active_title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#00ff00,transparent)}.page_content_placeholder{color:#0c6;font-size:22px;font-weight:500;text-align:center;margin-top:40px;opacity:.8}@media screen and (max-width: 768px){.page_container{flex-direction:column;margin-left:0;margin-top:80px;min-height:calc(100vh - 180px)}.page_content_area{max-width:100%;padding:20px;border-radius:0;margin-top:0;position:relative;z-index:1}.page_active_title{font-size:1.5rem;margin-bottom:20px}.page_content_placeholder{font-size:18px;margin-top:20px}}@media screen and (max-width: 480px){.page_container{margin-top:80px;min-height:calc(100vh - 160px)}.page_content_area{padding:16px}.page_active_title{font-size:1.25rem}.page_content_placeholder{font-size:16px}}.page_container,.page_content_area,.page_active_title,.page_content_placeholder,button,input,select,.page_content_area *{-webkit-user-select:none;user-select:none}.page_content_area *{max-width:100%;box-sizing:border-box}.imagecropper_container,.imagecropper_menu,.imagecropper_btn_load,.imagecropper_btn_save,.imagecropper_input_file,.imagecropper_input_url,.imagecropper_preview_title,.imagecropper_preview_box,button,input,select,.imagecropper_container *{-webkit-user-select:none;user-select:none}.imagecropper_left{background:linear-gradient(135deg,#000c,#0109);padding:32px;border-radius:16px;box-shadow:0 8px 32px #0106,0 4px 16px #00ff001a,inset 0 1px #ffffff0d;border:1px solid rgba(0,255,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.imagecropper_left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.imagecropper_input_file{background:linear-gradient(135deg,#000c,#0109);border:2px solid rgba(0,255,0,.3);border-radius:8px;padding:12px 20px;font-size:1rem;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff001a;outline:none;letter-spacing:.3px;text-shadow:0 0 4px rgba(0,255,0,.3);position:relative;overflow:hidden;min-width:140px;flex-shrink:0}.imagecropper_input_file:focus{outline:none;border-color:#0f0;box-shadow:0 0 0 3px #00ff001a,0 4px 12px #0f03;transform:translateY(-1px)}.imagecropper_input_file::-webkit-file-upload-button{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:6px;padding:8px 20px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff001a}.imagecropper_input_file::-webkit-file-upload-button:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 4px 12px #00ff0026;transform:translateY(-1px)}.imagecropper_input_file::file-selector-button{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:6px;padding:8px 20px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff001a}.imagecropper_input_file::file-selector-button:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 4px 12px #00ff0026;transform:translateY(-1px)}.imagecropper_input_file::-ms-browse{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:6px;padding:8px 20px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-family:inherit;font-size:1rem}.imagecropper_btn_save{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:2px solid rgba(0,255,0,.3);border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff001a;letter-spacing:.3px}.imagecropper_btn_save:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 6px 16px #00ff0026;transform:translateY(-1px)}.imagecropper_canvas{position:relative;border:2px solid rgba(0,255,0,.4);background:linear-gradient(135deg,#000c,#0109);border-radius:12px;box-shadow:0 8px 32px #00ff0026;overflow:hidden;margin:24px 0;display:flex;align-items:center;justify-content:center;min-width:300px;min-height:200px;padding:0}.imagecropper_img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;box-shadow:0 4px 16px #0000004d;max-width:100%;max-height:100%}.imagecropper_crop{position:absolute;border:2px solid #00ff00;background:#00ff001a;box-sizing:border-box;z-index:2;box-shadow:0 0 15px #00ff004d;border-radius:4px}.imagecropper_corner{position:absolute;width:14px;height:14px;background:linear-gradient(135deg,#0f0,#0c6);border-radius:50%;z-index:3;box-shadow:0 0 12px #0f09;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.imagecropper_corner:hover{transform:scale(1.2);box-shadow:0 0 20px #0f0c}.imagecropper_preview_area{min-width:200px;background:#0011004d;padding:24px;border-radius:12px;border:1px solid rgba(0,255,0,.2);box-shadow:0 4px 12px #00ff000d;margin-top:24px}.imagecropper_preview_title{margin-bottom:16px;font-weight:600;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.5);font-size:1.2rem;letter-spacing:.3px}.imagecropper_preview_box{width:180px;min-height:60px;border:2px solid rgba(0,255,0,.3);background:linear-gradient(135deg,#0009,#0106);display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:0 4px 12px #00ff001a;overflow:hidden}.imagecropper_input_section{background:linear-gradient(135deg,#000c,#0109);border:2px solid rgba(0,255,0,.3);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 16px #00ff001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.imagecropper_input_section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,0,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.imagecropper_file_upload{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.imagecropper_file_status{flex:1;padding:12px 16px;background:#0009;border:1px solid rgba(0,255,0,.3);border-radius:8px;color:#0f0;font-size:.95rem;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 0 4px rgba(0,255,0,.3);transition:all .3s ease;min-height:20px;display:flex;align-items:center}.imagecropper_file_status:empty:before{content:"未选择任何文件";color:#0f09;font-style:italic}.imagecropper_actions{margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}@media screen and (max-width: 768px){.imagecropper_left{padding:20px;border-radius:12px}.imagecropper_input_file{padding:10px 16px;font-size:.9rem;min-width:120px}.imagecropper_input_file::-webkit-file-upload-button,.imagecropper_input_file::file-selector-button{padding:6px 16px;font-size:.9rem}.imagecropper_btn_save{padding:10px 20px;font-size:.9rem}.imagecropper_canvas{min-width:250px;min-height:150px;margin:16px 0}.imagecropper_corner{width:12px;height:12px}.imagecropper_preview_area{padding:16px;margin-top:16px}.imagecropper_preview_title{font-size:1.1rem;margin-bottom:12px}.imagecropper_preview_box{width:150px;min-height:50px}.imagecropper_input_section{padding:16px;margin-bottom:16px}.imagecropper_file_upload{gap:12px}.imagecropper_file_status{padding:10px 12px;font-size:.9rem}.imagecropper_actions{margin-top:16px;gap:12px}}@media screen and (max-width: 480px){.imagecropper_left{padding:16px;border-radius:8px}.imagecropper_input_file{padding:8px 12px;font-size:.85rem;min-width:100px}.imagecropper_input_file::-webkit-file-upload-button,.imagecropper_input_file::file-selector-button{padding:5px 12px;font-size:.85rem}.imagecropper_btn_save{padding:8px 16px;font-size:.85rem}.imagecropper_canvas{min-width:200px;min-height:120px;margin:12px 0}.imagecropper_corner{width:10px;height:10px}.imagecropper_preview_area{padding:12px;margin-top:12px}.imagecropper_preview_title{font-size:1rem;margin-bottom:8px}.imagecropper_preview_box{width:120px;min-height:40px}.imagecropper_input_section{padding:12px;margin-bottom:12px}.imagecropper_file_upload{gap:8px;flex-direction:column}.imagecropper_file_status{padding:8px 10px;font-size:.85rem}.imagecropper_actions{margin-top:12px;gap:8px}}@media (hover: none) and (pointer: coarse){.imagecropper_corner{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.imagecropper_input_file,.imagecropper_btn_save{min-height:44px}}.c-btn{background:linear-gradient(135deg,#111 60%,#1a2b1a);color:#0f9;font-weight:600;border:1.5px solid #00ff99;border-radius:7px;padding:8px 28px;font-size:16px;font-family:inherit;box-shadow:0 0 10px #0f93,0 2px 8px #0302;cursor:pointer;outline:none;transition:all .18s cubic-bezier(.4,0,.2,1);position:relative;letter-spacing:.5px;margin:0 4px;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;min-width:96px;white-space:nowrap;text-align:center}.c-btn:hover:not(:disabled):not(.c-btn-primary):not(.c-btn-danger):not(.c-btn-info):not(.c-btn-warning){background:linear-gradient(135deg,#001a00 60%,#002600);color:#0f9;border-color:#0f9;box-shadow:0 0 20px #0f96,0 4px 16px #0f93;transform:translateY(-2px) scale(1.02)}.c-btn-primary{background:linear-gradient(135deg,#0f9 60%,#0f0);color:#000;border-color:#0f0;box-shadow:0 0 18px #0f9,0 2px 12px #030}.c-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f0 60%,#0c0);color:#000;border-color:#0f0;box-shadow:0 0 24px #0f9,0 2px 16px #030}.c-btn-danger{background:linear-gradient(135deg,#f44 60%,#c00);color:#fff;border-color:#f44;box-shadow:0 0 12px #f44,0 2px 8px #300}.c-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c00 60%,#900);color:#fff;border-color:#f44;box-shadow:0 0 18px #f44,0 2px 12px #300}.c-btn-small{padding:4px 14px;font-size:13px;border-radius:5px;min-width:64px}.c-btn-disabled,.c-btn:disabled{background:#222!important;color:#888!important;border-color:#333!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6;pointer-events:none}.c-btn-info{background:linear-gradient(135deg,#00cfff 60%,#07f);color:#fff;border-color:#00cfff;box-shadow:0 0 12px #00cfff,0 2px 8px #034}.c-btn-info:hover:not(:disabled){background:linear-gradient(135deg,#07f 60%,#05a);color:#fff;border-color:#00cfff;box-shadow:0 0 18px #00cfff,0 2px 12px #034}.c-btn-warning{background:linear-gradient(135deg,#ffe066 60%,#ffb300);color:#222;border-color:#ffe066;box-shadow:0 0 12px #ffe066,0 2px 8px #650}.c-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#ffb300 60%,#f80);color:#222;border-color:#ffe066;box-shadow:0 0 18px #ffe066,0 2px 12px #650}.c-btn-large{padding:16px 44px;font-size:22px;border-radius:10px;min-width:140px}@media screen and (max-width: 768px){.c-btn{padding:6px 20px;font-size:14px;min-width:80px;border-radius:6px}.c-btn-small{padding:3px 10px;font-size:12px;min-width:56px;border-radius:4px}.c-btn-large{padding:12px 32px;font-size:18px;min-width:120px;border-radius:8px}}@media screen and (max-width: 480px){.c-btn{padding:5px 16px;font-size:13px;min-width:72px}.c-btn-small{padding:2px 8px;font-size:11px;min-width:48px}.c-btn-large{padding:10px 24px;font-size:16px;min-width:100px}}@media (hover: none) and (pointer: coarse){.c-btn{min-height:44px;min-width:44px}.c-btn-small{min-height:36px;min-width:36px}}.c-progress-bar{width:100%;display:flex;align-items:center;gap:12px;position:relative}.c-progress-bar-track{flex:1;background:#00000080;border-radius:5px;overflow:hidden;border:1.5px solid #00ff99;box-shadow:0 0 8px #0f93;min-width:60px}.c-progress-bar-fill{height:100%;border-radius:4px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #0f9,0 0 2px #0f0}.c-progress-bar-label{color:#0f9;font-size:14px;font-weight:700;text-shadow:0 0 8px #00ff99,0 2px 8px #003300;min-width:40px;text-align:right;letter-spacing:.5px}@media screen and (max-width: 768px){.c-progress-bar{gap:8px}.c-progress-bar-track{border-radius:4px;min-width:50px}.c-progress-bar-fill{border-radius:3px}.c-progress-bar-label{font-size:13px;min-width:35px}}@media screen and (max-width: 480px){.c-progress-bar{gap:6px}.c-progress-bar-track{border-radius:3px;min-width:40px}.c-progress-bar-fill{border-radius:2px}.c-progress-bar-label{font-size:12px;min-width:30px}}.stopwatch_container{height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#000c,#0109);color:#0f0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;min-height:0;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0106,0 4px 16px #00ff001a,inset 0 1px #ffffff0d;border:1px solid rgba(0,255,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.stopwatch_container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.stopwatch_shortcuts{display:flex;justify-content:center;gap:24px;margin-bottom:16px;position:relative;z-index:1}.stopwatch_shortcut_item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#00ff001a,#00ff000d);border:1px solid rgba(0,255,0,.3);border-radius:8px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stopwatch_shortcut_item:hover{background:linear-gradient(135deg,#00ff0026,#00ff001a);border-color:#00ff0080;transform:translateY(-1px);box-shadow:0 4px 12px #0f03}.stopwatch_shortcut_key{background:linear-gradient(135deg,#0f03,#00ff001a);color:#0f0;padding:4px 8px;border-radius:4px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;border:1px solid rgba(0,255,0,.4);text-shadow:0 0 4px rgba(0,255,0,.5);min-width:60px;text-align:center}.stopwatch_shortcut_desc{color:#0c6;font-weight:500;opacity:.9}.stopwatch_timer{height:140px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;font-weight:700;text-shadow:0 0 15px rgba(0,255,0,.6);border:2px solid rgba(0,255,0,.4);border-radius:16px;margin:24px;background:linear-gradient(135deg,#0109,#0206);box-shadow:inset 0 0 30px #00ff001a,0 8px 32px #00ff0026,0 4px 16px #0000004d;position:relative;z-index:1;letter-spacing:2px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.stopwatch_timer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,0,.05) 50%,transparent 70%);border-radius:16px;pointer-events:none}.stopwatch_controls{display:flex;gap:24px;justify-content:center;margin:32px 24px;flex-wrap:wrap;position:relative;z-index:1}.stopwatch_btn{padding:18px 36px;font-size:1.3rem;font-weight:600;border:2px solid rgba(0,255,0,.4);border-radius:12px;cursor:pointer;font-family:inherit;text-transform:uppercase;box-shadow:0 6px 20px #00ff0026;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.8px;position:relative;overflow:hidden;min-width:120px}.stopwatch_btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.stopwatch_btn:hover:before{left:100%}.stopwatch_btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00ff0040}.stopwatch_btn_start{background:linear-gradient(135deg,#0f03,#00ff001a);color:#0f0;border-color:#0f09}.stopwatch_btn_start:hover{background:linear-gradient(135deg,#00ff004d,#0f03);border-color:#0f0;box-shadow:0 8px 25px #00ff004d}.stopwatch_btn_stop{background:linear-gradient(135deg,#f003,#ff00001a);color:#f66;border-color:#f009}.stopwatch_btn_stop:hover{background:linear-gradient(135deg,#ff00004d,#f003);border-color:#f66;box-shadow:0 8px 25px #ff00004d}.stopwatch_btn_pause{background:linear-gradient(135deg,#ff03,#ffff001a);color:#ff6;border-color:#ff09}.stopwatch_btn_pause:hover{background:linear-gradient(135deg,#ffff004d,#ff03);border-color:#ff6;box-shadow:0 8px 25px #ffff004d}.stopwatch_btn_reset{background:linear-gradient(135deg,#f603,#ff66001a);color:#fa6;border-color:#f609}.stopwatch_btn_reset:hover{background:linear-gradient(135deg,#ff66004d,#f603);border-color:#fa6;box-shadow:0 8px 25px #ff66004d}.stopwatch_btn_record{background:linear-gradient(135deg,#0ff3,#00ffff1a);color:#6ff;border-color:#0ff9}.stopwatch_btn_record:hover{background:linear-gradient(135deg,#00ffff4d,#0ff3);border-color:#6ff;box-shadow:0 8px 25px #00ffff4d}.stopwatch_btn_disabled{background:linear-gradient(135deg,#3333334d,#3333);color:#666;cursor:not-allowed;box-shadow:none;border-color:#6666664d}.stopwatch_btn_disabled:hover{transform:none;box-shadow:none}.stopwatch_record_list{flex:1;min-height:0;margin:24px;border:2px solid rgba(0,255,0,.3);border-radius:16px;background:linear-gradient(135deg,#0106,#0203);display:flex;flex-direction:column;box-shadow:0 6px 24px #00ff001a;position:relative;z-index:1}.stopwatch_record_list_title{padding:20px;border-bottom:2px solid rgba(0,255,0,.3);background:linear-gradient(135deg,#0209,#0306);font-weight:600;font-size:1.3rem;flex-shrink:0;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5);letter-spacing:.5px}.stopwatch_record_list_scroll{flex:1;padding:16px;min-height:0;position:relative;z-index:1}.stopwatch_record_list_scroll::-webkit-scrollbar{width:6px}.stopwatch_record_list_scroll::-webkit-scrollbar-track{background:#0011004d;border-radius:3px}.stopwatch_record_list_scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff004d,#00ff001a);border-radius:3px;border:1px solid rgba(0,255,0,.2)}.stopwatch_record_list_scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f06,#0f03)}.stopwatch_record_item{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:8px 0;background:linear-gradient(135deg,#001a0066,#0303);border-radius:10px;border:1px solid rgba(0,51,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff000d}.stopwatch_record_item:hover{border-color:#00ff004d;box-shadow:0 4px 12px #00ff001a;transform:translateY(-1px)}.stopwatch_record_item:nth-child(2n){background:linear-gradient(135deg,#0206,#0403)}.stopwatch_record_index{font-weight:600;font-size:1.1rem;color:#0c6;min-width:40px}.stopwatch_record_time{font-size:1.4rem;font-weight:700;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:1px}.stopwatch_record_timestamp{color:#888;font-size:1rem;opacity:.8;font-weight:500}.stopwatch_record_empty{text-align:center;color:#666;padding:40px;font-style:italic;font-size:1.2rem;opacity:.7}.stopwatch_container,.stopwatch_btn,.stopwatch_timer,.stopwatch_controls,.stopwatch_record_list,.stopwatch_record_list_title,.stopwatch_record_list_scroll,.stopwatch_record_item,.stopwatch_record_index,.stopwatch_record_time,.stopwatch_record_timestamp,.stopwatch_record_empty,button,input,select,.stopwatch_container *{-webkit-user-select:none;user-select:none}@media screen and (max-width: 768px){.stopwatch_container{padding:20px;border-radius:12px}.stopwatch_shortcuts{gap:16px;margin-bottom:12px;flex-wrap:wrap}.stopwatch_shortcut_item{padding:6px 12px;font-size:.85rem}.stopwatch_shortcut_key{padding:3px 6px;min-width:50px;font-size:.8rem}.stopwatch_timer{height:100px;font-size:3rem;margin:16px;border-radius:12px;letter-spacing:1px}.stopwatch_controls{gap:16px;margin:20px 16px}.stopwatch_btn{padding:14px 24px;font-size:1.1rem;border-radius:10px;min-width:100px;letter-spacing:.5px}.stopwatch_record_list{margin:16px;border-radius:12px}.stopwatch_record_list_title{padding:16px;font-size:1.1rem}.stopwatch_record_list_scroll{padding:12px}.stopwatch_record_item{padding:12px;margin:6px 0;border-radius:8px}.stopwatch_record_index{font-size:1rem;min-width:35px}.stopwatch_record_time{font-size:1.2rem}.stopwatch_record_timestamp{font-size:.9rem}.stopwatch_record_empty{padding:30px;font-size:1.1rem}}@media screen and (max-width: 480px){.stopwatch_container{padding:16px;border-radius:8px}.stopwatch_shortcuts{gap:12px;margin-bottom:8px}.stopwatch_shortcut_item{padding:5px 10px;font-size:.8rem}.stopwatch_shortcut_key{padding:2px 5px;min-width:40px;font-size:.75rem}.stopwatch_timer{height:80px;font-size:2.5rem;margin:12px;border-radius:8px}.stopwatch_controls{gap:12px;margin:16px 12px}.stopwatch_btn{padding:12px 20px;font-size:1rem;border-radius:8px;min-width:80px}.stopwatch_record_list{margin:12px;border-radius:8px}.stopwatch_record_list_title{padding:12px;font-size:1rem}.stopwatch_record_list_scroll{padding:8px}.stopwatch_record_item{padding:10px;margin:4px 0;border-radius:6px}.stopwatch_record_index{font-size:.9rem;min-width:30px}.stopwatch_record_time{font-size:1.1rem}.stopwatch_record_timestamp{font-size:.85rem}.stopwatch_record_empty{padding:20px;font-size:1rem}}@media (hover: none) and (pointer: coarse){.stopwatch_btn{min-height:44px;min-width:44px}.stopwatch_shortcut_item{min-height:44px}}.unitconverter_container{background:linear-gradient(135deg,#000c,#0109);color:#0f0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;padding:40px;border-radius:16px;box-shadow:0 8px 32px #0106,0 4px 16px #00ff001a,inset 0 1px #ffffff0d;min-width:400px;width:100%;box-sizing:border-box;border:1px solid rgba(0,255,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.unitconverter_container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.unitconverter_title{color:#0f0;text-shadow:0 0 12px rgba(0,255,0,.6);border-bottom:2px solid rgba(0,255,0,.4);padding-bottom:16px;margin-bottom:32px;font-size:2.2rem;font-weight:700;letter-spacing:.8px;line-height:1.2;position:relative;z-index:1}.unitconverter_title:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#00ff00,transparent)}.unitconverter_form{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.unitconverter_input_group{display:flex;align-items:center;gap:16px;background:#0011004d;padding:20px;border-radius:12px;border:1px solid rgba(0,255,0,.2);box-shadow:0 4px 12px #00ff000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.unitconverter_input_group:hover{border-color:#00ff004d;box-shadow:0 6px 20px #00ff001a;transform:translateY(-2px)}.unitconverter_label{min-width:100px;color:#0f0;font-weight:600;font-size:1.1rem;letter-spacing:.3px}.unitconverter_input{background:linear-gradient(135deg,#000c,#0109);border:2px solid rgba(0,255,0,.3);border-radius:8px;padding:16px 20px;font-size:1.1rem;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;color:#0f0;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff001a;outline:none;letter-spacing:.3px;min-width:120px;text-shadow:0 0 4px rgba(0,255,0,.3)}.unitconverter_input:focus{border-color:#0f0;box-shadow:0 0 0 4px #00ff001a,0 8px 24px #0f03;transform:translateY(-2px);background:linear-gradient(135deg,#000000e6,#001100b3)}.unitconverter_input:hover{border-color:#00ff0080;box-shadow:0 6px 16px #00ff0026;transform:translateY(-1px)}.unitconverter_input[type=number]{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;padding-right:60px;position:relative}.unitconverter_input[type=number]::-webkit-outer-spin-button,.unitconverter_input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;pointer-events:none;display:none}.unitconverter_input[type=number]::-moz-number-spin-up,.unitconverter_input[type=number]::-moz-number-spin-down{display:none}.unitconverter_input[type=number]::-ms-clear,.unitconverter_input[type=number]::-ms-expand{display:none}.unitconverter_btn{background:linear-gradient(135deg,#010c,#0209);color:#0f0;border:1px solid rgba(0,255,0,.4);border-radius:8px;padding:16px 32px;cursor:pointer;font-weight:600;font-size:1.1rem;text-shadow:0 0 8px rgba(0,255,0,.5);margin-top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff001a;letter-spacing:.5px;position:relative;overflow:hidden}.unitconverter_btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s}.unitconverter_btn:hover:before{left:100%}.unitconverter_btn:hover{background:linear-gradient(135deg,#020c,#0309);border-color:#0f0;box-shadow:0 6px 20px #0f03;transform:translateY(-2px)}.unitconverter_result{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:2px solid rgba(0,255,0,.4);border-radius:12px;padding:20px 24px;font-size:1.2rem;font-weight:600;text-shadow:0 0 12px rgba(0,255,0,.6);letter-spacing:.5px;text-align:center;min-width:200px;min-height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00ff0026;position:relative;overflow:hidden;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.unitconverter_result:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.05),transparent);transition:left .6s ease}.unitconverter_result:hover:before{left:100%}.unitconverter_type-selection{display:flex;gap:16px;margin-bottom:32px;background:#0011004d;padding:20px;border-radius:12px;border:1px solid rgba(0,255,0,.2);box-shadow:0 4px 12px #00ff000d}.unitconverter_type-selection button{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff001a;letter-spacing:.3px}.unitconverter_type-selection button:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 4px 12px #00ff0026;transform:translateY(-1px)}.unitconverter_type-selection button.active{background:linear-gradient(135deg,#0f03,#00ff001a);color:#0f0;border-color:#0f0;box-shadow:0 0 0 3px #00ff001a,0 4px 12px #0f03;text-shadow:0 0 10px rgba(0,255,0,.6)}.unitconverter_conversion-area{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;align-items:center}.unitconverter_input-area{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.unitconverter_swap-button-container{margin:8px 0}.unitconverter_swap-button{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:2px solid rgba(0,255,0,.3);border-radius:50px;padding:12px 24px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff001a;letter-spacing:.3px;position:relative;overflow:hidden}.unitconverter_swap-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s}.unitconverter_swap-button:hover:before{left:100%}.unitconverter_swap-button:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 6px 20px #0f03;transform:translateY(-2px) scale(1.05)}.unitconverter_output-area{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.unitconverter_history-container{margin-top:32px;border:2px solid rgba(0,255,0,.3);border-radius:16px;background:linear-gradient(135deg,#0106,#0203);box-shadow:0 8px 24px #00ff001a;overflow:hidden}.unitconverter_history-header{padding:20px 24px;border-bottom:2px solid rgba(0,255,0,.3);background:linear-gradient(135deg,#0209,#0306);font-weight:600;font-size:1.1rem;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.5);display:flex;justify-content:space-between;align-items:center}.unitconverter_clear-history-button{background:linear-gradient(135deg,#f003,#cc00001a);color:#f66;border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff00001a}.unitconverter_clear-history-button:hover{background:linear-gradient(135deg,#ff00004d,#c003);border-color:#ff000080;box-shadow:0 4px 12px #f003;transform:translateY(-1px)}.unitconverter_scroll{padding:16px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,255,0,.3) rgba(0,17,0,.3)}.unitconverter_scroll::-webkit-scrollbar{width:8px}.unitconverter_scroll::-webkit-scrollbar-track{background:#0011004d;border-radius:4px}.unitconverter_scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f09,#0c66);border-radius:4px;border:1px solid rgba(0,255,0,.3)}.unitconverter_scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f0c,#0c69)}.unitconverter_no-history-message{padding:40px 20px;font-size:1rem;opacity:.7;text-align:center;color:#0c6;font-style:italic}.unitconverter_history-record{padding:16px 20px;margin:8px 0;background:linear-gradient(135deg,#0106,#0203);border-radius:12px;border:1px solid rgba(0,255,0,.2);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff000d}.unitconverter_history-record:hover{background:linear-gradient(135deg,#00110080,#0022004d);border-color:#00ff004d;box-shadow:0 4px 12px #00ff001a;transform:translateY(-1px)}.unitconverter_history-record.odd{background:linear-gradient(135deg,#0022004d,#0033001a)}.unitconverter_history-record.odd:hover{background:linear-gradient(135deg,#0206,#0303)}.unitconverter_history-record-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.unitconverter_history-record-input{font-size:1rem;font-weight:600;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.3);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.3px}.unitconverter_history-record-timestamp{color:#0c6;font-size:.85rem;opacity:.8;font-weight:400;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.unitconverter_history-record-type{color:#0c6;font-size:.9rem;opacity:.7;font-weight:400;font-style:italic}.custom-select{position:relative;min-width:220px;z-index:1000}.custom-select-header{background:linear-gradient(135deg,#000c,#0109);border:2px solid rgba(0,255,0,.3);border-radius:8px;padding:16px 20px;font-size:1.1rem;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff001a;outline:none;letter-spacing:.3px;text-shadow:0 0 4px rgba(0,255,0,.3);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;white-space:nowrap}.custom-select-header:hover{border-color:#00ff0080;box-shadow:0 6px 16px #00ff0026;transform:translateY(-1px)}.custom-select-header.open{border-color:#0f0;box-shadow:0 0 0 4px #00ff001a,0 8px 24px #0f03;transform:translateY(-2px);background:linear-gradient(135deg,#000000e6,#001100b3)}.custom-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.custom-select-arrow{transition:transform .3s ease;margin-left:12px;flex-shrink:0}.custom-select-header.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{background:linear-gradient(135deg,#000000f2,#001100e6);border:2px solid rgba(0,255,0,.4);border-radius:8px;box-shadow:0 8px 24px #0f03;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:300px;overflow-y:auto;overflow-x:hidden;margin-top:2px;box-sizing:border-box}.custom-select-option{padding:12px 16px;font-size:1rem;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:#0f0;cursor:pointer;transition:all .2s ease;text-shadow:0 0 4px rgba(0,255,0,.3);border-bottom:1px solid rgba(0,255,0,.1);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:break-word;box-sizing:border-box}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:linear-gradient(135deg,#010c,#0209);color:#0f0;text-shadow:0 0 6px rgba(0,255,0,.5);transform:translate(4px)}.custom-select-option:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0f0;box-shadow:0 0 8px #0f09}.custom-select-option.selected{background:linear-gradient(135deg,#00ff0026,#00cc6614);color:#0f0;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.6);border-left:3px solid #00ff00;box-shadow:inset 0 0 10px #00ff001a}.custom-select-option.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0f0;box-shadow:0 0 8px #0f09}.custom-select-dropdown::-webkit-scrollbar{width:8px}.custom-select-dropdown::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f09,#0c66);border-radius:4px;border:1px solid rgba(0,255,0,.3)}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f0c,#0c69);box-shadow:0 0 8px #0f06}.custom-select-dropdown::-webkit-scrollbar:horizontal{display:none}.custom-number-input{position:relative;display:inline-block;width:200px;max-width:100%;overflow:visible}.custom-number-input .unitconverter_input{padding-right:60px;width:100%;box-sizing:border-box;position:relative;z-index:1}.custom-number-arrows{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:10;width:24px;height:44px;justify-content:center}.custom-number-arrow{width:24px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#000000e6,#001100b3);border:1px solid rgba(0,255,0,.5);border-radius:4px;transition:all .2s ease;box-shadow:0 2px 6px #0f03;position:relative;overflow:hidden;flex-shrink:0;flex:0 0 20px}.custom-number-arrow:hover{background:linear-gradient(135deg,#010c,#0209);border-color:#0f0;box-shadow:0 4px 12px #0f06;transform:scale(1.1)}.custom-number-arrow:active{transform:scale(.95);box-shadow:0 1px 3px #00ff004d}.custom-number-arrow svg{filter:drop-shadow(0 0 2px rgba(0,255,0,.6));transition:filter .2s ease;width:12px;height:12px;flex-shrink:0;display:block}.custom-number-arrow:hover svg{filter:drop-shadow(0 0 4px rgba(0,255,0,.8))}.custom-number-arrow-up{border-radius:4px 4px 2px 2px}.custom-number-arrow-down{border-radius:2px 2px 4px 4px}.custom-number-input:before,.custom-number-input:after,.custom-number-arrows:before,.custom-number-arrows:after,.custom-number-arrow:before,.custom-number-arrow:after{display:none!important}@media screen and (max-width: 768px){.custom-number-input{width:100%}.custom-number-input .unitconverter_input{padding-right:36px}.custom-number-arrows{right:4px;width:20px;height:32px;gap:1px}.custom-number-arrow{width:20px;height:14px;flex:0 0 14px;border-radius:2px}.custom-number-arrow svg{width:8px;height:8px}.custom-number-arrow-up{border-radius:2px 2px 1px 1px}.custom-number-arrow-down{border-radius:1px 1px 2px 2px}}@media screen and (max-width: 480px){.custom-number-input .unitconverter_input{padding-right:32px}.custom-number-arrows{right:2px;width:18px;height:28px;gap:1px}.custom-number-arrow{width:18px;height:12px;flex:0 0 12px}.custom-number-arrow svg{width:6px;height:6px}}@media (hover: none) and (pointer: coarse){.custom-number-arrow{min-height:32px;min-width:32px}}@media screen and (hover: none) and (pointer: coarse) and (max-width: 768px){.custom-number-arrow{min-height:28px;min-width:28px}}@media screen and (hover: none) and (pointer: coarse) and (max-width: 480px){.custom-number-arrow{min-height:24px;min-width:24px}}@media screen and (max-width: 768px){.custom-select-dropdown{max-height:250px;max-width:100vw;left:0!important;right:0!important;width:100%!important;margin:4px 8px;border-radius:6px}.custom-select-option{padding:14px 16px;font-size:16px;min-height:44px;display:flex;align-items:center}}@media screen and (max-width: 480px){.custom-select-dropdown{max-height:200px;margin:2px 4px}.custom-select-option{padding:12px 14px;font-size:14px;min-height:40px}}@media screen and (max-width: 768px){.unitconverter_container{padding:16px;border-radius:12px;min-width:300px}.unitconverter_title{font-size:1.8rem;margin-bottom:20px;padding-bottom:12px}.unitconverter_form{gap:16px}.unitconverter_type-selection{gap:8px;margin-bottom:20px;padding:12px;flex-wrap:wrap}.unitconverter_type-selection button{padding:8px 16px;font-size:.9rem;flex:1;min-width:120px}.unitconverter_input_group{padding:12px;gap:8px}.unitconverter_label{min-width:80px;font-size:1rem}.unitconverter_input{padding:12px 16px;font-size:1rem;min-width:100px}.unitconverter_btn{padding:14px 24px;font-size:1rem;margin-top:20px}.unitconverter_result{padding:16px 20px;font-size:1.1rem;min-width:160px;min-height:50px}.unitconverter_input-area,.unitconverter_output-area{gap:8px;flex-direction:column;align-items:stretch}.unitconverter_swap-button{padding:10px 20px;font-size:.9rem;margin:8px 0}.unitconverter_history-container{margin-top:20px}.unitconverter_history-header{padding:12px 16px;font-size:1rem}.unitconverter_scroll{padding:8px;max-height:200px}.unitconverter_history-record{padding:10px 12px;margin:3px 0}.custom-select{min-width:100%;width:100%}.custom-select-header{padding:12px 16px;font-size:1rem;width:100%;box-sizing:border-box}.custom-select-option{padding:10px 14px;font-size:.9rem}.custom-number-input{width:100%}.unitconverter_conversion-area{gap:16px;margin-bottom:20px}}@media screen and (max-width: 480px){.unitconverter_container{padding:12px;border-radius:8px;min-width:250px}.unitconverter_title{font-size:1.5rem;margin-bottom:16px;padding-bottom:8px}.unitconverter_form{gap:12px}.unitconverter_type-selection{gap:6px;margin-bottom:16px;padding:10px}.unitconverter_type-selection button{padding:6px 12px;font-size:.85rem;flex:1;min-width:100px}.unitconverter_input_group{padding:10px;gap:6px;flex-direction:column;align-items:stretch}.unitconverter_label{min-width:auto;font-size:.9rem;text-align:center}.unitconverter_input{padding:8px 10px;font-size:.9rem;min-width:80px}.unitconverter_btn{padding:10px 16px;font-size:.9rem;margin-top:12px}.unitconverter_result{padding:10px 12px;font-size:.95rem;min-width:100px;min-height:36px}.unitconverter_swap-button{padding:6px 12px;font-size:.85rem;margin:6px 0}.unitconverter_history-container{margin-top:16px}.unitconverter_history-header{padding:10px 12px;font-size:.9rem}.unitconverter_scroll{padding:6px;max-height:150px}.unitconverter_history-record{padding:8px 10px;margin:3px 0}.custom-select{min-width:100%;width:100%}.custom-select-header{padding:8px 10px;font-size:.9rem;width:100%;box-sizing:border-box}.custom-select-option{padding:6px 10px;font-size:.85rem}.custom-number-input{width:100%}.unitconverter_conversion-area{gap:12px;margin-bottom:16px}.unitconverter_input-area,.unitconverter_output-area{gap:6px}}@media (hover: none) and (pointer: coarse){.unitconverter_btn,.unitconverter_swap-button,.unitconverter_clear-history-button{min-height:44px;min-width:44px}.unitconverter_input,.custom-select-header{min-height:44px}.custom-select-option{min-height:44px;display:flex;align-items:center}}@media screen and (hover: none) and (pointer: coarse) and (max-width: 768px){.unitconverter_container{margin:8px;padding:12px}.unitconverter_type-selection{flex-direction:column;gap:6px}.unitconverter_type-selection button{width:100%;min-height:48px}.unitconverter_input-area,.unitconverter_output-area,.custom-number-input,.custom-select{width:100%}.unitconverter_result{width:100%;text-align:center;word-break:break-word}.unitconverter_swap-button{width:100%;max-width:200px;margin:8px auto}}@media screen and (hover: none) and (pointer: coarse) and (max-width: 480px){.unitconverter_container{margin:4px;padding:8px}.unitconverter_type-selection button{min-height:44px;font-size:.9rem}.unitconverter_input,.custom-select-header{min-height:40px;font-size:16px}.unitconverter_result,.unitconverter_swap-button{min-height:44px;font-size:16px}}.video-frame-extractor-container{background:linear-gradient(135deg,#000c,#0109);color:#0f0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;border-radius:16px;box-shadow:0 8px 32px #0106,0 4px 16px #00ff001a,inset 0 1px #ffffff0d;padding:40px;border:1px solid rgba(0,255,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.video-frame-extractor-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,0,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.video-frame-extractor-title{color:#0f0;text-shadow:0 0 12px rgba(0,255,0,.6);font-size:2.2rem;margin-bottom:32px;border-bottom:2px solid rgba(0,255,0,.4);padding-bottom:16px;font-weight:700;letter-spacing:.8px;line-height:1.2;position:relative;z-index:1}.video-frame-extractor-title:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#00ff00,transparent)}.video-frame-extractor-upload{display:flex;align-items:center;gap:20px;margin-bottom:32px;background:#0011004d;padding:24px;border-radius:12px;border:1px solid rgba(0,255,0,.2);box-shadow:0 4px 12px #00ff000d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.video-frame-extractor-upload:hover{border-color:#00ff004d;box-shadow:0 6px 20px #00ff001a;transform:translateY(-2px)}.video-frame-extractor-input{background:#0009;color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:10px 16px;font-size:1rem;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff001a}.video-frame-extractor-input:focus{outline:none;border-color:#0f0;box-shadow:0 0 0 3px #00ff001a,0 4px 12px #0f03;transform:translateY(-1px)}.video-frame-extractor-input::-webkit-file-upload-button,.video-frame-extractor-input::file-selector-button{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:6px;padding:10px 20px;cursor:pointer;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff001a}.video-frame-extractor-input::-webkit-file-upload-button:hover,.video-frame-extractor-input::file-selector-button:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 4px 12px #00ff0026;transform:translateY(-1px)}.video-frame-extractor-upload-tip{color:#0c6;font-size:1rem;margin-left:12px;font-weight:500;opacity:.8}.video-frame-extractor-error{color:#f66;background:linear-gradient(135deg,#ff00001a,#ff00000d);border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:12px 20px;margin-bottom:24px;font-weight:600;box-shadow:0 4px 12px #ff00001a;position:relative;z-index:1}.video-frame-extractor-preview-area{margin-top:32px;position:relative;z-index:1}.video-frame-extractor-main-content{display:flex;gap:32px;margin-top:32px;position:relative;z-index:1;width:100%}.video-frame-extractor-video-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.video-frame-extractor-video-container{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #00ff0026;border:2px solid rgba(0,255,0,.3)}.video-frame-extractor-video{width:100%;height:auto;display:block;border-radius:10px;background:#000;box-shadow:0 4px 16px #0000004d}.video-frame-extractor-overlay{position:absolute;left:0;top:0;right:0;bottom:0;cursor:crosshair;z-index:2;pointer-events:auto;border-radius:10px}.video-frame-extractor-overlay:not(.selecting):not(.dragging){cursor:default}.video-frame-extractor-selection{border-radius:4px}.video-frame-extractor-controls{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0106,#0203);padding:16px 20px;border-radius:12px;border:1px solid rgba(0,255,0,.3);box-shadow:0 4px 12px #00ff001a}.video-frame-extractor-slider{flex:1;height:6px;background:#0f03;border-radius:3px;border:1px solid rgba(0,255,0,.3);box-shadow:inset 0 1px 3px #0000004d;outline:none;cursor:pointer}.video-frame-extractor-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#0f0,#0c6);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;box-shadow:0 0 12px #0f09;transition:all .2s ease}.video-frame-extractor-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px #0f0c}.video-frame-extractor-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#0f0,#0c6);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;box-shadow:0 0 12px #0f09;transition:all .2s ease}.video-frame-extractor-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px #0f0c}.video-frame-extractor-slider::-ms-thumb{width:18px;height:18px;background:linear-gradient(135deg,#0f0,#0c6);border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;box-shadow:0 0 12px #0f09;transition:all .2s ease}.video-frame-extractor-slider::-ms-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px #0f0c}.video-frame-extractor-time-display{color:#0f0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1rem;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5);min-width:120px;text-align:center}.video-frame-extractor-actions-section{width:280px;display:flex;flex-direction:column;gap:24px;flex-shrink:0}.video-frame-extractor-actions{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#0106,#0203);padding:20px;border-radius:12px;border:1px solid rgba(0,255,0,.3);box-shadow:0 4px 12px #00ff001a}.video-frame-extractor-tips-bar{width:100%;background:linear-gradient(90deg,#101c10,#1a2b1a);border-bottom:2px solid #00ff00;box-shadow:0 2px 12px #00ff0014;padding:14px 0 10px;margin-bottom:12px;position:relative;z-index:20}.video-frame-extractor-tips-title{font-size:22px;font-weight:900;color:#0f9;text-shadow:0 0 18px #00ff99,0 2px 12px #003300;letter-spacing:1.2px;margin-bottom:12px;margin-left:24px;line-height:1.2}.video-frame-extractor-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 32px;align-items:flex-start;justify-items:start;max-width:1200px;margin:0 auto;padding:0 24px}.video-frame-extractor-tip{color:#7fff7f;font-size:15px;font-weight:600;text-shadow:0 2px 8px #003300,0 0 2px #00ff00;letter-spacing:.5px;white-space:nowrap;position:relative;padding-left:18px;justify-self:start}.video-frame-extractor-tip strong{font-size:16px;font-weight:800;margin-right:10px;color:#0f9;text-shadow:0 0 10px #00ff99,0 2px 8px #003300;padding-left:0}.video-frame-extractor-tip:not(:first-child):before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#0f9 60%,#0f0);margin-right:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 6px #0f9}.video-frame-extractor-tip:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#0f9 60%,#0f0);margin-right:10px;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 6px #0f9}.video-frame-extractor-tips-title:before{display:none!important;content:none!important}.video-frame-extractor-btn{background:linear-gradient(135deg,#0109,#0206);color:#0f0;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:12px 24px;font-size:1rem;font-family:inherit;font-weight:600;cursor:pointer;text-shadow:0 0 8px rgba(0,255,0,.5);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00ff001a;letter-spacing:.3px;position:relative;overflow:hidden}.video-frame-extractor-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s}.video-frame-extractor-btn:hover:before{left:100%}.video-frame-extractor-btn:hover{background:linear-gradient(135deg,#0209,#0306);border-color:#00ff0080;box-shadow:0 6px 20px #0f03;transform:translateY(-2px)}.video-frame-extractor-btn:disabled{background:#0011004d;color:#063;border-color:#0066334d;cursor:not-allowed;transform:none;box-shadow:none}.video-frame-extractor-btn:disabled:hover{background:#0011004d;border-color:#0066334d;transform:none;box-shadow:none}.video-frame-extractor-btn:disabled:before{display:none}.video-frame-extractor-corner{transition:all .2s ease}.video-frame-extractor-corner:hover{transform:scale(1.2);box-shadow:0 0 12px #0f0!important}.video-frame-extractor-corner:active{transform:scale(.9);box-shadow:0 0 16px #0f0!important}.video-frame-extractor-extract-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:16px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-frame-extractor-extract-title{color:#0f0;font-size:16px;font-weight:600;margin-bottom:12px;text-shadow:0 0 4px rgba(0,255,0,.5)}.video-frame-extractor-mode-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.video-frame-extractor-mode-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;color:#0f0;font-size:14px}.video-frame-extractor-mode-option:hover{background:#00ff001a}.video-frame-extractor-mode-option input[type=radio]{accent-color:#00ff00;width:16px;height:16px}.video-frame-extractor-params{background:#0003;border:1px solid rgba(0,255,0,.2);border-radius:6px;padding:12px;margin-bottom:16px}.video-frame-extractor-param-group{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#0f0}.video-frame-extractor-param-group:last-child{margin-bottom:0}.video-frame-extractor-param-group label{min-width:80px;font-weight:500}.video-frame-extractor-select,.video-frame-extractor-input-number,.video-frame-extractor-input-text{background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:6px 8px;color:#0f0;font-family:SF Mono,monospace;font-size:12px;transition:all .2s ease}.video-frame-extractor-select:focus,.video-frame-extractor-input-number:focus,.video-frame-extractor-input-text:focus{outline:none;border-color:#0f0;box-shadow:0 0 8px #00ff004d}.video-frame-extractor-input-number{width:80px}.video-frame-extractor-input-text{flex:1;min-width:200px}.video-frame-extractor-extract-controls{display:flex;gap:8px;margin-bottom:12px}.video-frame-extractor-btn-primary{background:linear-gradient(135deg,#0f0,#0c0)!important;color:#000!important;font-weight:600!important;box-shadow:0 0 12px #0f06!important}.video-frame-extractor-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0c0,#090)!important;transform:translateY(-1px)!important;box-shadow:0 0 16px #0f09!important}.video-frame-extractor-progress{display:flex;align-items:center;gap:12px;margin-bottom:12px}.video-frame-extractor-progress-bar{flex:1;height:8px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,0,.3)}.video-frame-extractor-progress-fill{height:100%;background:linear-gradient(90deg,#0f0,#0c0);border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #00ff0080}.video-frame-extractor-progress-text{color:#0f0;font-size:12px;font-weight:600;min-width:40px;text-align:center}.video-frame-extractor-stats{background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:6px;padding:8px 12px;text-align:center;color:#0f0;font-size:14px;font-weight:500}.video-frame-extractor-frames-section{background:#0000004d;border:1px solid rgba(0,255,0,.3);border-radius:8px;padding:16px;margin-top:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-frame-extractor-frames-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.video-frame-extractor-frames-title{color:#0f0;font-size:16px;font-weight:600;text-shadow:0 0 4px rgba(0,255,0,.5)}.video-frame-extractor-display-controls{display:flex;gap:4px}.video-frame-extractor-display-btn{background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:6px;color:#0f0;cursor:pointer;transition:all .2s ease}.video-frame-extractor-display-btn:hover{background:#00ff001a;border-color:#0f0}.video-frame-extractor-display-btn.active{background:#0f03;border-color:#0f0;box-shadow:0 0 8px #00ff004d}.video-frame-extractor-batch-toolbar{display:flex;justify-content:space-between;align-items:center;background:#0003;border:1px solid rgba(0,255,0,.2);border-radius:6px;padding:8px 12px;margin-bottom:12px}.video-frame-extractor-batch-info{color:#0f0;font-size:14px;font-weight:500}.video-frame-extractor-batch-actions{display:flex;gap:8px}.video-frame-extractor-btn-small{padding:4px 8px!important;font-size:12px!important}.video-frame-extractor-btn-danger{background:linear-gradient(135deg,#f44,#c00)!important;color:#fff!important}.video-frame-extractor-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c00,#900)!important}.video-frame-extractor-sort-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#0f0;font-size:14px}.video-frame-extractor-sort-btn{background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:4px 8px;color:#0f0;cursor:pointer;transition:all .2s ease;font-size:12px;display:flex;align-items:center;gap:4px}.video-frame-extractor-sort-btn:hover{background:#00ff001a;border-color:#0f0}.video-frame-extractor-sort-btn.active{background:#0f03;border-color:#0f0;box-shadow:0 0 8px #00ff004d}.video-frame-extractor-sort-arrow{font-weight:700;color:#0f0}.video-frame-extractor-frames-container{max-height:400px;overflow-y:auto}.video-frame-extractor-frames-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.video-frame-extractor-frames-container.list{display:flex;flex-direction:column;gap:8px}.video-frame-extractor-frame-item{background:#0003;border:1px solid rgba(0,255,0,.2);border-radius:6px;padding:8px;transition:all .2s ease;position:relative}.video-frame-extractor-frame-item:hover{border-color:#00ff0080;box-shadow:0 0 8px #0f03}.video-frame-extractor-frame-item.selected{border-color:#0f0;background:#00ff001a;box-shadow:0 0 12px #00ff004d}.video-frame-extractor-frame-checkbox{position:absolute;top:8px;left:8px;z-index:2}.video-frame-extractor-frame-checkbox input[type=checkbox]{accent-color:#00ff00;width:16px;height:16px}.video-frame-extractor-frame-thumbnail{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;margin-bottom:8px}.video-frame-extractor-frame-thumbnail img{width:100%;height:auto;display:block;transition:transform .2s ease}.video-frame-extractor-frame-thumbnail:hover img{transform:scale(1.05)}.video-frame-extractor-frame-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#0f0;font-size:12px;font-weight:500}.video-frame-extractor-frame-thumbnail:hover .video-frame-extractor-frame-overlay{opacity:1}.video-frame-extractor-frame-info{margin-bottom:8px}.video-frame-extractor-frame-name{color:#0f0;font-size:12px;font-weight:500;margin-bottom:4px;word-break:break-all}.video-frame-extractor-frame-time{color:#00ff00b3;font-size:11px;font-family:SF Mono,monospace}.video-frame-extractor-frame-rename{display:flex;gap:4px;margin-bottom:4px}.video-frame-extractor-rename-input{flex:1;background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:4px 6px;color:#0f0;font-size:12px;font-family:SF Mono,monospace}.video-frame-extractor-rename-input:focus{outline:none;border-color:#0f0;box-shadow:0 0 4px #00ff004d}.video-frame-extractor-rename-btn{background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:4px 6px;color:#0f0;cursor:pointer;font-size:10px;transition:all .2s ease}.video-frame-extractor-rename-btn:hover{background:#00ff001a;border-color:#0f0}.video-frame-extractor-frame-actions{display:flex;gap:4px;justify-content:flex-end}.video-frame-extractor-frame-btn{background:#00000080;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:4px 6px;color:#0f0;cursor:pointer;font-size:12px;transition:all .2s ease}.video-frame-extractor-frame-btn:hover{background:#00ff001a;border-color:#0f0;transform:scale(1.1)}.video-frame-extractor-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.video-frame-extractor-preview-content{background:#000000e6;border:2px solid rgba(0,255,0,.5);border-radius:12px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 0 30px #00ff004d;margin:0 auto;position:relative;left:0;top:0;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-frame-extractor-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,255,0,.3);background:#00000080}.video-frame-extractor-preview-header h3{color:#0f0;margin:0;font-size:18px;font-weight:600;text-shadow:0 0 4px rgba(0,255,0,.5)}.video-frame-extractor-preview-close{background:none;border:none;color:#0f0;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.video-frame-extractor-preview-close:hover{background:#00ff001a;transform:scale(1.1)}.video-frame-extractor-preview-body{padding:20px;text-align:center}.video-frame-extractor-preview-body img{max-width:100%;max-height:60vh;border-radius:8px;box-shadow:0 0 20px #0f03}.video-frame-extractor-preview-info{margin-top:16px;text-align:left;color:#0f0;font-size:14px}.video-frame-extractor-preview-info p{margin:8px 0}.video-frame-extractor-preview-actions{padding:16px 20px;border-top:1px solid rgba(0,255,0,.3);background:#00000080;text-align:center}@media screen and (max-width: 768px){.video-frame-extractor-container{padding:24px;border-radius:12px}.video-frame-extractor-title{font-size:1.8rem;margin-bottom:24px;padding-bottom:12px}.video-frame-extractor-upload{gap:16px;margin-bottom:24px;padding:20px;flex-direction:column;align-items:stretch}.video-frame-extractor-input{padding:8px 12px;font-size:.9rem}.video-frame-extractor-input::-webkit-file-upload-button,.video-frame-extractor-input::file-selector-button{padding:8px 16px;font-size:.9rem}.video-frame-extractor-upload-tip{font-size:.9rem;margin-left:0;text-align:center}.video-frame-extractor-main-content{flex-direction:column;gap:24px;margin-top:24px}.video-frame-extractor-actions-section{width:100%;gap:20px}.video-frame-extractor-actions{padding:16px;gap:10px}.video-frame-extractor-btn{padding:10px 20px;font-size:.9rem}.video-frame-extractor-controls{padding:12px 16px;gap:12px}.video-frame-extractor-time-display{font-size:.9rem;min-width:100px}.video-frame-extractor-slider::-webkit-slider-thumb,.video-frame-extractor-slider::-moz-range-thumb,.video-frame-extractor-slider::-ms-thumb{width:16px;height:16px}.video-frame-extractor-tips{grid-template-columns:1fr;gap:8px 16px;padding:0 16px}.video-frame-extractor-tip{font-size:14px;padding-left:16px}.video-frame-extractor-tip strong{font-size:15px}.video-frame-extractor-tips-title{font-size:18px;margin-left:16px}.video-frame-extractor-extract-section,.video-frame-extractor-frames-section{padding:12px}.video-frame-extractor-extract-title,.video-frame-extractor-frames-title{font-size:14px}.video-frame-extractor-param-group{font-size:13px}.video-frame-extractor-select,.video-frame-extractor-input-number,.video-frame-extractor-input-text{font-size:11px;padding:4px 6px}.video-frame-extractor-input-number{width:60px}.video-frame-extractor-input-text{min-width:150px}.video-frame-extractor-frames-container.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.video-frame-extractor-preview-content{max-width:95vw;max-height:95vh;margin:10px}.video-frame-extractor-preview-header{padding:12px 16px}.video-frame-extractor-preview-header h3{font-size:16px}.video-frame-extractor-preview-body{padding:16px}.video-frame-extractor-preview-actions{padding:12px 16px}}@media screen and (max-width: 480px){.video-frame-extractor-container{padding:16px;border-radius:8px}.video-frame-extractor-title{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.video-frame-extractor-upload{gap:12px;margin-bottom:20px;padding:16px}.video-frame-extractor-input{padding:6px 10px;font-size:.85rem}.video-frame-extractor-input::-webkit-file-upload-button,.video-frame-extractor-input::file-selector-button{padding:6px 12px;font-size:.85rem}.video-frame-extractor-upload-tip{font-size:.85rem}.video-frame-extractor-main-content{gap:20px;margin-top:20px}.video-frame-extractor-actions-section{gap:16px}.video-frame-extractor-actions{padding:12px;gap:8px}.video-frame-extractor-btn{padding:8px 16px;font-size:.85rem}.video-frame-extractor-controls{padding:10px 12px;gap:8px}.video-frame-extractor-time-display{font-size:.85rem;min-width:80px}.video-frame-extractor-slider::-webkit-slider-thumb,.video-frame-extractor-slider::-moz-range-thumb,.video-frame-extractor-slider::-ms-thumb{width:14px;height:14px}.video-frame-extractor-tips{padding:0 12px}.video-frame-extractor-tip{font-size:13px;padding-left:14px}.video-frame-extractor-tip strong{font-size:14px}.video-frame-extractor-tips-title{font-size:16px;margin-left:12px}.video-frame-extractor-extract-section,.video-frame-extractor-frames-section{padding:10px}.video-frame-extractor-extract-title,.video-frame-extractor-frames-title{font-size:13px}.video-frame-extractor-param-group{font-size:12px}.video-frame-extractor-select,.video-frame-extractor-input-number,.video-frame-extractor-input-text{font-size:10px;padding:3px 5px}.video-frame-extractor-input-number{width:50px}.video-frame-extractor-input-text{min-width:120px}.video-frame-extractor-frames-container.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.video-frame-extractor-preview-content{max-width:98vw;max-height:98vh;margin:5px}.video-frame-extractor-preview-header{padding:10px 12px}.video-frame-extractor-preview-header h3{font-size:14px}.video-frame-extractor-preview-body{padding:12px}.video-frame-extractor-preview-actions{padding:10px 12px}}@media (hover: none) and (pointer: coarse){.video-frame-extractor-btn,.video-frame-extractor-frame-btn,.video-frame-extractor-rename-btn,.video-frame-extractor-display-btn,.video-frame-extractor-sort-btn{min-height:44px;min-width:44px}.video-frame-extractor-input,.video-frame-extractor-select,.video-frame-extractor-input-number,.video-frame-extractor-input-text,.video-frame-extractor-rename-input{min-height:44px}.video-frame-extractor-corner{min-width:44px;min-height:44px}}.image-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto}.image-preview-modal-content{background:#000000f5;border:2px solid #00ff99;border-radius:14px;max-width:92vw;max-height:92vh;min-width:320px;min-height:120px;overflow:auto;box-shadow:0 0 36px #0f9,0 0 12px #030;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;position:relative;left:0;top:0;transform:none}.image-preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px 10px;border-bottom:1px solid #00ff99;width:100%;background:#00000080}.image-preview-modal-header h3{color:#0f9;margin:0;font-size:20px;font-weight:700;text-shadow:0 0 10px #00ff99,0 2px 8px #003300}.image-preview-modal-close{background:none;border:none;color:#0f9;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.image-preview-modal-close:hover{background:#00ff9914;transform:scale(1.1)}.image-preview-modal-body{padding:24px 28px 10px;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-preview-modal-body img{max-width:70vw;max-height:60vh;border-radius:8px;box-shadow:0 0 20px #0f9,0 0 8px #030;background:#111;display:block;margin:0 auto}.image-preview-modal-info{margin-top:18px;text-align:left;color:#0f9;font-size:15px;font-family:SF Mono,monospace}.image-preview-modal-info p{margin:8px 0}.image-preview-modal-actions{padding:16px 28px 18px;border-top:1px solid #00ff99;background:#00000080;width:100%;text-align:center}.image-preview-modal-btn{background:linear-gradient(135deg,#0f9,#0f0);color:#000;font-weight:700;border:none;border-radius:6px;padding:8px 24px;font-size:15px;box-shadow:0 0 12px #0f9;cursor:pointer;transition:all .2s}.image-preview-modal-btn:hover{background:linear-gradient(135deg,#0f0,#0c0);color:#000;transform:translateY(-2px) scale(1.04);box-shadow:0 0 18px #0f9}@media screen and (max-width: 768px){.image-preview-modal-content{max-width:95vw;max-height:95vh;min-width:280px;border-radius:10px}.image-preview-modal-header{padding:14px 20px 8px}.image-preview-modal-header h3{font-size:18px}.image-preview-modal-close{font-size:20px;padding:2px 6px}.image-preview-modal-body{padding:18px 20px 8px}.image-preview-modal-body img{max-width:85vw;max-height:70vh;border-radius:6px}.image-preview-modal-info{margin-top:14px;font-size:14px}.image-preview-modal-actions{padding:12px 20px 14px}.image-preview-modal-btn{padding:6px 18px;font-size:14px;border-radius:5px}}@media screen and (max-width: 480px){.image-preview-modal-content{max-width:98vw;max-height:98vh;min-width:240px;border-radius:8px}.image-preview-modal-header{padding:10px 16px 6px}.image-preview-modal-header h3{font-size:16px}.image-preview-modal-close{font-size:18px;padding:1px 4px}.image-preview-modal-body{padding:14px 16px 6px}.image-preview-modal-body img{max-width:90vw;max-height:75vh;border-radius:4px}.image-preview-modal-info{margin-top:10px;font-size:13px}.image-preview-modal-actions{padding:8px 16px 10px}.image-preview-modal-btn{padding:5px 14px;font-size:13px;border-radius:4px}}@media (hover: none) and (pointer: coarse){.image-preview-modal-close{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.image-preview-modal-btn{min-height:44px;min-width:44px}}.audio-extractor{padding:0;max-width:100%;margin:0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;color:#0f0;background:transparent;position:relative;z-index:1}.audio-extractor .audio-extractor-header{text-align:center;margin-bottom:40px;position:relative}.audio-extractor .audio-extractor-header h2{font-size:2rem;font-weight:700;color:#0f0;margin:0 0 12px;text-shadow:0 0 12px rgba(0,255,0,.6);letter-spacing:1px;position:relative}.audio-extractor .audio-extractor-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,#00ff00,transparent)}.audio-extractor .audio-extractor-header p{font-size:16px;color:#0c6;margin:0;opacity:.9;text-shadow:0 0 8px rgba(0,204,102,.3)}.audio-extractor .audio-extractor-content{display:grid;gap:32px}.audio-extractor .upload-section .upload-area{position:relative;border:2px dashed rgba(0,255,0,.4);border-radius:12px;padding:48px 24px;text-align:center;background:linear-gradient(135deg,#0011004d,#0022001a);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00ff001a,inset 0 1px #ffffff0d}.audio-extractor .upload-section .upload-area:hover{border-color:#0f0;background:linear-gradient(135deg,#0206,#0303);box-shadow:0 0 30px #0f03,inset 0 1px #ffffff1a;transform:translateY(-2px)}.audio-extractor .upload-section .upload-area .file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.audio-extractor .upload-section .upload-area .upload-placeholder .upload-icon{font-size:48px;margin-bottom:20px;opacity:.8;text-shadow:0 0 12px rgba(0,255,0,.4)}.audio-extractor .upload-section .upload-area .upload-placeholder p{margin:0 0 12px;font-size:18px;font-weight:600;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.3)}.audio-extractor .upload-section .upload-area .upload-placeholder p.upload-hint{font-size:14px;color:#0c6;font-weight:400;opacity:.8}.audio-extractor .video-preview{background:linear-gradient(135deg,#0106,#0203);border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00ff001a,inset 0 1px #ffffff0d}.audio-extractor .video-preview h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.4);letter-spacing:.5px}.audio-extractor .video-preview .video-player{width:100%;height:auto;border-radius:8px;margin-bottom:20px;border:1px solid rgba(0,255,0,.2);box-shadow:0 0 15px #00ff001a}.audio-extractor .video-preview .video-info p{margin:6px 0;font-size:14px;color:#0c6;font-family:monospace}.audio-extractor .video-preview .video-info p strong{color:#0f0;font-weight:600}.audio-extractor .format-selection{background:linear-gradient(135deg,#0106,#0203);border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00ff001a,inset 0 1px #ffffff0d}.audio-extractor .format-selection h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.4);letter-spacing:.5px}.audio-extractor .format-selection .format-select{width:100%;padding:12px 16px;border:1.5px solid rgba(0,255,0,.4);border-radius:8px;background:linear-gradient(135deg,#0109,#0022004d);font-size:16px;color:#0f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:monospace;text-shadow:0 0 4px rgba(0,255,0,.3);box-shadow:0 0 10px #00ff001a}.audio-extractor .format-selection .format-select:hover:not(:disabled){border-color:#0f0;background:linear-gradient(135deg,#002200b3,#0306);box-shadow:0 0 15px #0f03}.audio-extractor .format-selection .format-select:focus{outline:none;border-color:#0f0;box-shadow:0 0 20px #00ff004d}.audio-extractor .format-selection .format-select:disabled{background:#0011004d;color:#666;cursor:not-allowed;opacity:.6}.audio-extractor .format-selection .format-select option{background:#010;color:#0f0;padding:8px}.audio-extractor .format-selection .format-description{margin:16px 0 0;font-size:14px;color:#0c6;line-height:1.5;opacity:.9}.audio-extractor .action-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.audio-extractor .action-buttons .extract-button{flex:1;min-width:140px;background:linear-gradient(135deg,#0f9,#0f0);border:1.5px solid #00ff00;color:#000;font-weight:700;padding:14px 28px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:monospace;font-size:16px;letter-spacing:.5px;text-shadow:none;box-shadow:0 0 20px #0f96,0 4px 16px #0033004d}.audio-extractor .action-buttons .extract-button:hover:not(:disabled){background:linear-gradient(135deg,#0f0,#0c0);box-shadow:0 0 30px #0f99,0 6px 20px #0306;transform:translateY(-2px) scale(1.02)}.audio-extractor .action-buttons .extract-button:disabled{background:linear-gradient(135deg,#333,#222);color:#666;border-color:#444;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.audio-extractor .action-buttons .download-button{background:linear-gradient(135deg,#00cfff,#07f);border:1.5px solid #00cfff;color:#fff;font-weight:700;padding:14px 28px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:monospace;font-size:16px;letter-spacing:.5px;text-shadow:none;box-shadow:0 0 20px #00cfff66,0 4px 16px #0033444d}.audio-extractor .action-buttons .download-button:hover:not(:disabled){background:linear-gradient(135deg,#07f,#05a);box-shadow:0 0 30px #00cfff99,0 6px 20px #0346;transform:translateY(-2px) scale(1.02)}.audio-extractor .action-buttons .download-button:disabled{background:linear-gradient(135deg,#333,#222);color:#666;border-color:#444;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.audio-extractor .action-buttons .reset-button{background:linear-gradient(135deg,#666,#444);border:1.5px solid #666;color:#fff;font-weight:600;padding:14px 28px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:monospace;font-size:16px;letter-spacing:.5px;text-shadow:none;box-shadow:0 0 15px #6666664d,0 4px 16px #0000004d}.audio-extractor .action-buttons .reset-button:hover:not(:disabled){background:linear-gradient(135deg,#555,#333);box-shadow:0 0 20px #6666,0 6px 20px #0006;transform:translateY(-2px) scale(1.02)}.audio-extractor .progress-section{background:linear-gradient(135deg,#0106,#0203);border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00ff001a,inset 0 1px #ffffff0d}.audio-extractor .progress-section .progress-text{text-align:center;margin-top:16px;font-size:16px;color:#0f0;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.4);letter-spacing:.5px}.audio-extractor .error-message{background:linear-gradient(135deg,#ff44441a,#cc00000d);border:1px solid rgba(255,68,68,.4);color:#f44;padding:20px;border-radius:8px;font-size:14px;line-height:1.5;font-family:monospace;text-shadow:0 0 8px rgba(255,68,68,.3);box-shadow:0 0 15px #ff44441a}.audio-extractor .audio-preview{background:linear-gradient(135deg,#0206,#0303);border:1px solid rgba(0,255,0,.4);border-radius:12px;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 25px #00ff0026,inset 0 1px #ffffff0d}.audio-extractor .audio-preview h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.4);letter-spacing:.5px}.audio-extractor .audio-preview .audio-player{width:100%;height:48px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(0,255,0,.3);box-shadow:0 0 15px #00ff001a;background:#0011004d}.audio-extractor .audio-preview .audio-info p{margin:6px 0;font-size:14px;color:#0c6;font-family:monospace}.audio-extractor .audio-preview .audio-info p strong{color:#0f0;font-weight:600}.audio-extractor .usage-tips{background:linear-gradient(135deg,#0106,#0203);border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:28px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00ff001a,inset 0 1px #ffffff0d}.audio-extractor .usage-tips h3{margin:0 0 24px;font-size:20px;font-weight:700;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.4);letter-spacing:.5px}.audio-extractor .usage-tips ul{margin:0;padding:0 0 0 24px;list-style:none}.audio-extractor .usage-tips ul li{position:relative;margin:16px 0;padding-left:24px;font-size:15px;color:#0c6;line-height:1.6;font-family:monospace}.audio-extractor .usage-tips ul li:before{content:"▶";position:absolute;left:0;top:0;color:#0f0;font-weight:700;text-shadow:0 0 8px rgba(0,255,0,.4)}@media screen and (max-width: 768px){.audio-extractor{padding:0}.audio-extractor .audio-extractor-header{margin-bottom:32px}.audio-extractor .audio-extractor-header h2{font-size:1.75rem}.audio-extractor .audio-extractor-header p{font-size:14px}.audio-extractor .upload-section .upload-area{padding:36px 20px}.audio-extractor .upload-section .upload-area .upload-placeholder .upload-icon{font-size:36px}.audio-extractor .upload-section .upload-area .upload-placeholder p{font-size:16px}.audio-extractor .upload-section .upload-area .upload-placeholder p.upload-hint{font-size:13px}.audio-extractor .action-buttons{flex-direction:column;gap:12px}.audio-extractor .action-buttons .extract-button,.audio-extractor .action-buttons .download-button,.audio-extractor .action-buttons .reset-button{width:100%;min-width:auto}.audio-extractor .usage-tips{padding:24px}.audio-extractor .usage-tips h3{font-size:18px}.audio-extractor .usage-tips ul li{font-size:14px;margin:12px 0}}@media screen and (max-width: 480px){.audio-extractor .audio-extractor-header h2{font-size:1.5rem}.audio-extractor .upload-section .upload-area{padding:28px 16px}.audio-extractor .usage-tips{padding:20px}.audio-extractor .usage-tips h3{font-size:16px}.audio-extractor .usage-tips ul li{font-size:13px;margin:10px 0}}@media (hover: none) and (pointer: coarse){.action-buttons .extract-button,.action-buttons .download-button,.action-buttons .reset-button{min-height:48px}}.news-hot-list{padding-bottom:64px}.news-hot-list{background:linear-gradient(135deg,#000,#010 30%,#000);border-radius:12px;box-shadow:0 0 24px #00ff0014,0 2px 8px #00ff000a;padding:24px 20px 32px;color:#0f0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;border:1.5px solid rgba(0,255,0,.18);position:relative}.news-hot-list .news-hot-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.news-hot-list .news-hot-list-header .news-hot-list-title{font-size:20px;font-weight:700;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.4)}.news-hot-list .news-hot-list-header .news-hot-list-refresh{background:linear-gradient(90deg,#0f0,#0c6);color:#000;border:none;border-radius:6px;padding:5px 18px;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 0 8px #00ff002e;transition:background .2s}.news-hot-list .news-hot-list-header .news-hot-list-refresh:hover{background:linear-gradient(90deg,#0c6,#0f0);color:#000}.news-hot-list .news-hot-list-body{display:flex;flex-direction:column;gap:18px}.news-hot-list .news-hot-list-item{display:flex;align-items:stretch;height:auto;min-height:unset;max-height:unset;overflow:visible;word-break:break-all;white-space:normal;padding:16px 20px;background:#00ff0008;box-shadow:0 2px 8px #00ff000a;transition:box-shadow .2s;border-bottom:1px solid rgba(0,255,153,.1);cursor:pointer;transition:all .3s ease;background:#0000004d;margin-bottom:8px;border-radius:8px;border:1px solid rgba(0,255,153,.1)}.news-hot-list .news-hot-list-item:hover{background:#00ff990d;border-color:#00ff994d;transform:translateY(-2px);box-shadow:0 4px 12px #0f93}.news-hot-list .news-hot-list-item .news-hot-list-info{flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box;overflow:visible;word-break:break-all;white-space:normal;display:flex;flex-direction:column;justify-content:flex-start}.news-hot-list .news-hot-list-item .news-hot-list-info .news-hot-list-title-row{font-size:16px;font-weight:600;margin-bottom:6px;color:#0f9;text-shadow:0 0 6px rgba(0,255,153,.2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;white-space:normal;overflow:visible}.news-hot-list .news-hot-list-item .news-hot-list-info .news-hot-list-summary{display:flex;word-break:break-all;white-space:normal;overflow:visible;color:#0c6;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;flex:1}.news-hot-list .news-hot-list-item .news-hot-list-info .news-hot-list-meta{font-size:12px;color:#00ffb0;display:flex;justify-content:space-between;align-items:center}.news-hot-list .news-hot-list-item .news-hot-list-info .news-hot-list-meta .news-hot-list-source{margin-left:10px;padding:2px 6px;background:#00ff991a;border-radius:4px;border:1px solid rgba(0,255,153,.2)}.news-hot-list .news-hot-list-modal-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal{background:linear-gradient(135deg,#000,#010 30%,#000);border-radius:12px;padding:32px 28px;min-width:480px;max-width:720px;max-height:90vh;overflow-y:auto;border:1.5px solid rgba(0,255,0,.18);box-shadow:0 0 32px #00ff002e}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-header{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;margin-bottom:16px;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.3)}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-header button{background:none;border:none;color:#0f0;font-size:18px;cursor:pointer;font-weight:600;padding:2px 10px;border-radius:4px;transition:background .2s}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-header button:hover{background:#00ff0014}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content{color:#0f9;line-height:1.6}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content img{width:100%;max-width:600px;height:auto;border-radius:8px;margin-bottom:16px;border:1px solid rgba(0,255,153,.2);box-shadow:0 4px 12px #00ff991a}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content .news-hot-list-modal-meta{margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,255,153,.2);font-size:14px;color:#00ffb0;display:flex;justify-content:space-between}.news-hot-list .news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content .news-content{font-size:16px;margin-bottom:16px;color:#00ffb0;line-height:1.6}.news-hot-list-link{margin-left:12px;color:#0f9;font-size:13px;text-decoration:underline;transition:color .2s}.news-hot-list-link:hover{color:#0fc;text-shadow:0 0 6px #00ffcc}.news-hot-list-item,.news-hot-list-info,.news-hot-list-summary{overflow:visible!important}@media screen and (max-width: 768px){.news-hot-list{padding:16px 12px;border-radius:8px}.news-hot-list-header{margin-bottom:12px}.news-hot-list-header .news-hot-list-title{font-size:18px}.news-hot-list-item{padding:12px 16px;margin-bottom:12px;flex-direction:column}.news-hot-list-item .news-hot-list-img,.news-hot-list-item .news-hot-list-fallback{width:100%!important;height:120px!important;margin-right:0!important;margin-bottom:12px}.news-hot-list-item .news-hot-list-info{width:100%}.news-hot-list-item .news-hot-list-info .news-hot-list-title-row{font-size:15px;margin-bottom:8px}.news-hot-list-item .news-hot-list-info .news-hot-list-summary{font-size:13px;margin-bottom:8px}.news-hot-list-item .news-hot-list-info .news-hot-list-meta{font-size:11px;flex-direction:column;align-items:flex-start;gap:4px}.news-hot-list-item .news-hot-list-info .news-hot-list-meta .news-hot-list-source{margin-left:0}.news-hot-list-modal-mask .news-hot-list-modal{min-width:90vw;max-width:90vw;margin:20px;padding:20px}.news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-header{font-size:18px;margin-bottom:12px}.news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content,.news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content .news-content{font-size:14px}}@media screen and (max-width: 480px){.news-hot-list{padding:12px 8px}.news-hot-list-header .news-hot-list-title{font-size:16px}.news-hot-list-item{padding:10px 12px}.news-hot-list-item .news-hot-list-img,.news-hot-list-item .news-hot-list-fallback{height:100px!important}.news-hot-list-item .news-hot-list-info .news-hot-list-title-row{font-size:14px}.news-hot-list-item .news-hot-list-info .news-hot-list-summary{font-size:12px}.news-hot-list-item .news-hot-list-info .news-hot-list-meta{font-size:10px}.news-hot-list-modal-mask .news-hot-list-modal{margin:10px;padding:16px}.news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-header{font-size:16px}.news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content,.news-hot-list-modal-mask .news-hot-list-modal .news-hot-list-modal-content .news-content{font-size:13px}}.blog .module-section{background:linear-gradient(135deg,#000000d9,#001400b3);border:1px solid rgba(0,255,153,.25);border-radius:10px;box-shadow:0 4px 20px #00ff9914,0 0 0 1px #00ff990d,inset 0 1px #00ff991a;margin-bottom:24px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog .module-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.blog .module-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#00ff9914,#00ff9905);border-bottom:1px solid rgba(0,255,153,.15);position:relative;z-index:1}.blog .module-section .section-header h3,.blog .module-section .section-header h4{margin:0;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.4);display:flex;align-items:center;gap:8px}.blog .module-section .section-header h3:before,.blog .module-section .section-header h4:before{content:"";width:4px;height:18px;background:linear-gradient(to bottom,#0f9,#0c7);border-radius:2px;box-shadow:0 0 8px #00ff9980}.blog .module-section .section-header .section-actions{display:flex;gap:8px;align-items:center}.blog .module-section .section-content{padding:24px;position:relative;z-index:1}.blog .module-section.module-info{border-color:#00ff994d}.blog .module-section.module-info .section-header{background:linear-gradient(135deg,#00ff991f,#00ff990a)}.blog .module-section.module-editor{border-color:#00ff9959;min-height:500px}.blog .module-section.module-editor .section-header{background:linear-gradient(135deg,#00ff9926,#00ff990d)}.blog .module-section.module-list .section-content{padding:0}.blog .stats-card,.blog .stat-card{background:linear-gradient(135deg,#000000e6,#001900b3);border:1px solid rgba(0,255,153,.2);border-radius:8px;padding:20px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.blog .stats-card:before,.blog .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(0,255,153,.05) 0%,transparent 70%);pointer-events:none}.blog .stats-card:hover,.blog .stat-card:hover{border-color:#0f96;box-shadow:0 8px 25px #00ff9926;transform:translateY(-2px)}.blog .stats-card .stats-number,.blog .stats-card .stat-number,.blog .stat-card .stats-number,.blog .stat-card .stat-number{font-size:28px;font-weight:700;color:#0f9;text-shadow:0 0 12px rgba(0,255,153,.6);margin-bottom:8px;position:relative;z-index:1}.blog .stats-card .stats-label,.blog .stats-card .stat-label,.blog .stat-card .stats-label,.blog .stat-card .stat-label{font-size:14px;color:#0f9c;font-weight:500;position:relative;z-index:1}.blog .stats-card .stat-icon,.blog .stat-card .stat-icon{font-size:24px;margin-bottom:12px;filter:grayscale(.3) sepia(.3) hue-rotate(90deg)}.blog .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.blog .header-stats,.blog .last-update{color:#0f9c;font-size:13px;margin-right:16px}.blog .chart-container{display:flex;gap:8px;align-items:end;height:200px;padding:20px;background:#0011004d;border-radius:8px;border:1px solid rgba(0,255,153,.1)}.blog .chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.blog .chart-bar .bar{background:linear-gradient(to top,#0f9,#0c7);border-radius:4px 4px 0 0;min-height:4px;width:100%;transition:all .3s ease;box-shadow:0 0 8px #00ff994d}.blog .chart-bar .bar:hover{box-shadow:0 0 12px #0f99;filter:brightness(1.2)}.blog .chart-bar .bar-label{margin-top:8px;color:#0f9c;font-size:12px;font-weight:500}.blog .category-stats{display:flex;flex-direction:column;gap:16px}.blog .category-stat{padding:16px;background:#0011004d;border-radius:8px;border:1px solid rgba(0,255,153,.1)}.blog .category-stat .category-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.blog .category-stat .category-info .category-name{color:#0f9;font-weight:600}.blog .category-stat .category-info .category-count{color:#0f9c;font-size:14px}.blog .category-stat .category-bar{height:8px;background:#00000080;border-radius:4px;overflow:hidden}.blog .category-stat .category-bar .bar-fill{height:100%;background:linear-gradient(to right,#0f9,#0c7);border-radius:4px;transition:width .6s ease;box-shadow:0 0 8px #0f96}.blog .tags-cloud{display:flex;flex-wrap:wrap;gap:12px;padding:20px;background:#0011004d;border-radius:8px;border:1px solid rgba(0,255,153,.1)}.blog .tags-cloud .tag-item{padding:8px 16px;background:linear-gradient(135deg,#00ff991a,#00cc770d);border:1px solid rgba(0,255,153,.2);border-radius:20px;color:#0f9;font-weight:500;transition:all .3s ease;cursor:pointer}.blog .tags-cloud .tag-item:hover{background:linear-gradient(135deg,#0f93,#00cc771a);border-color:#0f96;box-shadow:0 4px 12px #00ff9926;transform:translateY(-2px)}.blog .form-group{margin-bottom:20px}.blog .form-group label{display:block;margin-bottom:8px;color:#0f9;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.blog .form-group .form-input,.blog .form-group .form-textarea,.blog .form-group .form-select{width:100%;padding:12px 16px;border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;color:#0f9;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.blog .form-group .form-input:focus,.blog .form-group .form-textarea:focus,.blog .form-group .form-select:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 3px #00ff9926,0 4px 12px #0f93}.blog .form-group .form-input::placeholder,.blog .form-group .form-textarea::placeholder,.blog .form-group .form-select::placeholder{color:#00ff9980}.blog .form-group .form-textarea{resize:vertical;min-height:120px;font-family:Monaco,Menlo,Consolas,monospace}@media screen and (max-width: 768px){.blog .module-section{margin-bottom:20px;border-radius:8px}.blog .module-section .section-header{padding:16px 20px}.blog .module-section .section-header h3,.blog .module-section .section-header h4{font-size:15px}.blog .module-section .section-content{padding:20px}.blog .stats-card{padding:16px}.blog .stats-card .stats-number{font-size:24px}.blog .stats-card .stats-label{font-size:13px}}@media screen and (max-width: 480px){.blog .module-section{margin-bottom:16px;border-radius:6px}.blog .module-section .section-header{padding:14px 16px}.blog .module-section .section-header h3,.blog .module-section .section-header h4{font-size:14px}.blog .module-section .section-content{padding:16px}.blog .stats-card{padding:14px}.blog .stats-card .stats-number{font-size:20px}.blog .stats-card .stats-label{font-size:12px}}.page_container.article-detail-view{margin-left:0;padding-top:20px}.page_container.article-detail-view .page_content_area{max-width:none;width:100%;padding:40px 5vw;margin:0}.page_container.article-detail-view .page_content_area .article-detail{max-width:none;width:100%;margin:0}@media screen and (max-width: 768px){.page_container.article-detail-view{padding-top:90px}.page_container.article-detail-view .page_content_area{padding:20px 3vw}}@media screen and (max-width: 480px){.page_container.article-detail-view{padding-top:90px}.page_container.article-detail-view .page_content_area{padding:16px 2vw}}.blog-section{background:linear-gradient(135deg,#000c,#0109);border:1px solid rgba(0,255,0,.2);border-radius:8px;box-shadow:0 4px 12px #00ff001a;padding:20px;margin-bottom:20px;position:relative;overflow:hidden}.blog-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,0,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.blog-section *{position:relative;z-index:1}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#000c,#0109);border:1px solid rgba(0,255,0,.2);border-radius:8px;box-shadow:0 4px 12px #00ff000d}.blog-header .header-info h3{margin:0;color:#0f0;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,0,.3)}.blog-card{background:linear-gradient(135deg,#000c,#0109);border:1px solid rgba(0,255,0,.2);border-radius:8px;padding:20px;margin-bottom:15px;transition:all .2s ease;box-shadow:0 4px 12px #00ff000d;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(0,255,0,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.blog-card:hover{border-color:#0f06;box-shadow:0 6px 20px #00ff0026;transform:translateY(-2px)}.blog-card *{position:relative;z-index:1}.btn{padding:8px 16px;border:1px solid rgba(0,255,0,.3);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #00ff001a;position:relative;z-index:1}.btn.btn-primary{background:linear-gradient(135deg,#010c,#0209);color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.5)}.btn.btn-primary:hover{background:linear-gradient(135deg,#020c,#0309);border-color:#0f0;box-shadow:0 4px 12px #0f03;transform:translateY(-1px)}.btn.btn-secondary{background:linear-gradient(135deg,#000c,#0109);color:#0f0;text-shadow:0 0 4px rgba(0,255,0,.3)}.btn.btn-secondary:hover{background:linear-gradient(135deg,#010c,#0209);border-color:#00ff0080;box-shadow:0 4px 12px #00ff0026;transform:translateY(-1px)}.btn.btn-danger{background:linear-gradient(135deg,#f003,#cc00001a);color:#f66;border-color:#ff00004d}.btn.btn-danger:hover{background:linear-gradient(135deg,#ff00004d,#c003);border-color:#ff000080;box-shadow:0 4px 12px #f003;transform:translateY(-1px)}.btn.btn-warning{background:linear-gradient(135deg,#ffa50033,#cc84001a);color:#fa5;border-color:#ffa5004d}.btn.btn-warning:hover{background:linear-gradient(135deg,#ffa5004d,#cc840033);border-color:#ffa50080;box-shadow:0 4px 12px #ffa50033;transform:translateY(-1px)}.btn.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#0f0;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,0,.3)}.form-group .form-input,.form-group .form-textarea,.form-group .form-select{width:100%;padding:10px 12px;border:1px solid rgba(0,255,0,.3);border-radius:6px;background:#0009;color:#0f0;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #00ff001a}.form-group .form-input:focus,.form-group .form-textarea:focus,.form-group .form-select:focus{outline:none;border-color:#0f0;box-shadow:0 0 0 3px #00ff001a,0 4px 12px #0f03}.form-group .form-input::placeholder,.form-group .form-textarea::placeholder,.form-group .form-select::placeholder{color:#0f09}.form-group .form-textarea{resize:vertical;min-height:80px}.blog-title{color:#0f0;font-weight:600;text-shadow:0 0 8px rgba(0,255,0,.5)}.blog-text-primary{color:#0f0;text-shadow:0 0 4px rgba(0,255,0,.3)}.blog-text-secondary{color:#0f0c}.blog-text-muted{color:#0f09}.empty-state{text-align:center;padding:60px 20px;color:#0f09}.empty-state p{margin:0;font-size:16px}@media screen and (max-width: 768px){.blog-section{padding:15px;margin-bottom:15px}.blog-header{padding:12px 15px;flex-direction:column;align-items:flex-start;gap:10px}.blog-card{padding:15px;margin-bottom:10px}}@media screen and (max-width: 480px){.blog-section{padding:12px;margin-bottom:12px}.blog-header{padding:10px 12px}.blog-card{padding:12px;margin-bottom:8px}}.c-select{position:relative;display:inline-block;min-width:200px;z-index:99999}.c-select.small{min-width:150px}.c-select.small .c-select-header{padding:8px 12px;font-size:13px}.c-select.large{min-width:250px}.c-select.large .c-select-header{padding:18px 24px;font-size:16px}.c-select.disabled{opacity:.6;pointer-events:none}.c-select-header{background:linear-gradient(135deg,#000c,#0109);border:2px solid rgba(0,255,153,.3);border-radius:8px;padding:12px 16px;font-size:14px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00ff991a;outline:none;letter-spacing:.3px;text-shadow:0 0 4px rgba(0,255,153,.3);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.c-select-header:hover:not(.disabled){border-color:#00ff9980;box-shadow:0 6px 16px #00ff9926;transform:translateY(-1px)}.c-select-header.open{border-color:#0f9;box-shadow:0 0 0 4px #00ff991a,0 8px 24px #0f93;transform:translateY(-2px);background:linear-gradient(135deg,#000000e6,#001100b3)}.c-select-header.disabled{background:#00000080;border-color:#00ff991a;color:#0f96;cursor:not-allowed}.c-select-header.disabled:hover{transform:none;box-shadow:0 4px 12px #00ff990d}.c-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.c-select-arrow{transition:transform .3s ease;margin-left:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.c-select-arrow svg{filter:drop-shadow(0 0 2px rgba(0,255,153,.4));transition:filter .3s ease}.c-select-header.open .c-select-arrow{transform:rotate(180deg)}.c-select-header.open .c-select-arrow svg{filter:drop-shadow(0 0 4px rgba(0,255,153,.6))}.c-select-dropdown{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#000000f2,#001100e6);border:2px solid rgba(0,255,153,.4);border-radius:8px;box-shadow:0 8px 24px #0f93;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:300px;overflow-y:auto;overflow-x:hidden;margin-top:4px;box-sizing:border-box;z-index:999999}.c-select-dropdown::-webkit-scrollbar{width:8px}.c-select-dropdown::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.c-select-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0f99,#0c76);border-radius:4px;border:1px solid rgba(0,255,153,.3)}.c-select-dropdown::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0f9c,#0c79);box-shadow:0 0 8px #0f96}.c-select-dropdown::-webkit-scrollbar:horizontal{display:none}.c-select-option{padding:12px 16px;font-size:14px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:#0f9;cursor:pointer;transition:all .2s ease;text-shadow:0 0 4px rgba(0,255,153,.3);border-bottom:1px solid rgba(0,255,153,.1);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:break-word;box-sizing:border-box}.c-select-option:last-child{border-bottom:none}.c-select-option:hover:not(.disabled){background:linear-gradient(135deg,#010c,#0209);color:#0f9;text-shadow:0 0 6px rgba(0,255,153,.5);transform:translate(4px)}.c-select-option:hover:not(.disabled):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0f9;box-shadow:0 0 8px #0f99}.c-select-option.selected{background:linear-gradient(135deg,#00ff9926,#00cc7714);color:#0f9;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.6);border-left:3px solid #00ff99;box-shadow:inset 0 0 10px #00ff991a}.c-select-option.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0f9;box-shadow:0 0 8px #0f99}.c-select-option.disabled{opacity:.5;cursor:not-allowed}.c-select-option.disabled:hover{background:none;transform:none;text-shadow:0 0 4px rgba(0,255,153,.3)}@media screen and (max-width: 768px){.c-select{min-width:100%;width:100%}.c-select.small,.c-select.large{min-width:100%}.c-select-header{padding:14px 16px;font-size:14px;width:100%;box-sizing:border-box}.c-select-dropdown{max-height:250px;max-width:100vw;left:0!important;right:0!important;width:100%!important;margin:4px 0;border-radius:6px}.c-select-option{padding:14px 16px;font-size:14px;min-height:44px;display:flex;align-items:center}}@media screen and (max-width: 480px){.c-select-header{padding:12px 14px;font-size:13px}.c-select-dropdown{max-height:200px;margin:2px 0}.c-select-option{padding:12px 14px;font-size:13px;min-height:40px}}@media (hover: none) and (pointer: coarse){.c-select-header,.c-select-option{min-height:44px;display:flex;align-items:center}}@media screen and (hover: none) and (pointer: coarse) and (max-width: 768px){.c-select-header,.c-select-option{min-height:48px}}@media screen and (hover: none) and (pointer: coarse) and (max-width: 480px){.c-select-header,.c-select-option{min-height:44px;font-size:16px}}.module-section{background:linear-gradient(135deg,#000000d9,#001400b3);border:1px solid rgba(0,255,153,.25);border-radius:10px;box-shadow:0 4px 20px #00ff9914,0 0 0 1px #00ff990d,inset 0 1px #00ff991a;margin-bottom:24px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.module-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.module-section:hover{border-color:#00ff9959;box-shadow:0 6px 25px #00ff991f,0 0 0 1px #00ff9914,inset 0 1px #00ff9926;transform:translateY(-1px)}.module-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#00ff9914,#00ff9905);border-bottom:1px solid rgba(0,255,153,.15);position:relative;z-index:1}.module-section .section-header .header-left{display:flex;align-items:center;gap:12px;flex:1}.module-section .section-header h4{margin:0;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.4);display:flex;align-items:center;gap:8px}.module-section .section-header h4:before{content:"";width:4px;height:18px;background:linear-gradient(to bottom,#0f9,#0c7);border-radius:2px;box-shadow:0 0 8px #00ff9980;flex-shrink:0}.module-section .section-header .header-extra{color:#0f9c;font-size:13px;margin-left:8px}.module-section .section-header .section-actions{display:flex;gap:8px;align-items:center;z-index:2}.module-section .section-content{padding:24px;position:relative;z-index:1}.module-section .section-content.no-padding{padding:0}.module-section.module-info{border-color:#00ff994d}.module-section.module-info .section-header{background:linear-gradient(135deg,#00ff991f,#00ff990a)}.module-section.module-editor{border-color:#00ff9959;min-height:500px}.module-section.module-editor .section-header{background:linear-gradient(135deg,#00ff9926,#00ff990d)}.module-section.module-list .section-content{padding:0}.module-section.module-data{border-color:#00ff9947}.module-section.module-data .section-header{background:linear-gradient(135deg,#00ff991a,#00ff9908)}.module-section.module-settings{border-color:#00ff9952}.module-section.module-settings .section-header{background:linear-gradient(135deg,#00ff9924,#00ff990d)}.module-section.compact{margin-bottom:16px}.module-section.compact .section-header{padding:14px 20px}.module-section.compact .section-header h4{font-size:15px}.module-section.compact .section-header h4:before{width:3px;height:16px}.module-section.compact .section-content{padding:20px}@media screen and (max-width: 768px){.module-section{margin-bottom:20px;border-radius:8px}.module-section .section-header{padding:16px 20px}.module-section .section-header h4{font-size:15px}.module-section .section-header h4:before{width:3px;height:16px}.module-section .section-header .header-extra{font-size:12px}.module-section .section-content{padding:20px}.module-section.compact .section-header{padding:12px 16px}.module-section.compact .section-header h4{font-size:14px}.module-section.compact .section-content{padding:16px}}@media screen and (max-width: 480px){.module-section{margin-bottom:16px;border-radius:6px}.module-section .section-header{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}.module-section .section-header .header-left{width:100%;justify-content:flex-start}.module-section .section-header .section-actions{width:100%;justify-content:flex-end}.module-section .section-header h4{font-size:14px;text-align:left;justify-content:flex-start;width:100%}.module-section .section-header h4:before{width:3px;height:14px}.module-section .section-content{padding:16px}}.module-section .form-group{margin-bottom:20px}.module-section .form-group label{display:block;margin-bottom:8px;color:#0f9;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.module-section .form-group .form-input,.module-section .form-group .form-textarea,.module-section .form-group .form-select{width:100%;padding:12px 16px;border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;color:#0f9;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.module-section .form-group .form-input:focus,.module-section .form-group .form-textarea:focus,.module-section .form-group .form-select:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 3px #00ff9926,0 4px 12px #0f93}.module-section .form-group .form-input::placeholder,.module-section .form-group .form-textarea::placeholder,.module-section .form-group .form-select::placeholder{color:#00ff9980}.module-section .form-group .form-textarea{resize:vertical;min-height:120px;font-family:Monaco,Menlo,Consolas,monospace}.module-section .empty-state{text-align:center;padding:60px 20px;color:#0f99}.module-section .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.module-section .empty-state p{margin:0;font-size:16px;line-height:1.5}.module-section .empty-state .empty-action{margin-top:20px}.module-section .list-item{padding:16px 20px;border-bottom:1px solid rgba(0,255,153,.1);transition:all .2s ease}.module-section .list-item:last-child{border-bottom:none}.module-section .list-item:hover{background:#00ff990d}.module-section .list-item .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.module-section .list-item .item-header .item-title{color:#0f9;font-weight:600;font-size:15px;margin:0}.module-section .list-item .item-header .item-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.module-section .list-item:hover .item-actions{opacity:1}.module-section .list-item .item-meta{color:#00ff99b3;font-size:13px;margin-bottom:8px}.module-section .list-item .item-content{color:#0f9c;font-size:14px;line-height:1.5}.module-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.module-section .stat-card{background:linear-gradient(135deg,#000000e6,#001900b3);border:1px solid rgba(0,255,153,.2);border-radius:8px;padding:20px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.module-section .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(0,255,153,.05) 0%,transparent 70%);pointer-events:none}.module-section .stat-card:hover{border-color:#0f96;box-shadow:0 8px 25px #00ff9926;transform:translateY(-2px)}.module-section .stat-card .stat-icon{font-size:24px;margin-bottom:12px;filter:grayscale(.3) sepia(.3) hue-rotate(90deg);position:relative;z-index:1}.module-section .stat-card .stat-number{font-size:28px;font-weight:700;color:#0f9;text-shadow:0 0 12px rgba(0,255,153,.6);margin-bottom:8px;position:relative;z-index:1}.module-section .stat-card .stat-label{font-size:14px;color:#0f9c;font-weight:500;position:relative;z-index:1}.category-manager .category-list .category-group{margin-bottom:0}.category-manager .category-list .category-card{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,153,.1);transition:all .2s ease}.category-manager .category-list .category-card:last-child{border-bottom:none}.category-manager .category-list .category-card:hover{background:#00ff990d}.category-manager .category-list .category-card.child-category{margin-left:30px;padding-left:30px;background:#00ff9905}.category-manager .category-list .category-card.child-category:hover{background:#00ff9914}.category-manager .category-list .category-card.child-category h5{margin:0 0 5px;color:#0f9;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.category-manager .category-list .category-card .category-info{flex:1}.category-manager .category-list .category-card .category-info .category-main{margin-bottom:10px}.category-manager .category-list .category-card .category-info .category-main h4{margin:0 0 5px;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.5)}.category-manager .category-list .category-card .category-info .category-main .category-desc{margin:0;color:#0f9c;font-size:14px;line-height:1.4}.category-manager .category-list .category-card .category-info .category-stats{display:flex;gap:20px}.category-manager .category-list .category-card .category-info .category-stats .article-count{color:#0f9;font-size:13px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.category-manager .category-list .category-card .category-info .category-stats .create-time{color:#0f99;font-size:13px}.category-manager .category-list .category-card .category-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.category-manager .category-list .category-card:hover .category-actions{opacity:1}.category-manager .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media screen and (max-width: 768px){.category-manager .category-card{flex-direction:column;align-items:flex-start;gap:15px;padding:16px 20px}.category-manager .category-card .category-actions{width:100%;justify-content:flex-end;opacity:1}.category-manager .category-card.child-category{margin-left:20px;padding-left:20px}}@media screen and (max-width: 480px){.category-manager .form-actions{flex-direction:column}.category-manager .form-actions .btn{width:100%}.category-manager .category-card{padding:14px 16px}.category-manager .category-card .category-stats{flex-direction:column;gap:5px}.category-manager .category-card .category-actions{flex-direction:column;gap:8px}.category-manager .category-card .category-actions .btn{width:100%}.category-manager .category-card.child-category{margin-left:15px;padding-left:15px}}.article-editor{height:100%;display:flex;flex-direction:column}.article-editor .editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#000c,#0109);border:1px solid rgba(0,255,0,.2);border-radius:8px;box-shadow:0 4px 12px #00ff000d;margin-bottom:20px}.article-editor .editor-toolbar .toolbar-left .editor-stats{display:flex;gap:15px}.article-editor .editor-toolbar .toolbar-left .editor-stats .word-count{color:#0f0;font-size:13px;font-weight:500;text-shadow:0 0 4px rgba(0,255,0,.3)}.article-editor .editor-toolbar .toolbar-left .editor-stats .last-save{color:#0f09;font-size:13px}.article-editor .editor-toolbar .toolbar-right{display:flex;gap:10px}.article-editor .editor-toolbar .toolbar-right .btn.active{background:var(--primary-color);color:var(--bg-color)}.article-editor .editor-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.article-editor .editor-content .editor-form{flex:1;display:flex;flex-direction:column;gap:25px}.article-editor .editor-content .editor-form .article-info-section,.article-editor .editor-content .editor-form .content-editor-section{background:linear-gradient(135deg,#000000d9,#001400b3);border:1px solid rgba(0,255,153,.25);border-radius:10px;box-shadow:0 4px 20px #00ff9914,0 0 0 1px #00ff990d,inset 0 1px #00ff991a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.article-editor .editor-content .editor-form .article-info-section:before,.article-editor .editor-content .editor-form .content-editor-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.article-editor .editor-content .editor-form .article-info-section .section-header,.article-editor .editor-content .editor-form .content-editor-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#00ff9914,#00ff9905);border-bottom:1px solid rgba(0,255,153,.15);position:relative;z-index:1}.article-editor .editor-content .editor-form .article-info-section .section-header h4,.article-editor .editor-content .editor-form .content-editor-section .section-header h4{margin:0;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.4);display:flex;align-items:center;gap:8px}.article-editor .editor-content .editor-form .article-info-section .section-header h4:before,.article-editor .editor-content .editor-form .content-editor-section .section-header h4:before{content:"";width:4px;height:18px;background:linear-gradient(to bottom,#0f9,#0c7);border-radius:2px;box-shadow:0 0 8px #00ff9980}.article-editor .editor-content .editor-form .article-info-section .section-header .editor-tips span,.article-editor .editor-content .editor-form .content-editor-section .section-header .editor-tips span{color:#0f9c;font-size:12px}.article-editor .editor-content .editor-form .article-info-section .section-content,.article-editor .editor-content .editor-form .content-editor-section .section-content{padding:24px;position:relative;z-index:1}.article-editor .editor-content .editor-form .article-info-section{border-color:#00ff994d}.article-editor .editor-content .editor-form .article-info-section .section-header{background:linear-gradient(135deg,#00ff991f,#00ff990a)}.article-editor .editor-content .editor-form .article-info-section .form-meta{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:flex-start}@media screen and (max-width: 768px){.article-editor .editor-content .editor-form .article-info-section .form-meta{grid-template-columns:1fr}}.article-editor .editor-content .editor-form .article-info-section .tags-suggestions{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.article-editor .editor-content .editor-form .article-info-section .tags-suggestions .suggestions-label{color:var(--text-secondary);font-size:12px;margin-right:8px}.article-editor .editor-content .editor-form .content-editor-section{border-color:#00ff9959;min-height:500px;flex:1;display:flex;flex-direction:column}.article-editor .editor-content .editor-form .content-editor-section .section-header{background:linear-gradient(135deg,#00ff9926,#00ff990d)}.article-editor .editor-content .editor-form .content-editor-section .section-content,.article-editor .editor-content .editor-form .content-editor-section .section-content .form-group{flex:1;display:flex;flex-direction:column}.article-editor .editor-content .editor-form .content-editor-section .section-content .form-group .content-editor{flex:1;min-height:400px}.article-editor .editor-content .editor-form .form-group{margin-bottom:20px}.article-editor .editor-content .editor-form .form-group .title-input{width:100%;padding:12px 16px;border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;color:#0f9;font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.article-editor .editor-content .editor-form .form-group .title-input:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 3px #00ff9926,0 4px 12px #0f93}.article-editor .editor-content .editor-form .form-group .title-input::placeholder{color:#00ff9980}.article-editor .editor-content .editor-form .form-group label{display:block;margin-bottom:8px;color:#0f9;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.article-editor .editor-content .editor-form .form-group .form-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;min-width:200px}.article-editor .editor-content .editor-form .form-group .form-select:focus{outline:none;border-color:var(--primary-color)}.article-editor .editor-content .editor-form .form-group .content-editor{width:100%;flex:1;min-height:400px;padding:0;border:none;background:transparent;color:#0f9;font-size:15px;line-height:1.6;resize:none;font-family:Monaco,Menlo,Consolas,monospace}.article-editor .editor-content .editor-form .form-group .content-editor:focus{outline:none}.article-editor .editor-content .editor-form .form-group .content-editor::placeholder{color:#00ff9980}.article-editor .editor-content .editor-form .form-meta{display:flex;gap:30px;align-items:flex-start}.article-editor .editor-content .editor-form .form-meta .tags-group{flex:1}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper{border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;padding:8px}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper:focus-within{border-color:#0f9;box-shadow:0 0 0 3px #00ff9926}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list .tag-item{display:inline-flex;align-items:center;background:linear-gradient(135deg,#0f9c,#0c7c);color:#000000e6;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list .tag-item .tag-remove{background:none;border:none;color:inherit;margin-left:4px;cursor:pointer;font-size:14px}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list .tag-item .tag-remove:hover{color:#ff4757}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list .tag-input{border:none;background:transparent;color:#0f9;font-size:14px;min-width:100px;flex:1}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list .tag-input:focus{outline:none}.article-editor .editor-content .editor-form .form-meta .tags-group .tags-input-wrapper .tags-list .tag-input::placeholder{color:#00ff9980}.article-editor .editor-content .editor-form .form-meta .tags-group .tag-suggestion{background:linear-gradient(135deg,#00ff991a,#00cc770d);border:1px solid rgba(0,255,153,.2);color:#0f9;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-right:6px;margin-bottom:6px}.article-editor .editor-content .editor-form .form-meta .tags-group .tag-suggestion:hover{background:linear-gradient(135deg,#0f93,#00cc771a);border-color:#0f96;box-shadow:0 4px 12px #00ff9926;transform:translateY(-2px)}.article-editor .editor-content .editor-preview{flex:1;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow-y:auto}.article-editor .editor-content .editor-preview .preview-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.article-editor .editor-content .editor-preview .preview-header .preview-title{margin:0 0 15px;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.3}.article-editor .editor-content .editor-preview .preview-header .preview-meta{display:flex;gap:20px;align-items:center}.article-editor .editor-content .editor-preview .preview-header .preview-meta .preview-category{color:var(--text-secondary);font-size:14px}.article-editor .editor-content .editor-preview .preview-header .preview-meta .preview-tags{display:flex;gap:6px;align-items:center;font-size:14px;color:var(--text-secondary)}.article-editor .editor-content .editor-preview .preview-header .preview-meta .preview-tags .preview-tag{background:var(--primary-color);color:var(--bg-color);padding:2px 6px;border-radius:3px;font-size:12px}.article-editor .editor-content .editor-preview .preview-content{color:var(--text-primary);font-size:16px;line-height:1.8}.article-editor .editor-content .editor-preview .preview-content p{margin-bottom:16px}.article-editor .editor-content .editor-preview .preview-content strong{font-weight:600;color:var(--primary-color)}.article-editor .editor-content .editor-preview .preview-content em{font-style:italic;color:var(--text-secondary)}.article-editor .editor-content .editor-preview .preview-content code{background:var(--bg-color);color:var(--primary-color);padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:14px}@media screen and (max-width: 768px){.article-editor .editor-toolbar{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.article-editor .editor-toolbar .toolbar-right{width:100%}.article-editor .editor-toolbar .toolbar-right .btn{flex:1}.article-editor .editor-content .editor-form{gap:20px}.article-editor .editor-content .editor-form .article-info-section .section-header,.article-editor .editor-content .editor-form .content-editor-section .section-header{padding:12px 15px}.article-editor .editor-content .editor-form .article-info-section .section-header h4,.article-editor .editor-content .editor-form .content-editor-section .section-header h4{font-size:13px}.article-editor .editor-content .editor-form .article-info-section .section-content,.article-editor .editor-content .editor-form .content-editor-section .section-content{padding:15px}.article-editor .editor-content .editor-form .form-group .title-input{font-size:15px;padding:10px 12px}.article-editor .editor-content .editor-form .form-group .content-editor{min-height:300px;font-size:14px}.article-editor .editor-content .editor-preview{padding:15px}.article-editor .editor-content .editor-preview .preview-header .preview-title{font-size:24px}.article-editor .editor-content .editor-preview .preview-header .preview-meta{flex-direction:column;align-items:flex-start;gap:10px}.article-editor .editor-content .editor-preview .preview-content{font-size:15px}}@media screen and (max-width: 480px){.article-editor .editor-content .editor-form .form-group .title-input{font-size:18px}.article-editor .editor-content .editor-form .form-group .content-editor{min-height:250px;padding:15px}.article-editor .editor-content .editor-preview{padding:10px}.article-editor .editor-content .editor-preview .preview-header .preview-title{font-size:20px}.article-editor .editor-content .editor-preview .preview-content{font-size:14px}}.c-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.c-modal{background:#000000fa;border:2px solid #00ff99;border-radius:16px;min-width:800px;max-width:96vw;min-height:120px;max-height:92vh;overflow:auto;box-shadow:0 0 36px #0f9,0 0 12px #030;display:flex;flex-direction:column;align-items:stretch;margin:auto;position:relative}.c-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px 12px;border-bottom:1.5px solid #00ff99;background:#00000080}.c-modal-title{color:#0f9;font-size:22px;font-weight:800;text-shadow:0 0 12px #00ff99,0 2px 12px #003300;letter-spacing:1.2px}.c-modal-close{background:none;border:none;color:#0f9;font-size:24px;cursor:pointer;padding:4px 10px;border-radius:4px;transition:all .2s}.c-modal-close:hover{background:#00ff9914;transform:scale(1.1)}.c-modal-body{padding:28px 32px 18px;color:#7fff7f;font-size:16px;min-height:60px;word-break:break-word}.c-modal-footer{padding:18px 32px 22px;border-top:1.5px solid #00ff99;background:#00000080;text-align:right}@media screen and (max-width: 768px){.c-modal{min-width:90vw;max-width:90vw;margin:20px;border-radius:12px}.c-modal-header{padding:16px 20px 8px}.c-modal-title{font-size:18px}.c-modal-close{font-size:20px;padding:2px 8px}.c-modal-body{padding:20px 20px 12px;font-size:14px}.c-modal-footer{padding:12px 20px 16px}}@media screen and (max-width: 480px){.c-modal{min-width:95vw;max-width:95vw;margin:10px;border-radius:8px}.c-modal-header{padding:12px 16px 6px}.c-modal-title{font-size:16px}.c-modal-close{font-size:18px;padding:1px 6px}.c-modal-body{padding:16px 16px 8px;font-size:13px}.c-modal-footer{padding:8px 16px 12px}}.article-edit-modal .modal-content{width:90vw;min-width:800px;max-width:none;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.article-editor-modal{display:flex;flex-direction:column;height:100%;min-height:600px}.article-editor-modal .editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(0,255,153,.2);flex-shrink:0}.article-editor-modal .editor-header .editor-stats{display:flex;gap:16px;color:#0f9c;font-size:13px}.article-editor-modal .editor-header .editor-stats .word-count,.article-editor-modal .editor-header .editor-stats .last-save{padding:4px 8px;background:#00ff991a;border-radius:4px;border:1px solid rgba(0,255,153,.2)}.article-editor-modal .editor-header .editor-actions{display:flex;gap:8px}.article-editor-modal .editor-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.article-editor-modal .editor-content .editor-form{flex:1;overflow-y:auto;padding:20px 0}.article-editor-modal .editor-content .editor-form .form-section{margin-bottom:24px}.article-editor-modal .editor-content .editor-form .form-section h5{color:#0f9;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,153,.2);text-shadow:0 0 4px rgba(0,255,153,.3)}.article-editor-modal .editor-content .editor-form .form-section h5:before{content:"";width:3px;height:16px;background:linear-gradient(to bottom,#0f9,#0c7);border-radius:2px;display:inline-block;margin-right:8px;vertical-align:middle;box-shadow:0 0 6px #0f96}.article-editor-modal .editor-content .editor-form .form-section .form-grid{margin-bottom:24px}.article-editor-modal .editor-content .editor-form .form-section .form-group{margin-bottom:20px}.article-editor-modal .editor-content .editor-form .form-section .form-group label{display:block;margin-bottom:8px;color:#0f9;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.article-editor-modal .editor-content .editor-form .form-section .form-group .form-input{width:100%;padding:12px 16px;border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;color:#0f9;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.article-editor-modal .editor-content .editor-form .form-section .form-group .form-input:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 3px #00ff9926,0 4px 12px #0f93}.article-editor-modal .editor-content .editor-form .form-section .form-group .form-input::placeholder{color:#00ff9980}.article-editor-modal .editor-content .editor-form .form-section .form-group .content-editor{width:100%;min-height:500px;padding:20px;border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;color:#0f9;font-size:15px;font-family:Monaco,Menlo,Consolas,monospace;line-height:1.6;resize:vertical;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.article-editor-modal .editor-content .editor-form .form-section .form-group .content-editor:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 3px #00ff9926,0 4px 12px #0f93}.article-editor-modal .editor-content .editor-form .form-section .form-group .content-editor::placeholder{color:#00ff9980}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container{border:1px solid rgba(0,255,153,.25);border-radius:8px;background:#0009;padding:8px;min-height:60px;transition:all .3s ease}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container:focus-within{border-color:#0f9;box-shadow:0 0 0 3px #00ff9926,0 4px 12px #0f93}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container .tags-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container .tags-display .tag-item{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(135deg,#0f93,#00cc771a);border:1px solid rgba(0,255,153,.3);border-radius:16px;color:#0f9;font-size:12px;font-weight:500}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container .tags-display .tag-item .tag-remove{background:none;border:none;color:#0f9c;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:all .2s ease}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container .tags-display .tag-item .tag-remove:hover{background:#ffffff1a;color:#ff6b6b}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container .tag-input{width:100%;border:none;background:transparent;color:#0f9;font-size:14px;outline:none}.article-editor-modal .editor-content .editor-form .form-section .tags-input-container .tag-input::placeholder{color:#00ff9980}.article-editor-modal .editor-content .preview-content{flex:1;overflow-y:auto;padding:20px;background:#0000004d;border-radius:8px;margin:20px 0}.article-editor-modal .editor-content .preview-content h2{color:#0f9;font-size:24px;font-weight:600;margin:0 0 16px;text-shadow:0 0 8px rgba(0,255,153,.4)}.article-editor-modal .editor-content .preview-content .article-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,153,.2)}.article-editor-modal .editor-content .preview-content .article-meta span{color:#0f9c;font-size:13px;padding:4px 8px;background:#00ff991a;border-radius:4px;border:1px solid rgba(0,255,153,.2)}.article-editor-modal .editor-content .preview-content .article-content{color:#00ff99e6;font-size:15px;line-height:1.8}.article-editor-modal .editor-content .preview-content .article-content strong{color:#0f9;font-weight:600}.article-editor-modal .editor-content .preview-content .article-content em{color:#0f9c;font-style:italic}.article-editor-modal .editor-content .preview-content .article-content code{background:#00ff991a;border:1px solid rgba(0,255,153,.2);border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;color:#0f9}@media screen and (max-width: 768px){.article-edit-modal .modal-content{width:95vw;min-width:95vw;max-height:95vh}.article-editor-modal .editor-header{flex-direction:column;gap:12px;align-items:flex-start}.article-editor-modal .editor-header .editor-actions{width:100%;justify-content:flex-end}}@media screen and (max-width: 480px){.article-edit-modal .modal-content{width:98vw;min-width:98vw}.article-editor-modal .editor-header .editor-stats{flex-direction:column;gap:8px;width:100%}.article-editor-modal .editor-header .editor-stats .word-count,.article-editor-modal .editor-header .editor-stats .last-save{font-size:12px}.article-editor-modal .editor-header .editor-actions{flex-wrap:wrap;gap:6px}.article-editor-modal .editor-header .editor-actions .btn{flex:1;min-width:80px}.article-editor-modal .editor-content .editor-form .form-section .form-group .content-editor{min-height:300px;font-size:13px}}.article-list .article-header-actions{display:flex;align-items:center;gap:12px}.article-list .article-header-actions .search-input-wrapper{position:relative;display:flex;align-items:center}.article-list .article-header-actions .search-input-wrapper .search-icon{position:absolute;left:12px;color:#0f99;font-size:14px;z-index:1;pointer-events:none}.article-list .article-header-actions .search-input-wrapper .search-input{padding:8px 12px 8px 36px;border:1px solid rgba(0,255,153,.25);border-radius:6px;background:#0009;color:#0f9;font-size:13px;min-width:200px;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.article-list .article-header-actions .search-input-wrapper .search-input:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 2px #00ff9926,0 4px 12px #0f93;min-width:250px}.article-list .article-header-actions .search-input-wrapper .search-input::placeholder{color:#00ff9980}.article-list .filter-controls{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.article-list .filter-controls .filter-left{flex:1;max-width:300px}.article-list .filter-controls .filter-right{flex:2}.article-list .filter-controls .sort-controls{display:flex;align-items:flex-end;gap:12px}.article-list .filter-controls .sort-controls label{color:#0f9;font-size:14px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3);white-space:nowrap;margin-bottom:0;line-height:36px}.article-list .filter-controls .sort-controls .sort-buttons{display:flex;gap:8px;flex-wrap:wrap}.article-list .filter-controls .sort-controls .sort-buttons .btn{transition:all .2s ease}.article-list .filter-controls .sort-controls .sort-buttons .btn.btn-primary{box-shadow:0 0 8px #0f96}.article-list .filter-controls .sort-controls .sort-buttons .btn:hover{transform:translateY(-1px)}.article-list .articles-container .list-controls{padding:16px 20px;border-bottom:1px solid rgba(0,255,153,.1);background:#00ff9905}.article-list .articles-container .list-controls .select-all{display:flex;align-items:center;gap:8px;color:#0f9;font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.article-list .articles-container .list-controls .select-all input[type=checkbox]{accent-color:#00ff99;transform:scale(1.1)}.article-list .articles-container .list-controls .select-all:hover{color:#0f9c}.article-list .articles-container .articles-list .blog-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid rgba(0,255,153,.1);transition:all .2s ease}.article-list .articles-container .articles-list .blog-card:last-child{border-bottom:none}.article-list .articles-container .articles-list .blog-card:hover{background:#00ff990d}.article-list .articles-container .articles-list .blog-card.topped{background:#00ff9914;border-left:3px solid #00ff99}.article-list .articles-container .articles-list .blog-card .article-select{flex-shrink:0;padding-top:4px}.article-list .articles-container .articles-list .blog-card .article-select input[type=checkbox]{accent-color:#00ff99;transform:scale(1.1)}.article-list .articles-container .articles-list .blog-card .article-content{flex:1;min-width:0}.article-list .articles-container .articles-list .blog-card .article-content .article-header{margin-bottom:12px}.article-list .articles-container .articles-list .blog-card .article-content .article-header .blog-title{margin:0 0 8px;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.4);display:flex;align-items:center;gap:8px}.article-list .articles-container .articles-list .blog-card .article-content .article-header .blog-title.clickable{cursor:pointer;transition:all .3s ease}.article-list .articles-container .articles-list .blog-card .article-content .article-header .blog-title.clickable:hover{color:#0f9;text-shadow:0 0 12px rgba(0,255,153,.6);transform:translateY(-1px)}.article-list .articles-container .articles-list .blog-card .article-content .article-header .blog-title .top-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-shadow:none;box-shadow:0 2px 4px #ff6b354d}.article-list .articles-container .articles-list .blog-card .article-content .article-header .article-meta{display:flex;gap:16px;flex-wrap:wrap}.article-list .articles-container .articles-list .blog-card .article-content .article-header .article-meta span{font-size:13px}.article-list .articles-container .articles-list .blog-card .article-content .article-header .article-meta span.publish-date{color:#0f9;font-weight:500}.article-list .articles-container .articles-list .blog-card .article-content .article-header .article-meta span.category{color:#0f9c}.article-list .articles-container .articles-list .blog-card .article-content .article-header .article-meta span.stats{color:#0f99}.article-list .articles-container .articles-list .blog-card .article-content .article-summary{color:#0f9c;font-size:14px;line-height:1.5;margin-bottom:12px}.article-list .articles-container .articles-list .blog-card .article-content .article-tags{display:flex;gap:6px;flex-wrap:wrap}.article-list .articles-container .articles-list .blog-card .article-content .article-tags .tag{background:linear-gradient(135deg,#00ff991a,#00cc770d);color:#0f9;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;border:1px solid rgba(0,255,153,.2)}.article-list .articles-container .articles-list .blog-card .article-actions{flex-shrink:0;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s ease}.article-list .articles-container .articles-list .blog-card .article-actions .btn{min-width:80px}.article-list .articles-container .articles-list .blog-card:hover .article-actions{opacity:1}.article-list .pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border-top:1px solid rgba(0,255,153,.1);background:#00ff9905}.article-list .pagination .page-btn{padding:8px 16px;border:1px solid rgba(0,255,153,.25);border-radius:6px;background:#0009;color:#0f9;font-size:14px;cursor:pointer;transition:all .2s ease}.article-list .pagination .page-btn:hover:not(:disabled){background:#00ff991a;border-color:#0f9}.article-list .pagination .page-btn:disabled{opacity:.5;cursor:not-allowed}.article-list .pagination .page-numbers{display:flex;gap:4px}.article-list .pagination .page-numbers .page-number{padding:8px 12px;border:1px solid rgba(0,255,153,.25);border-radius:6px;background:#0009;color:#0f9;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.article-list .pagination .page-numbers .page-number:hover{background:#00ff991a;border-color:#0f9}.article-list .pagination .page-numbers .page-number.active{background:linear-gradient(135deg,#0f93,#00cc771a);border-color:#0f9;box-shadow:0 0 8px #00ff994d}.article-list .pagination .page-info{color:#0f9c;font-size:13px;margin-left:16px}@media screen and (max-width: 768px){.article-list .article-header-actions{flex-direction:column;align-items:stretch;gap:12px}.article-list .article-header-actions .search-input-wrapper .search-input{min-width:100%}.article-list .article-header-actions .search-input-wrapper .search-input:focus{min-width:100%}.article-list .filter-controls{flex-direction:column;align-items:stretch;gap:16px}.article-list .filter-controls .filter-left{max-width:none}.article-list .filter-controls .sort-controls .sort-buttons{gap:6px}.article-list .filter-controls .sort-controls .sort-buttons .btn{font-size:13px;padding:6px 12px}.article-list .articles-container .articles-list .blog-card{flex-direction:column;gap:12px}.article-list .articles-container .articles-list .blog-card .article-actions{flex-direction:row;opacity:1}.article-list .articles-container .articles-list .blog-card .article-actions .btn{min-width:auto;flex:1}.article-list .pagination{flex-wrap:wrap;gap:8px}.article-list .pagination .page-info{width:100%;text-align:center;margin-left:0;margin-top:8px}}@media screen and (max-width: 480px){.article-list .filter-controls .sort-controls .sort-buttons{flex-direction:column;gap:6px}.article-list .filter-controls .sort-controls .sort-buttons .btn{width:100%}.article-list .articles-container .list-controls{padding:12px 16px}.article-list .articles-container .articles-list .blog-card{padding:16px}.article-list .articles-container .articles-list .blog-card .article-header .article-meta{flex-direction:column;gap:4px}.article-list .articles-container .articles-list .blog-card .article-actions{flex-direction:column;gap:6px}.article-list .pagination .page-numbers .page-number{padding:6px 8px;min-width:32px;font-size:13px}.article-list .pagination .page-btn{padding:6px 12px;font-size:13px}}.article-detail .article-actions{display:flex;gap:8px}.article-detail .article-header .article-title{font-size:28px;font-weight:700;color:#0f9;margin:0 0 24px;text-shadow:0 0 8px rgba(0,255,153,.4);line-height:1.3}.article-detail .article-header .article-meta{display:flex;flex-direction:column;gap:12px}.article-detail .article-header .article-meta .meta-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.article-detail .article-header .article-meta .meta-row:last-child{align-items:flex-start}.article-detail .article-header .article-meta .meta-item{display:flex;align-items:center;gap:4px;font-size:14px}.article-detail .article-header .article-meta .meta-item .meta-label{color:#00ff99b3;font-weight:500}.article-detail .article-header .article-meta .meta-item .meta-value{color:#0f9;font-weight:600}.article-detail .article-header .article-meta .meta-item .category-tag{background:#00ff9926;color:#0f9;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.article-detail .article-header .article-meta .meta-item .top-badge{background:linear-gradient(135deg,#ff6b35,#ff8e53);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.article-detail .article-header .article-meta .tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-left:4px}.article-detail .article-header .article-meta .tags-list .tag-item{background:#00ff991a;color:#00ff99e6;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:500;border:1px solid rgba(0,255,153,.2);transition:all .2s ease}.article-detail .article-header .article-meta .tags-list .tag-item:hover{background:#00ff9926;border-color:#00ff994d}.article-detail .article-content-section .section-content{padding:0}.article-detail .article-content-section .article-content .content-body{padding:32px;font-size:16px;line-height:1.8;color:#00ff99e6}.article-detail .article-content-section .article-content .content-body h1,.article-detail .article-content-section .article-content .content-body h2,.article-detail .article-content-section .article-content .content-body h3,.article-detail .article-content-section .article-content .content-body h4,.article-detail .article-content-section .article-content .content-body h5,.article-detail .article-content-section .article-content .content-body h6{color:#0f9;margin:32px 0 16px;font-weight:600;text-shadow:0 0 4px rgba(0,255,153,.3)}.article-detail .article-content-section .article-content .content-body h1:first-child,.article-detail .article-content-section .article-content .content-body h2:first-child,.article-detail .article-content-section .article-content .content-body h3:first-child,.article-detail .article-content-section .article-content .content-body h4:first-child,.article-detail .article-content-section .article-content .content-body h5:first-child,.article-detail .article-content-section .article-content .content-body h6:first-child{margin-top:0}.article-detail .article-content-section .article-content .content-body h1{font-size:24px;border-bottom:2px solid rgba(0,255,153,.3);padding-bottom:8px}.article-detail .article-content-section .article-content .content-body h2{font-size:20px;border-bottom:1px solid rgba(0,255,153,.2);padding-bottom:6px}.article-detail .article-content-section .article-content .content-body h3{font-size:18px}.article-detail .article-content-section .article-content .content-body p{margin:0 0 16px}.article-detail .article-content-section .article-content .content-body p:last-child{margin-bottom:0}.article-detail .article-content-section .article-content .content-body strong{color:#0f9;font-weight:600}.article-detail .article-content-section .article-content .content-body em{color:#0f9c;font-style:italic}.article-detail .article-content-section .article-content .content-body code{background:#00ff991a;color:#0f9;padding:3px 8px;border-radius:4px;font-family:Monaco,Menlo,Consolas,monospace;font-size:14px;border:1px solid rgba(0,255,153,.2)}.article-detail .article-content-section .article-content .content-body blockquote{border-left:4px solid rgba(0,255,153,.5);background:#00ff990d;margin:16px 0;padding:16px 20px;border-radius:0 8px 8px 0;color:#0f9c;font-style:italic}.article-detail .article-content-section .article-content .content-body ul,.article-detail .article-content-section .article-content .content-body ol{margin:16px 0;padding-left:24px}.article-detail .article-content-section .article-content .content-body ul li,.article-detail .article-content-section .article-content .content-body ol li{margin:8px 0;color:#00ff99e6}.article-detail .article-content-section .article-content .content-body a{color:#0f9;text-decoration:underline;transition:all .2s ease}.article-detail .article-content-section .article-content .content-body a:hover{color:#0c7;text-shadow:0 0 4px rgba(0,255,153,.5)}.article-detail .article-content-section .article-content .content-body img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;border:1px solid rgba(0,255,153,.2)}.article-detail .article-content-section .article-content .content-body pre{background:#00ff990d;border:1px solid rgba(0,255,153,.2);border-radius:8px;padding:16px;margin:16px 0;overflow-x:auto}.article-detail .article-content-section .article-content .content-body pre code{background:transparent;border:none;padding:0;font-size:14px;line-height:1.5}.article-detail .article-content-section .article-content .content-body table{width:100%;border-collapse:collapse;margin:16px 0;border:1px solid rgba(0,255,153,.2)}.article-detail .article-content-section .article-content .content-body table th,.article-detail .article-content-section .article-content .content-body table td{padding:12px;text-align:left;border:1px solid rgba(0,255,153,.2);color:#00ff99e6}.article-detail .article-content-section .article-content .content-body table th{background:#00ff991a;font-weight:600;color:#0f9}.article-detail .article-content-section .article-content .content-body del{color:#00ff9980;text-decoration:line-through}.article-detail .article-content-section .article-content .content-body hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,153,.5),transparent);margin:24px 0}.article-detail .loading-state,.article-detail .error-state{text-align:center;padding:60px 20px;color:#00ff99b3}.article-detail .loading-state p,.article-detail .error-state p{margin:0 0 20px;font-size:16px}.article-detail .error-state{color:#ff6b6bcc}@media screen and (max-width: 768px){.article-detail .article-header .article-title{font-size:24px;margin-bottom:20px}.article-detail .article-header .article-meta{gap:10px}.article-detail .article-header .article-meta .meta-row{gap:12px}.article-detail .article-header .article-meta .meta-item{font-size:13px}.article-detail .article-header .article-meta .tags-list .tag-item{font-size:11px;padding:3px 8px}.article-detail .article-content-section .article-content .content-body{padding:24px;font-size:15px;line-height:1.7}.article-detail .article-content-section .article-content .content-body h1{font-size:20px}.article-detail .article-content-section .article-content .content-body h2{font-size:18px}.article-detail .article-content-section .article-content .content-body h3{font-size:16px}.article-detail .article-content-section .article-content .content-body code{font-size:13px;padding:2px 6px}.article-detail .article-actions{flex-direction:column;width:100%}.article-detail .article-actions .btn{width:100%}}@media screen and (max-width: 480px){.article-detail .article-header .article-title{font-size:20px;margin-bottom:16px}.article-detail .article-header .article-meta .meta-row{flex-direction:column;align-items:flex-start;gap:8px}.article-detail .article-header .article-meta .meta-item{font-size:12px}.article-detail .article-header .article-meta .tags-list{margin-left:0}.article-detail .article-header .article-meta .tags-list .tag-item{font-size:10px;padding:2px 6px}.article-detail .article-content-section .article-content .content-body{padding:16px;font-size:14px}.article-detail .article-content-section .article-content .content-body h1{font-size:18px;margin:24px 0 12px}.article-detail .article-content-section .article-content .content-body h2{font-size:16px;margin:20px 0 10px}.article-detail .article-content-section .article-content .content-body h3{font-size:15px;margin:16px 0 8px}.article-detail .article-content-section .article-content .content-body p{margin-bottom:12px}.article-detail .article-content-section .article-content .content-body ul,.article-detail .article-content-section .article-content .content-body ol{padding-left:20px;margin:12px 0}.article-detail .article-content-section .article-content .content-body ul li,.article-detail .article-content-section .article-content .content-body ol li{margin:6px 0}.article-detail .article-content-section .article-content .content-body blockquote{margin:12px 0;padding:12px 16px}}.draft-box .draft-header-actions{display:flex;align-items:center;gap:12px}.draft-box .draft-header-actions .search-input-wrapper{position:relative;display:flex;align-items:center}.draft-box .draft-header-actions .search-input-wrapper .search-icon{position:absolute;left:12px;color:#0f99;font-size:14px;z-index:1;pointer-events:none}.draft-box .draft-header-actions .search-input-wrapper .search-input{padding:8px 12px 8px 36px;border:1px solid rgba(0,255,153,.25);border-radius:6px;background:#0009;color:#0f9;font-size:13px;min-width:200px;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.draft-box .draft-header-actions .search-input-wrapper .search-input:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 2px #00ff9926,0 4px 12px #0f93;min-width:250px}.draft-box .draft-header-actions .search-input-wrapper .search-input::placeholder{color:#00ff9980}.draft-box .drafts-list .blog-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid rgba(0,255,153,.1);transition:all .2s ease}.draft-box .drafts-list .blog-card:last-child{border-bottom:none}.draft-box .drafts-list .blog-card:hover{background:#00ff990d}.draft-box .drafts-list .blog-card .draft-content{flex:1;min-width:0}.draft-box .drafts-list .blog-card .draft-content .blog-title{margin:0 0 8px;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.4)}.draft-box .drafts-list .blog-card .draft-content .draft-meta{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}.draft-box .drafts-list .blog-card .draft-content .draft-meta .edit-time{color:#0f9;font-size:13px;font-weight:500}.draft-box .drafts-list .blog-card .draft-content .draft-meta .word-count{color:#0f9c;font-size:13px}.draft-box .drafts-list .blog-card .draft-content .draft-summary{color:#0f9c;font-size:14px;line-height:1.5;margin-bottom:8px}.draft-box .drafts-list .blog-card .draft-content .draft-tags{display:flex;gap:6px;flex-wrap:wrap}.draft-box .drafts-list .blog-card .draft-content .draft-tags .tag{background:linear-gradient(135deg,#00ff991a,#00cc770d);color:#0f9;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;border:1px solid rgba(0,255,153,.2)}.draft-box .drafts-list .blog-card .draft-actions{flex-shrink:0;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s ease}.draft-box .drafts-list .blog-card .draft-actions .btn{min-width:80px}.draft-box .drafts-list .blog-card:hover .draft-actions{opacity:1}@media screen and (max-width: 768px){.draft-box .draft-header-actions{flex-direction:column;align-items:stretch;gap:12px}.draft-box .draft-header-actions .search-input-wrapper .search-input{min-width:100%}.draft-box .draft-header-actions .search-input-wrapper .search-input:focus{min-width:100%}.draft-box .drafts-list .blog-card{flex-direction:column;gap:12px}.draft-box .drafts-list .blog-card .draft-actions{flex-direction:row;opacity:1}.draft-box .drafts-list .blog-card .draft-actions .btn{min-width:auto;flex:1}}@media screen and (max-width: 480px){.draft-box .draft-header-actions .search-input-wrapper .search-input{font-size:16px}.draft-box .drafts-list .blog-card{padding:16px}.draft-box .drafts-list .blog-card .draft-meta{flex-direction:column;gap:4px}.draft-box .drafts-list .blog-card .draft-actions{flex-direction:column;gap:6px}}.tag-manager .tag-header-actions{display:flex;align-items:center;gap:12px}.tag-manager .tag-header-actions .search-input-wrapper{position:relative;display:flex;align-items:center}.tag-manager .tag-header-actions .search-input-wrapper .search-icon{position:absolute;left:12px;color:#0f99;font-size:14px;z-index:1;pointer-events:none}.tag-manager .tag-header-actions .search-input-wrapper .search-input{padding:8px 12px 8px 36px;border:1px solid rgba(0,255,153,.25);border-radius:6px;background:#0009;color:#0f9;font-size:13px;min-width:200px;transition:all .3s ease;box-shadow:0 2px 8px #00ff990d}.tag-manager .tag-header-actions .search-input-wrapper .search-input:focus{outline:none;border-color:#0f9;box-shadow:0 0 0 2px #00ff9926,0 4px 12px #0f93;min-width:250px}.tag-manager .tag-header-actions .search-input-wrapper .search-input::placeholder{color:#00ff9980}.tag-manager .tags-list .tag-item{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,153,.1);transition:all .2s ease}.tag-manager .tags-list .tag-item:last-child{border-bottom:none}.tag-manager .tags-list .tag-item:hover{background:#00ff990d}.tag-manager .tags-list .tag-item .tag-info{flex:1}.tag-manager .tags-list .tag-item .tag-info .tag-main{margin-bottom:8px}.tag-manager .tags-list .tag-item .tag-info .tag-main h4{margin:0 0 4px;color:#0f9;font-size:16px;font-weight:600;text-shadow:0 0 8px rgba(0,255,153,.5)}.tag-manager .tags-list .tag-item .tag-info .tag-main .tag-desc{margin:0;color:#0f9c;font-size:14px;line-height:1.4}.tag-manager .tags-list .tag-item .tag-info .tag-stats{display:flex;gap:16px}.tag-manager .tags-list .tag-item .tag-info .tag-stats .article-count{color:#0f9;font-size:13px;font-weight:500;text-shadow:0 0 4px rgba(0,255,153,.3)}.tag-manager .tags-list .tag-item .tag-info .tag-stats .create-time{color:#0f99;font-size:13px}.tag-manager .tags-list .tag-item .tag-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.tag-manager .tags-list .tag-item:hover .tag-actions{opacity:1}.tag-manager .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media screen and (max-width: 768px){.tag-manager .tag-header-actions{flex-direction:column;align-items:stretch;gap:12px}.tag-manager .tag-header-actions .search-input-wrapper .search-input{min-width:100%}.tag-manager .tag-header-actions .search-input-wrapper .search-input:focus{min-width:100%}.tag-manager .tag-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.tag-manager .tag-item .tag-actions{width:100%;justify-content:flex-end;opacity:1}}@media screen and (max-width: 480px){.tag-manager .tag-header-actions .search-input-wrapper .search-input{font-size:16px}.tag-manager .form-actions{flex-direction:column}.tag-manager .form-actions .btn{width:100%}.tag-manager .tag-item{padding:14px 16px}.tag-manager .tag-item .tag-stats{flex-direction:column;gap:4px}.tag-manager .tag-item .tag-actions{flex-direction:column;gap:6px}.tag-manager .tag-item .tag-actions .btn{width:100%}}.analytics .analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics .analytics-header .header-info p{margin:0;color:var(--text-secondary);font-size:13px}.analytics .loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.analytics .overview-section{margin-bottom:40px}.analytics .overview-section h4{margin:0 0 20px;color:var(--text-primary);font-size:16px;font-weight:600}.analytics .overview-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.analytics .overview-section .stats-grid .stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .2s ease}.analytics .overview-section .stats-grid .stat-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00ff881a}.analytics .overview-section .stats-grid .stat-card .stat-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:6px}.analytics .overview-section .stats-grid .stat-card .stat-content{flex:1}.analytics .overview-section .stats-grid .stat-card .stat-content .stat-number{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.analytics .overview-section .stats-grid .stat-card .stat-content .stat-label{font-size:13px;color:var(--text-secondary)}.analytics .trend-section{margin-bottom:40px}.analytics .trend-section h4{margin:0 0 20px;color:var(--text-primary);font-size:16px;font-weight:600}.analytics .trend-section .trend-chart{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.analytics .trend-section .trend-chart .chart-container{display:flex;align-items:flex-end;gap:10px;height:200px}.analytics .trend-section .trend-chart .chart-container .chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.analytics .trend-section .trend-chart .chart-container .chart-bar .bar{background:var(--primary-color);border-radius:2px 2px 0 0;min-height:4px;width:100%;margin-bottom:8px;transition:all .2s ease}.analytics .trend-section .trend-chart .chart-container .chart-bar .bar:hover{background:#0c7}.analytics .trend-section .trend-chart .chart-container .chart-bar .bar-label{font-size:12px;color:var(--text-secondary);text-align:center}.analytics .category-section{margin-bottom:40px}.analytics .category-section h4{margin:0 0 20px;color:var(--text-primary);font-size:16px;font-weight:600}.analytics .category-section .category-stats{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.analytics .category-section .category-stats .category-stat{margin-bottom:20px}.analytics .category-section .category-stats .category-stat:last-child{margin-bottom:0}.analytics .category-section .category-stats .category-stat .category-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.analytics .category-section .category-stats .category-stat .category-info .category-name{color:var(--text-primary);font-size:14px;font-weight:500}.analytics .category-section .category-stats .category-stat .category-info .category-count{color:var(--text-secondary);font-size:13px}.analytics .category-section .category-stats .category-stat .category-bar{height:8px;background:var(--bg-color);border-radius:4px;overflow:hidden}.analytics .category-section .category-stats .category-stat .category-bar .bar-fill{height:100%;background:var(--primary-color);transition:width .3s ease}.analytics .tags-section{margin-bottom:40px}.analytics .tags-section h4{margin:0 0 20px;color:var(--text-primary);font-size:16px;font-weight:600}.analytics .tags-section .tags-cloud{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;flex-wrap:wrap;gap:10px}.analytics .tags-section .tags-cloud .tag-item{background:var(--bg-color);color:var(--text-primary);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);font-weight:500;transition:all .2s ease}.analytics .tags-section .tags-cloud .tag-item:hover{background:var(--primary-color);color:var(--bg-color);border-color:var(--primary-color)}.analytics .details-section h4{margin:0 0 20px;color:var(--text-primary);font-size:16px;font-weight:600}.analytics .details-section .data-table{margin-bottom:30px}.analytics .details-section .data-table h5{margin:0 0 15px;color:var(--text-primary);font-size:14px;font-weight:600}.analytics .details-section .data-table table{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;border-collapse:collapse;overflow:hidden}.analytics .details-section .data-table table thead{background:var(--bg-hover)}.analytics .details-section .data-table table thead th{padding:12px 15px;color:var(--text-primary);font-size:13px;font-weight:600;text-align:left;border-bottom:1px solid var(--border-color)}.analytics .details-section .data-table table tbody tr:not(:last-child){border-bottom:1px solid var(--border-color)}.analytics .details-section .data-table table tbody tr:hover{background:var(--bg-hover)}.analytics .details-section .data-table table tbody tr td{padding:12px 15px;color:var(--text-primary);font-size:13px}@media screen and (max-width: 768px){.analytics .analytics-header{flex-direction:column;align-items:flex-start;gap:15px}.analytics .overview-section .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.analytics .overview-section .stats-grid .stat-card{padding:15px}.analytics .overview-section .stats-grid .stat-card .stat-icon{font-size:20px;width:32px;height:32px}.analytics .overview-section .stats-grid .stat-card .stat-content .stat-number{font-size:20px}.analytics .trend-section .trend-chart{padding:15px}.analytics .trend-section .trend-chart .chart-container{height:150px;gap:6px}.analytics .trend-section .trend-chart .chart-container .chart-bar .bar-label{font-size:11px}.analytics .details-section .data-table table{font-size:12px}.analytics .details-section .data-table table th,.analytics .details-section .data-table table td{padding:8px 10px}}@media screen and (max-width: 480px){.analytics .overview-section .stats-grid{grid-template-columns:1fr}.analytics .tags-section .tags-cloud .tag-item{font-size:12px!important;padding:4px 8px}.analytics .details-section .data-table{overflow-x:auto}.analytics .details-section .data-table table{min-width:300px}}.settings .settings-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.settings .loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.settings .settings-content{display:flex;gap:30px;height:calc(100vh - 200px)}.settings .settings-content .settings-sidebar{width:200px;flex-shrink:0}.settings .settings-content .settings-sidebar .settings-tab{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 18px;border:1px solid rgba(0,255,153,.15);background:linear-gradient(135deg,#0009,#000f0066);color:#00ff99e6;text-align:center;cursor:pointer;border-radius:8px;margin-bottom:8px;transition:all .3s ease;position:relative;overflow:hidden}.settings .settings-content .settings-sidebar .settings-tab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,255,153,.03) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s ease}.settings .settings-content .settings-sidebar .settings-tab:hover{background:linear-gradient(135deg,#000f00cc,#00190099);border-color:#00ff994d;color:#0f9;box-shadow:0 4px 12px #00ff9926;transform:translateY(-1px)}.settings .settings-content .settings-sidebar .settings-tab:hover:before{opacity:1}.settings .settings-content .settings-sidebar .settings-tab.active{background:linear-gradient(135deg,#00ff9926,#00cc771a);border-color:#0f9;color:#0f9;box-shadow:0 0 0 1px #0f93,0 6px 20px #0f93;font-weight:600}.settings .settings-content .settings-sidebar .settings-tab.active:before{opacity:1;background:radial-gradient(circle at 50% 50%,rgba(0,255,153,.08) 0%,transparent 60%)}.settings .settings-content .settings-sidebar .settings-tab .tab-label{font-size:14px;font-weight:500;transition:all .3s ease}.settings .settings-content .settings-main{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:30px;overflow-y:auto}.settings .settings-content .settings-main .settings-section h4{margin:0 0 25px;color:var(--text-primary);font-size:16px;font-weight:600}.settings .settings-content .settings-main .settings-section .form-group{margin-bottom:25px}.settings .settings-content .settings-main .settings-section .form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px;font-weight:500}.settings .settings-content .settings-main .settings-section .form-group label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.settings .settings-content .settings-main .settings-section .form-group label.checkbox-label input[type=checkbox]{margin:0}.settings .settings-content .settings-main .settings-section .form-group .form-input,.settings .settings-content .settings-main .settings-section .form-group .form-textarea,.settings .settings-content .settings-main .settings-section .form-group .form-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.settings .settings-content .settings-main .settings-section .form-group .form-input:focus,.settings .settings-content .settings-main .settings-section .form-group .form-textarea:focus,.settings .settings-content .settings-main .settings-section .form-group .form-select:focus{outline:none;border-color:var(--primary-color)}.settings .settings-content .settings-main .settings-section .form-group .form-input::placeholder,.settings .settings-content .settings-main .settings-section .form-group .form-textarea::placeholder,.settings .settings-content .settings-main .settings-section .form-group .form-select::placeholder{color:var(--text-secondary)}.settings .settings-content .settings-main .settings-section .form-group .form-textarea{resize:vertical;min-height:80px}.settings .settings-content .settings-main .settings-section .data-actions .action-group{margin-bottom:30px;padding:20px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color)}.settings .settings-content .settings-main .settings-section .data-actions .action-group.danger{border-color:#ff4757;background:#ff47570d}.settings .settings-content .settings-main .settings-section .data-actions .action-group h5{margin:0 0 8px;color:var(--text-primary);font-size:14px;font-weight:600}.settings .settings-content .settings-main .settings-section .data-actions .action-group p{margin:0 0 15px;color:var(--text-secondary);font-size:13px;line-height:1.4}.settings .settings-content .settings-main .settings-section .data-actions .action-group .file-input{display:none}.settings .settings-content .settings-main .settings-section .data-actions .action-group label.btn{cursor:pointer}@media screen and (max-width: 768px){.settings .settings-header{margin-bottom:16px}.settings .settings-header .btn{padding:12px 20px;font-size:14px}.settings .settings-content{flex-direction:column;height:auto;gap:16px}.settings .settings-content .settings-sidebar{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px 4px 12px}.settings .settings-content .settings-sidebar .settings-tab{margin-bottom:0;white-space:nowrap;padding:12px 8px;justify-content:center;text-align:center;border-radius:6px}.settings .settings-content .settings-sidebar .settings-tab .tab-label{display:block;font-size:12px;line-height:1.3;font-weight:500}.settings .settings-content .settings-main{padding:20px;border-radius:8px}.settings .settings-content .settings-main .form-group{margin-bottom:20px}.settings .settings-content .settings-main .form-group label{font-size:15px;margin-bottom:10px}.settings .settings-content .settings-main .form-group .form-input,.settings .settings-content .settings-main .form-group .form-textarea,.settings .settings-content .settings-main .form-group .form-select{padding:14px 16px;font-size:16px;border-radius:8px}.settings .settings-content .settings-main .form-group .form-textarea{min-height:100px}.settings .settings-content .settings-main .data-actions .action-group{padding:16px;margin-bottom:20px}.settings .settings-content .settings-main .data-actions .action-group h5{font-size:15px;margin-bottom:6px}.settings .settings-content .settings-main .data-actions .action-group p{font-size:14px;margin-bottom:12px;line-height:1.5}.settings .settings-content .settings-main .data-actions .action-group .btn{padding:12px 16px;font-size:14px}}@media screen and (max-width: 480px){.settings .settings-header{position:sticky;top:0;z-index:10;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0;margin:-12px 0 16px;border-radius:8px;border:1px solid rgba(0,255,153,.2)}.settings .settings-header .btn{width:100%;padding:14px 20px;font-size:16px;font-weight:600;border-radius:8px}.settings .settings-content{gap:12px}.settings .settings-content .settings-sidebar{padding:6px 2px 10px;border-radius:8px;background:#0009;border:1px solid rgba(0,255,153,.15);grid-template-columns:repeat(5,1fr);gap:4px}.settings .settings-content .settings-sidebar .settings-tab{padding:10px 4px}.settings .settings-content .settings-sidebar .settings-tab .tab-label{font-size:11px;line-height:1.2;font-weight:500}.settings .settings-content .settings-main{padding:16px}.settings .settings-content .settings-main .form-group{margin-bottom:24px}.settings .settings-content .settings-main .form-group label{font-size:16px;margin-bottom:12px;color:#0f9;font-weight:600}.settings .settings-content .settings-main .form-group .form-input,.settings .settings-content .settings-main .form-group .form-textarea{padding:16px;font-size:16px;border-radius:10px;border-width:2px;min-height:48px}.settings .settings-content .settings-main .form-group .form-input:focus,.settings .settings-content .settings-main .form-group .form-textarea:focus{border-width:2px;box-shadow:0 0 0 4px #00ff9926,0 4px 12px #0f93}.settings .settings-content .settings-main .form-group .form-textarea{min-height:120px;resize:vertical}.settings .settings-content .settings-main .form-group.checkbox-label .checkbox-label{font-size:16px;padding:16px;background:#00ff990d;border:1px solid rgba(0,255,153,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.settings .settings-content .settings-main .form-group.checkbox-label .checkbox-label:hover{background:#00ff991a;border-color:#00ff994d}.settings .settings-content .settings-main .form-group.checkbox-label .checkbox-label input[type=checkbox]{width:20px;height:20px;margin-right:12px}.settings .settings-content .settings-main .data-actions .action-group{padding:20px;margin-bottom:16px;border-radius:12px}.settings .settings-content .settings-main .data-actions .action-group h5{font-size:16px;margin-bottom:8px;color:#0f9}.settings .settings-content .settings-main .data-actions .action-group p{font-size:15px;margin-bottom:16px;line-height:1.6;color:#0f9c}.settings .settings-content .settings-main .data-actions .action-group .btn{width:100%;padding:16px 20px;font-size:16px;font-weight:600;border-radius:10px;min-height:52px}.settings .settings-content .settings-main .data-actions .action-group .btn.btn-danger{background:linear-gradient(135deg,#ff4757,#ff3742);border-color:#ff4757}.settings .settings-content .settings-main .data-actions .action-group .btn.btn-danger:hover{background:linear-gradient(135deg,#ff3742,#ff2837);transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d}.settings .settings-content .settings-main .data-actions .action-group .file-input+.btn{background:linear-gradient(135deg,#0f9c,#0c7c);color:#000;font-weight:600}.settings .settings-content .settings-main .data-actions .action-group .file-input+.btn:hover{background:linear-gradient(135deg,#0f9,#0c7);transform:translateY(-2px);box-shadow:0 8px 25px #00ff994d}}.game-1024{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#fff;gap:20px}.game-header .header-controls .controls-row{display:flex;align-items:center;gap:60px}.game-header .header-controls .restart-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;margin-right:40px;position:relative;white-space:nowrap}.game-header .header-controls .restart-btn:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:30px;background:#ffffff4d}.game-header .header-controls .restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.game-header .header-controls .restart-btn:active{transform:translateY(0)}.game-scores{display:flex;gap:20px;margin-right:15px}.game-board{background:#ffffff1a;border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0003}.board-row{display:flex;gap:10px;margin-bottom:10px}.board-row:last-child{margin-bottom:0}.tile{width:80px;height:80px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;transition:all .3s ease;box-shadow:0 4px 8px #0003}.tile.tile-empty{background:#ffffff1a;border:2px dashed rgba(255,255,255,.3)}.tile.tile-2{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#333}.tile.tile-4{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.tile.tile-8{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.tile.tile-16{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#fff}.tile.tile-32{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff}.tile.tile-64{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#fff}.tile.tile-128{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff;font-size:1.3rem}.tile.tile-256{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#fff;font-size:1.3rem}.tile.tile-512{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#fff;font-size:1.3rem}.tile.tile-1024{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-overlay.won .overlay-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.game-overlay.won .overlay-content h2,.game-overlay.won .overlay-content p{color:#fff}.game-overlay.won .overlay-content button{background:#fff3;border:1px solid rgba(255,255,255,.3)}.game-overlay.won .overlay-content button:hover{background:#ffffff4d}@media (max-width: 768px){.game-1024{padding:15px}.game-header{flex-direction:column;gap:20px;text-align:center}.game-header .header-controls{align-items:center}.game-header .header-controls .controls-row{flex-direction:column;gap:15px}.game-header .header-controls .mobile-controls .control-btn{width:50px;height:50px;font-size:1.2rem}.game-scores{gap:15px}.score-container{padding:10px 15px}.score-container .score-value{font-size:1.2rem}.tile{width:60px;height:60px;font-size:1.2rem}.board-row{gap:8px;margin-bottom:8px}.game-board{padding:10px}}@media (max-width: 480px){.game-1024{padding:10px}.game-header{gap:15px}.game-header .header-controls .controls-row{gap:12px}.game-header .header-controls .mobile-controls .control-btn{width:45px;height:45px;font-size:1rem}.game-header .header-controls .mobile-controls .horizontal-controls{gap:10px}.tile{width:45px;height:45px;font-size:.9rem}.board-row{gap:6px;margin-bottom:6px}.game-board{padding:8px}.score-container{padding:8px 12px}.score-container .score-label{font-size:.8rem}.score-container .score-value{font-size:1rem}}@media (max-width: 360px){.tile{width:40px;height:40px;font-size:.8rem}.board-row{gap:5px;margin-bottom:5px}.game-board{padding:6px}}.game-snake{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#fff}.game-header .header-controls{display:flex;align-items:center}.game-header .header-controls .controls-row{display:flex;align-items:center;gap:40px}.game-header .header-controls .start-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;margin-right:30px;position:relative}.game-header .header-controls .start-btn:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:30px;background:#ffffff4d}.game-header .header-controls .start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.game-header .header-controls .start-btn:active{transform:translateY(0)}.game-header .header-controls .control-buttons{display:flex;gap:10px;margin-right:20px}.game-header .header-controls .control-buttons .control-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:8px 16px;border-radius:15px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.game-header .header-controls .control-buttons .control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.game-header .header-controls .control-buttons .control-btn:active{transform:translateY(0)}.game-header .header-controls .mobile-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:10px}.game-header .header-controls .mobile-controls .horizontal-controls{display:flex;gap:15px}.game-header .header-controls .mobile-controls .control-btn{width:45px;height:45px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.game-header .header-controls .mobile-controls .control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.game-header .header-controls .mobile-controls .control-btn:active{transform:scale(.95)}.game-scores{display:flex;gap:20px}.score-container{background:#fff3;padding:15px 20px;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.score-container .score-label{font-size:.9rem;opacity:.8;margin-bottom:5px}.score-container .score-value{font-size:1.5rem;font-weight:700}.game-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.game-controls .start-btn{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.game-controls .start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.game-controls .start-btn:active{transform:translateY(0)}.game-controls .control-buttons{display:flex;gap:15px}.game-controls .control-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 20px;border-radius:20px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.game-controls .control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.game-controls .control-btn:active{transform:translateY(0)}.game-controls .instructions{color:#fff;font-size:.9rem;opacity:.8}.game-controls .instructions p{margin:5px 0}.game-board-container{display:flex;flex-direction:column;align-items:center;gap:30px}.game-board{position:relative;width:400px;height:400px;background:#ffffff1a;border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0003}.game-board .cell{position:absolute;width:18px;height:18px;border-radius:3px;transition:all .1s ease}.game-board .cell.snake-head{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf5080;border:2px solid rgba(255,255,255,.3)}.game-board .cell.snake-body{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 1px 4px #4caf504d}.game-board .cell.food{background:linear-gradient(135deg,#ff5722,#e64a19);border-radius:50%;box-shadow:0 2px 8px #ff572280;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-left:10px}.mobile-controls .horizontal-controls{display:flex;gap:20px}.mobile-controls .control-btn{width:60px;height:60px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.mobile-controls .control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.mobile-controls .control-btn:active{transform:scale(.95)}.mobile-controls .control-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-controls .control-btn:disabled:hover{transform:none;background:#fff3}.game-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.game-overlay .overlay-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d}.game-overlay .overlay-content h2{margin:0 0 20px;font-size:2rem;color:#333}.game-overlay .overlay-content p{margin:0 0 30px;font-size:1.2rem;color:#666}.game-overlay .overlay-content button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.game-overlay .overlay-content button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.game-overlay.game-over .overlay-content{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.game-overlay.game-over .overlay-content h2,.game-overlay.game-over .overlay-content p{color:#fff}.game-overlay.game-over .overlay-content button{background:#fff3;border:1px solid rgba(255,255,255,.3)}.game-overlay.game-over .overlay-content button:hover{background:#ffffff4d}.game-overlay.paused .overlay-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.game-overlay.paused .overlay-content h2,.game-overlay.paused .overlay-content p{color:#fff}.game-overlay.paused .overlay-content button{background:#fff3;border:1px solid rgba(255,255,255,.3)}.game-overlay.paused .overlay-content button:hover{background:#ffffff4d}.game-instructions{background:#ffffff1a;padding:20px;border-radius:15px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center}.game-instructions h3{margin:0 0 15px;font-size:1.3rem;color:#fff}.game-instructions p{margin:8px 0;font-size:.9rem;opacity:.9;line-height:1.4}@media (max-width: 768px){.game-snake{padding:15px}.game-header{flex-direction:column;gap:20px;text-align:center}.game-header .header-controls{align-items:center}.game-header .header-controls .controls-row{flex-direction:column;gap:15px}.game-title h1{font-size:2.5rem}.game-scores{gap:15px}.score-container{padding:10px 15px}.score-container .score-value{font-size:1.2rem}.game-controls{flex-direction:column;gap:15px;text-align:center}.game-board{width:300px;height:300px;padding:10px}.game-board .cell{width:13px;height:13px}.control-btn{width:50px;height:50px;font-size:1.2rem}.game-instructions{padding:15px}.game-instructions h3{font-size:1.1rem}.game-instructions p{font-size:.8rem}}@media (max-width: 480px){.game-board{width:250px;height:250px}.game-board .cell{width:10px;height:10px}.control-btn{width:45px;height:45px;font-size:1rem}}.tetris-game{max-width:900px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #0000001a}.tetris-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:#fff}.tetris-title h1{font-size:2.5rem;margin:0;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.tetris-title p{margin:5px 0 0;font-size:1rem;opacity:.9}.tetris-scores{display:flex;gap:15px}.score-container{background:#fff3;padding:8px 14px;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.score-container .score-label{font-size:.85rem;opacity:.8;margin-bottom:2px}.score-container .score-value{font-size:1.1rem;font-weight:700}.tetris-main{display:flex;gap:30px;justify-content:center;align-items:flex-start}.tetris-board{background:#ffffff1a;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.tetris-row{display:flex}.tetris-cell{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);box-sizing:border-box;background:#ffffff14;transition:background .2s}.tetris-cell.filled{box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.18)}.tetris-side{display:flex;flex-direction:column;align-items:center;gap:30px}.tetris-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.tetris-overlay .overlay-content{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d}.tetris-overlay .overlay-content h2{margin:0 0 20px;font-size:2rem;color:#333}.tetris-overlay .overlay-content p{margin:0 0 30px;font-size:1.2rem;color:#666}.tetris-overlay .overlay-content button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.tetris-overlay .overlay-content button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.tetris-overlay.paused .overlay-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tetris-overlay.paused .overlay-content h2,.tetris-overlay.paused .overlay-content p{color:#fff}.tetris-overlay.paused .overlay-content button{background:#fff3;border:1px solid rgba(255,255,255,.3)}.tetris-overlay.paused .overlay-content button:hover{background:#ffffff4d}@media (max-width: 900px){.tetris-game{max-width:700px}.tetris-header{margin-bottom:30px}.tetris-scores{gap:18px}.score-container{padding:10px 16px}.score-container .score-label{font-size:.9rem;margin-bottom:3px}.score-container .score-value{font-size:1.2rem}.tetris-controls{margin:20px 0;gap:15px}.tetris-controls .control-row{gap:15px}.tetris-controls .control-row:last-child{gap:30px;margin-top:10px}.tetris-controls .control-btn{width:60px;height:60px}.tetris-controls .tetris-next{padding:10px 15px}.tetris-controls .tetris-next .next-label{font-size:.9rem;margin-bottom:8px}.tetris-controls .restart-btn{padding:10px 20px;font-size:.9rem}.tetris-main{flex-direction:column;align-items:center;gap:20px}.tetris-board{width:300px!important;height:600px!important}}@media (max-width: 600px){.tetris-game{padding:10px;max-width:100%}.tetris-header{flex-direction:column;gap:15px;text-align:center}.tetris-scores{gap:10px}.score-container{padding:7px 10px}.score-container .score-value{font-size:1rem}.tetris-board{width:300px!important;height:600px!important;max-width:100%}.tetris-cell{width:30px;height:30px;min-width:30px;min-height:30px}.tetris-next-block .tetris-cell{width:22px;height:22px}.tetris-controls .control-row{flex-wrap:wrap;gap:10px}.tetris-controls .control-row:last-child{gap:20px;flex-direction:row;align-items:center;justify-content:center}.tetris-controls .control-btn{width:50px;height:50px}.tetris-controls .control-btn .btn-icon{font-size:1.3rem}.tetris-controls .tetris-next{padding:8px 12px}.tetris-controls .tetris-next .next-label{font-size:.8rem}.tetris-controls .tetris-next-block{flex-direction:row;gap:8px}.tetris-controls .tetris-next-block .tetris-row{flex-direction:column}.tetris-controls .tetris-next-block .tetris-cell{width:16px;height:16px}.tetris-controls .restart-btn{padding:8px 16px;font-size:.8rem}}.tetris-controls{margin:15px 0;display:flex;flex-direction:column;gap:12px}.tetris-controls .control-row{display:flex;justify-content:center;gap:12px;align-items:center}.tetris-controls .control-row:last-child{gap:20px;margin-top:8px}.tetris-controls .control-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:0;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;width:55px;height:55px;display:flex;align-items:center;justify-content:center;position:relative}.tetris-controls .control-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #667eea66}.tetris-controls .control-btn:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.tetris-controls .control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tetris-controls .control-btn .btn-icon{font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tetris-controls .control-btn.rotate-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.tetris-controls .control-btn.rotate-btn:hover:not(:disabled){box-shadow:0 8px 25px #ff6b6b66}.tetris-controls .control-btn.hard-drop-btn{background:linear-gradient(135deg,#4ecdc4,#2eb398)}.tetris-controls .control-btn.hard-drop-btn:hover:not(:disabled){box-shadow:0 8px 25px #4ecdc466}.tetris-controls .control-btn.left-btn{background:linear-gradient(135deg,#45b7d1,#1e90ff)}.tetris-controls .control-btn.left-btn:hover:not(:disabled){box-shadow:0 8px 25px #45b7d166}.tetris-controls .control-btn.down-btn{background:linear-gradient(135deg,#ffc107,#ff9500)}.tetris-controls .control-btn.down-btn:hover:not(:disabled){box-shadow:0 8px 25px #ffc10766}.tetris-controls .control-btn.right-btn{background:linear-gradient(135deg,#45b7d1,#1e90ff)}.tetris-controls .control-btn.right-btn:hover:not(:disabled){box-shadow:0 8px 25px #45b7d166}.tetris-controls .control-btn.pause-btn{background:linear-gradient(135deg,#9c27b0,#673ab7)}.tetris-controls .control-btn.pause-btn:hover:not(:disabled){box-shadow:0 8px 25px #9c27b066}.tetris-controls .tetris-next{background:#ffffff26;border-radius:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.2)}.tetris-controls .tetris-next .next-label{color:#fff;font-size:.85rem;margin-bottom:6px;text-align:center;font-weight:700}.tetris-controls .tetris-next-block{display:flex;flex-direction:column;align-items:center}.tetris-controls .tetris-next-block .tetris-row{display:flex}.tetris-controls .tetris-next-block .tetris-cell{width:18px;height:18px;margin:1px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box;background:#ffffff14;transition:background .2s}.tetris-controls .tetris-next-block .tetris-cell.filled{box-shadow:0 2px 4px #00000026;border:1px solid rgba(255,255,255,.2)}.tetris-controls .restart-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;white-space:nowrap}.tetris-controls .restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.tetris-controls .restart-btn:active{transform:translateY(0)}@media (max-width: 600px){.tetris-mobile-controls{display:block}.tetris-mobile-controls .control-btn{padding:15px 20px;font-size:16px;min-width:100px}}@media (max-width: 480px){.tetris-board{width:280px!important;height:560px!important}.tetris-cell{width:28px;height:28px;min-width:28px;min-height:28px}.tetris-controls .control-btn{width:45px;height:45px}.tetris-controls .control-btn .btn-icon{font-size:1.1rem}.tetris-controls .tetris-next-block{flex-direction:row;gap:6px}.tetris-controls .tetris-next-block .tetris-row{flex-direction:column}.tetris-controls .tetris-next-block .tetris-cell{width:14px;height:14px}.tetris-controls .restart-btn{padding:6px 12px;font-size:.75rem}}.sheep-game{padding:20px;max-width:900px;margin:0 auto;font-family:Arial,sans-serif;width:100%;box-sizing:border-box}.sheep-game .game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 25px #00000026;flex-wrap:wrap;gap:20px}.sheep-game .game-header .game-stats{display:flex;gap:25px;flex-wrap:wrap}.sheep-game .game-header .game-stats .stat{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:60px}.sheep-game .game-header .game-stats .stat .label{font-size:13px;opacity:.9;font-weight:500}.sheep-game .game-header .game-stats .stat .value{font-size:20px;font-weight:700;background:#fff3;padding:6px 16px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.sheep-game .game-header .game-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.sheep-game .game-header .game-controls .btn{padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:80px}.sheep-game .game-header .game-controls .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0003}.sheep-game .game-header .game-controls .btn:disabled{opacity:.5;cursor:not-allowed}.sheep-game .game-header .game-controls .btn.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.sheep-game .game-header .game-controls .btn.btn-secondary{background:linear-gradient(135deg,#4ecdc4,#2eb398);color:#fff}.sheep-game .game-header .game-controls .btn.btn-info{background:linear-gradient(135deg,#45b7d1,#1e90ff);color:#fff}.sheep-game .game-header .game-controls .btn.btn-warning{background:linear-gradient(135deg,#ffc107,#ff9500);color:#fff}.sheep-game .game-hint{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;padding:15px;margin-bottom:20px;animation:hintAppear .3s ease-out}.sheep-game .game-hint .hint-content{color:#856404;font-weight:500;text-align:center;font-size:16px}.sheep-game .game-rules{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:20px}.sheep-game .game-rules h3{margin:0 0 15px;color:#495057;font-size:18px}.sheep-game .game-rules ul{margin:0;padding-left:20px}.sheep-game .game-rules ul li{margin-bottom:8px;color:#6c757d;line-height:1.5}.sheep-game .selected-cards{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px #00000014;width:100%;box-sizing:border-box}.sheep-game .selected-cards h4{margin:0 0 15px;color:#495057;font-size:16px;font-weight:600}.sheep-game .selected-cards .selected-cards-container{display:flex;gap:10px;flex-wrap:nowrap;min-height:70px;padding:15px;background:#f8f9fa;border-radius:10px;border:2px dashed #dee2e6;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#dee2e6 transparent}.sheep-game .selected-cards .selected-cards-container::-webkit-scrollbar{height:6px}.sheep-game .selected-cards .selected-cards-container::-webkit-scrollbar-track{background:transparent}.sheep-game .selected-cards .selected-cards-container::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.sheep-game .selected-cards .selected-cards-container .selected-card{width:var(--card-size, 55px);height:var(--card-size, 55px);background:#fff;border:2px solid #007bff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-size, 55px) * .47);box-shadow:0 3px 8px #00000026;animation:cardAppear .3s ease-out;transform:translate(calc(var(--index) * 5px));flex-shrink:0}.sheep-game .game-board{position:relative;background:linear-gradient(45deg,#f0f2f5,#e6e9ed);border-radius:18px;min-height:700px;min-width:900px;margin-bottom:20px;padding:0;perspective:1000px;overflow:hidden;box-shadow:inset 0 3px 15px #0000001a;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.sheep-game .game-board .sheep-card{position:absolute;width:var(--card-size, 55px);height:var(--card-size, 55px);background:linear-gradient(145deg,#fff,#f0f0f0);border:2px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-size, 55px) * .47);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-shadow:0 3px 8px #0000001f,0 6px 12px #00000014;left:calc(50% + (var(--x) - var(--board-width, 6) / 2) * var(--card-spacing, 60px));top:calc(50% + (var(--y) - var(--board-height, 4) / 2) * var(--card-spacing, 60px));z-index:calc(var(--z) * 10 + 10);transform:translate(-50%,-50%) translateZ(calc(var(--z) * 5px))}.sheep-game .game-board .sheep-card.selectable{border-color:#28a745;border-width:3px;background:linear-gradient(145deg,#fff,#f0fff0);box-shadow:0 4px 12px #28a7454d,0 8px 20px #28a74533,0 0 0 2px #28a7451a;transform:translate(-50%,-50%) translateZ(calc(var(--z) * 5px + 2px)) scale(1.02)}.sheep-game .game-board .sheep-card.selectable:hover{transform:translate(-50%,-50%) translateZ(calc(var(--z) * 5px + 5px)) scale(1.1);border-color:#20c997;border-width:3px;box-shadow:0 6px 20px #28a74566,0 12px 25px #28a74540,0 0 0 3px #28a74533}.sheep-game .game-board .sheep-card:not(.selectable){opacity:1;cursor:not-allowed;background:linear-gradient(145deg,#d0d0d0,#b0b0b0);border-color:#999;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000d;filter:grayscale(30%)}.sheep-game .game-board .sheep-card.selected{opacity:.3;transform:translate(-50%,-50%) translateZ(calc(var(--z) * 5px)) scale(.8);pointer-events:none}.sheep-game .game-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayAppear .3s ease-out}.sheep-game .game-overlay .game-result{background:#fff;padding:40px;border-radius:20px;text-align:center;max-width:400px;box-shadow:0 10px 30px #0000004d;animation:resultAppear .4s ease-out .1s both}.sheep-game .game-overlay .game-result h3{margin:0 0 20px;font-size:32px;color:#333}.sheep-game .game-overlay .game-result p{margin:10px 0;font-size:18px;color:#666}.sheep-game .game-overlay .game-result .btn{margin-top:20px;padding:12px 30px;font-size:16px}@keyframes cardAppear{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}@keyframes resultAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes hintAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.sheep-game{padding:15px;max-width:100%;width:100%;overflow-x:hidden}.sheep-game .game-header{flex-direction:column;gap:20px;text-align:center;padding:20px}.sheep-game .game-header .game-stats{justify-content:center;gap:20px}.sheep-game .game-header .game-stats .stat{min-width:50px}.sheep-game .game-header .game-stats .stat .label{font-size:12px}.sheep-game .game-header .game-stats .stat .value{font-size:18px;padding:5px 14px}.sheep-game .game-header .game-controls{justify-content:center;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;width:100%;max-width:320px;margin:0 auto}.sheep-game .game-header .game-controls .btn{padding:12px 16px;font-size:13px;width:100%;height:44px;display:flex;align-items:center;justify-content:center}.sheep-game .game-board{min-height:500px;min-width:100%;padding:0;width:100%;overflow:visible;position:relative}.sheep-game .game-board:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#f0f2f5,#e6e9ed);border-radius:18px;z-index:-1}.sheep-game .game-board .sheep-card{max-width:calc(100vw - 30px);max-height:calc(100vh - 400px)}.sheep-game .selected-cards{padding:15px;width:100%;box-sizing:border-box}.sheep-game .selected-cards .selected-cards-container{width:100%;overflow-x:auto;justify-content:flex-start;padding:15px 10px;gap:8px}}@media (max-width: 480px){.sheep-game{padding:10px;max-width:100%;width:100%;overflow-x:hidden}.sheep-game .game-header{padding:15px;gap:15px}.sheep-game .game-header .game-stats{gap:15px}.sheep-game .game-header .game-stats .stat{min-width:45px}.sheep-game .game-header .game-stats .stat .label{font-size:11px}.sheep-game .game-header .game-stats .stat .value{font-size:16px;padding:4px 12px}.sheep-game .game-header .game-controls{grid-gap:10px;max-width:280px;margin:0 auto}.sheep-game .game-header .game-controls .btn{padding:10px 12px;font-size:12px;height:40px;display:flex;align-items:center;justify-content:center}.sheep-game .game-board{min-height:400px;min-width:100%;padding:0;width:100%;overflow:visible}.sheep-game .selected-cards{padding:12px}.sheep-game .selected-cards .selected-cards-container{padding:12px 8px;gap:6px}.sheep-game .game-rules{padding:15px}.sheep-game .game-rules h3{font-size:16px}.sheep-game .game-rules ul li{font-size:14px}}@media (max-width: 360px){.sheep-game{padding:8px;overflow-x:hidden}.sheep-game .game-header{padding:12px}.sheep-game .game-header .game-stats{gap:12px}.sheep-game .game-header .game-stats .stat{min-width:40px}.sheep-game .game-header .game-stats .stat .label{font-size:10px}.sheep-game .game-header .game-stats .stat .value{font-size:14px;padding:3px 10px}.sheep-game .game-header .game-controls{grid-gap:8px;max-width:240px;margin:0 auto}.sheep-game .game-header .game-controls .btn{padding:8px 10px;font-size:11px;height:36px;display:flex;align-items:center;justify-content:center}.sheep-game .game-board{min-height:350px;min-width:100%;padding:0;overflow:visible}.sheep-game .selected-cards{padding:10px}.sheep-game .selected-cards .selected-cards-container{padding:10px 6px;gap:5px}}.hacker-navbar,.hacker-navbar *{-webkit-user-select:auto;user-select:auto}.game-direction-controls{margin-top:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #00000026;color:#fff}.game-direction-controls .control-section{margin-bottom:25px}.game-direction-controls .control-section:last-child{margin-bottom:0}.game-direction-controls .control-section h3{margin:0 0 15px;font-size:18px;font-weight:700;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.game-direction-controls .direction-buttons{display:flex;flex-direction:column;align-items:center;gap:10px}.game-direction-controls .direction-buttons .up-btn{margin-bottom:5px}.game-direction-controls .direction-buttons .middle-row{display:flex;gap:15px;align-items:center}.game-direction-controls .direction-btn{width:60px;height:60px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.game-direction-controls .direction-btn:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 5px 15px #0003}.game-direction-controls .direction-btn:active{transform:scale(.95)}.game-direction-controls .direction-btn.up-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.game-direction-controls .direction-btn.up-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935)}.game-direction-controls .direction-btn.left-btn{background:linear-gradient(135deg,#45b7d1,#1e90ff)}.game-direction-controls .direction-btn.left-btn:hover{background:linear-gradient(135deg,#42a5f5,#1976d2)}.game-direction-controls .direction-btn.down-btn{background:linear-gradient(135deg,#ffc107,#ff9500)}.game-direction-controls .direction-btn.down-btn:hover{background:linear-gradient(135deg,#ffb300,#ff8f00)}.game-direction-controls .direction-btn.right-btn{background:linear-gradient(135deg,#45b7d1,#1e90ff)}.game-direction-controls .direction-btn.right-btn:hover{background:linear-gradient(135deg,#42a5f5,#1976d2)}.game-direction-controls .action-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.game-direction-controls .action-btn{padding:12px 20px;border:none;border-radius:25px;background:#fff3;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);min-width:100px;white-space:nowrap}.game-direction-controls .action-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.game-direction-controls .action-btn:active{transform:translateY(0)}.game-direction-controls .action-btn.rotate-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.game-direction-controls .action-btn.rotate-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935)}.game-direction-controls .action-btn.pause-btn{background:linear-gradient(135deg,#9c27b0,#673ab7)}.game-direction-controls .action-btn.pause-btn:hover{background:linear-gradient(135deg,#8e24aa,#5e35b1)}.game-direction-controls .action-btn.restart-btn{background:linear-gradient(135deg,#4ecdc4,#2eb398)}.game-direction-controls .action-btn.restart-btn:hover{background:linear-gradient(135deg,#26a69a,#00897b)}@media (max-width: 768px){.game-direction-controls{margin-top:20px;padding:15px}.game-direction-controls .control-section h3{font-size:16px;margin-bottom:12px}.game-direction-controls .direction-btn{width:50px;height:50px;font-size:20px}.game-direction-controls .action-btn{padding:10px 16px;font-size:13px;min-width:90px}}@media (max-width: 480px){.game-direction-controls{padding:12px}.game-direction-controls .direction-buttons .middle-row{gap:10px}.game-direction-controls .direction-btn{width:45px;height:45px;font-size:18px}.game-direction-controls .action-buttons{gap:10px}.game-direction-controls .action-btn{padding:8px 12px;font-size:12px;min-width:80px}}html,body,#root{height:100%;width:100%;background:#000!important;color:#0f0!important;font-family:monospace,Consolas,Courier New,monospace!important;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0}a{color:#0f0;text-decoration:none;transition:color .2s}a:hover{color:#0c0;text-shadow:0 0 8px #00ff00}.hacker-navbar{background:linear-gradient(135deg,#010,#020,#010);border-bottom:2px solid #00ff00;box-shadow:0 4px 20px #00ff0026,0 2px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000!important;pointer-events:auto!important}.hacker-navbar-link{color:#0f0;margin-right:32px;font-size:18px;font-weight:700;padding:16px 24px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.8px;line-height:1.2;text-shadow:0 0 4px rgba(0,255,0,.3);pointer-events:auto!important;z-index:1001!important}.hacker-navbar-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.1),transparent);transition:left .5s;pointer-events:none}.hacker-navbar-link:hover:before{left:100%}.hacker-navbar-link.active,.hacker-navbar-link:hover{background:linear-gradient(135deg,#020,#030);color:#0f0;box-shadow:0 0 20px #00ff004d,inset 0 1px #ffffff1a;transform:translateY(-2px);border:1px solid rgba(0,255,0,.3);text-shadow:0 0 8px #00ff00,0 0 12px rgba(0,255,0,.5)}.hacker-navbar-link.active{background:linear-gradient(135deg,#030,#040);box-shadow:0 0 25px #0f06,inset 0 1px #fff3;border:1px solid rgba(0,255,0,.5);text-shadow:0 0 10px #00ff00,0 0 15px rgba(0,255,0,.6)}.hacker-main{width:100%;margin:0;padding:0;background:none;border-radius:0;box-shadow:none;border:none}h1,h2,h3,h4,h5,h6{color:#0f0;text-shadow:0 0 8px #00ff00}button{font-family:monospace}.navbar-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.navbar-scroll-container::-webkit-scrollbar{display:none}@media screen and (max-width: 768px){.hacker-navbar{padding:8px 0!important;height:auto!important;min-height:60px!important}.hacker-navbar-link{font-size:14px!important;padding:8px 12px!important;margin-right:8px!important;letter-spacing:.5px!important}.hacker-main{margin-top:60px!important}html,body{min-width:320px;overflow-x:auto}*{-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;-ms-text-size-adjust:auto;text-size-adjust:auto}}@media screen and (max-width: 480px){.hacker-navbar-link{font-size:12px!important;padding:6px 8px!important;margin-right:4px!important}.hacker-main{margin-top:50px!important}}@media (hover: none) and (pointer: coarse){.hacker-navbar-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}button,a{min-height:44px;min-width:44px}}