@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background:#f5f5f5;height:100vh}.app-container{display:flex;height:100vh;flex-direction:column}.header{background:#2c3e50;color:#fff;padding:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-direction:column;gap:.75rem}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.header-dashboard{display:flex;gap:1rem;width:100%;flex-wrap:wrap}.header-section{background:hsla(0,0%,100%,.1);border-radius:6px;padding:.75rem;flex:1 1;min-width:250px}.section-title{font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:#fff}.management-controls{display:flex;gap:.4rem}.storage-dashboard{gap:.5rem}.storage-dashboard,.storage-item{display:flex;flex-direction:column}.storage-item{gap:.2rem}.storage-label,.storage-stats{font-size:.7rem;color:hsla(0,0%,100%,.9)}.storage-stats{grid-gap:.4rem;gap:.4rem;margin-top:.4rem}.header h1{margin:0;font-size:1.5rem}.upload-btn{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.upload-btn:hover{background:#2980b9}.upload-btn:disabled{background:#7f8c8d;cursor:not-allowed}.main-content{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 60px);transition:grid-template-columns .3s ease-in-out;position:relative}.main-content.sidebar-closed{grid-template-columns:0 1fr}.sidebar{background-color:#f8f9fa;padding:1rem;overflow-y:auto;border-right:1px solid #dee2e6;position:relative;transition:width .3s ease-in-out,padding .3s ease-in-out,opacity .3s ease-in-out;width:300px;opacity:1}.main-content.sidebar-closed .sidebar{width:0;padding:0 1rem;opacity:0;overflow:hidden}.sidebar-toggle{position:absolute;top:50%;left:300px;transform:translate(-50%,-50%);z-index:100;background-color:#3498db;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:left .3s ease-in-out,background-color .2s}.main-content.sidebar-closed .sidebar-toggle{left:12px}.sidebar-toggle:hover{background-color:#2980b9}.content-area{padding:1rem;overflow-y:auto}.file-header{position:relative;z-index:10;margin-bottom:1rem}.file-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.file-title{margin:0;color:#2c3e50;font-size:1.1rem;font-weight:600;text-align:center;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-position{font-size:.75em;color:#7f8c8d;margin-left:.5rem;font-weight:400}.nav-arrow{background-color:rgba(52,152,219,.9);color:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-arrow-top{position:static;width:36px;height:36px;font-size:16px;flex-shrink:0}.nav-arrow:hover:not(:disabled){background-color:rgba(41,128,185,.95);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3)}.nav-arrow:disabled{background-color:hsla(204,8%,76%,.5);cursor:not-allowed;opacity:.5}@media (max-width:768px){.file-title{font-size:.9rem}.file-position{font-size:.7em}.nav-arrow-top{width:32px;height:32px;font-size:14px}.file-header-content{padding:.25rem;gap:.5rem}}.date-group{margin-bottom:1rem}.date-header{background:#ecf0f1;padding:.5rem;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#2c3e50;transition:background .2s}.date-header:hover{background:#d5dbdb}.date-header .arrow{transition:transform .2s}.date-header.expanded .arrow{transform:rotate(90deg)}.file-list{margin-top:.5rem}.file-list-header{padding:.5rem;background:#ecf0f1;border-radius:4px;margin-bottom:.5rem}.file-list-header h3{margin:0;color:#2c3e50;font-size:.9rem;font-weight:600}.file-item{padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s;margin-bottom:.25rem;font-size:.9rem;color:#34495e}.file-item:hover{background:#f8f9fa}.file-item.active{background:#3498db;color:#fff}.upload-area{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;margin-bottom:1rem;transition:border-color .2s}.upload-area.dragover{border-color:#3498db;background:#f0f8ff}.upload-input{display:none}.empty-state{text-align:center;padding:2rem;color:#7f8c8d}.empty-state h2{margin-bottom:1rem;color:#95a5a6}.loading{text-align:center;padding:2rem;color:#7f8c8d}.error{background:#e74c3c;color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem}.html-content{width:100%;height:100%;border:none;border-radius:4px}.upload-progress{margin-top:1rem;border-radius:4px}.storage-info,.upload-progress{padding:1rem;background:#f8f9fa;border-left:4px solid #3498db}.storage-info{border-radius:8px;margin-bottom:1rem}.storage-info h4{margin:0 0 .5rem;color:#2c3e50;font-size:.9rem}.progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;margin:.2rem 0}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.storage{background:linear-gradient(90deg,#27ae60,#f39c12,#e74c3c)}.progress-fill.files{background:linear-gradient(90deg,#3498db,#9b59b6)}.storage-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;font-size:.8rem;color:#7f8c8d;margin-top:.5rem}.storage-warning{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.storage-critical{background:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.importance-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;border-left:4px solid #17a2b8}.importance-controls h4{margin:0;color:#2c3e50;font-size:.9rem}.sort-toggle{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:all .2s}.sort-toggle:hover{background:hsla(0,0%,100%,.3)}.sort-toggle.active{background:#28a745;border-color:#28a745}.cleanup-btn{background:#dc3545;color:#fff;border:1px solid #dc3545;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:all .2s}.cleanup-btn:hover{background:#c82333;border-color:#c82333}.file-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;margin-bottom:.25rem}.file-item-name{flex:1 1;min-width:0;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .2s;font-size:.9rem;color:#34495e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-name:hover{background:#f8f9fa}.file-item-name.active{background:#3498db;color:#fff}.importance-select{font-size:.7rem;padding:.2rem .4rem;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer;min-width:70px;width:70px;flex-shrink:0}.importance-important{background:#d4edda;border-color:#28a745;color:#155724}.importance-normal{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.importance-less{background:#fff3cd;border-color:#ffc107;color:#856404}.importance-delete{background:#f8d7da;border-color:#dc3545;color:#721c24}.delete-btn{background:#dc3545;color:#fff;border:none;padding:.2rem .4rem;border-radius:3px;cursor:pointer;font-size:.7rem;transition:background .2s;min-width:24px;flex-shrink:0}.delete-btn:hover{background:#c82333}.content-area iframe,.content-area>div{width:100%;min-height:400px;border:none;box-sizing:border-box}.content-area iframe body,.content-area iframe html,.content-area>div body,.content-area>div html{margin:0!important;padding:20px!important;width:100%!important;height:auto!important;min-height:100%!important;background-color:#f5f5f5!important;font-family:Microsoft YaHei,Arial,sans-serif!important;line-height:1.6!important;box-sizing:border-box!important;overflow-x:hidden!important}.content-area iframe .page,.content-area iframe body>div,.content-area>div .page,.content-area>div body>div{width:100%!important;max-width:1000px!important;min-height:600px!important;margin:0 auto!important;background-color:#fff!important;padding:20px!important;border-radius:10px!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important;box-sizing:border-box!important;position:relative!important}.content-area .main-title,.content-area .section-title{text-align:center!important;color:#e74c3c!important;margin:0 0 15px!important;font-size:16px!important;font-weight:700!important;background:linear-gradient(135deg,#fff9c4,#f7dc6f)!important;padding:10px!important;border-radius:8px!important;border-left:4px solid #f39c12!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.content-area .bilingual-section{display:flex!important;gap:2px!important;height:400px!important;width:100%!important;overflow:hidden!important;margin-bottom:15px!important}.content-area .language-container{flex:1 1!important;padding:15px!important;background-color:#fff!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important}.content-area .language-container:first-child{border-right:2px solid #3498db!important}.content-area .language-container h3{text-align:center!important;margin:0 0 15px!important;font-size:14px!important;color:#2c3e50!important;border-bottom:1px solid #bdc3c7!important;padding-bottom:8px!important}.content-area .content-text{font-size:16px!important;line-height:1.6!important;color:#2c3e50!important;word-wrap:break-word!important;height:auto!important;overflow:visible!important;white-space:pre-wrap!important}.content-area .highlight-0{background-color:#ffcc80!important}.content-area .highlight-1{background-color:#a5d6a7!important}.content-area .highlight-2{background-color:#90caf9!important}.content-area .highlight-3{background-color:#ce93d8!important}.content-area .highlight-4{background-color:#f48fb1!important}.content-area .highlight-5{background-color:#fff59d!important}.content-area .highlight-6{background-color:#80deea!important}.content-area .highlight-7{background-color:#bcaaa4!important}.content-area .phrase-cards-section{margin-top:20px!important;padding:15px!important;background-color:#f8f9fa!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.content-area .phrase-cards-title{text-align:center!important;color:#2c3e50!important;margin-bottom:15px!important;font-size:18px!important;font-weight:700!important}.content-area .phrase-cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;grid-gap:15px!important;gap:15px!important;width:100%!important;align-items:start!important}.content-area .phrase-card{border:2px solid #333!important;border-radius:8px!important;padding:12px!important;position:relative!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;background-color:#fff!important}.content-area .phrase-english{font-weight:700!important;margin-bottom:8px!important;color:#2c3e50!important}.content-area .phrase-chinese,.content-area .phrase-english{font-size:16px!important;line-height:1.3!important;word-break:break-word!important}.content-area .phrase-chinese{color:#34495e!important;font-family:Microsoft YaHei,SimSun,Arial,sans-serif!important}.content-area *{max-width:100%!important;box-sizing:border-box!important}.content-area iframe,.content-area>div{transform:none;position:relative}input[type=file]{display:none}.font-controls{gap:.5rem;background-color:rgba(0,0,0,.05);padding:.25rem .5rem;border-radius:4px}.font-btn,.font-controls{display:flex;align-items:center}.font-btn{background:#7f8c8d;color:#fff;border:none;border-radius:4px;width:28px;height:28px;font-size:18px;font-weight:700;cursor:pointer;justify-content:center;line-height:1}.font-btn:hover{background:#95a5a6}.font-size-display{font-size:.9rem;font-weight:600;color:#2c3e50;min-width:40px;text-align:center}.txt-content{font-family:Consolas,Monaco,Courier New,monospace!important;background-color:#f8f9fa!important;color:#2c3e50!important;white-space:pre-wrap!important;word-wrap:break-word!important;line-height:1.6!important;padding:20px!important;border-radius:4px!important;overflow-y:auto!important;overflow-x:auto!important}.error-content,.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 4rem);border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;color:#6c757d;gap:1rem}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.retry-btn:hover{background:#0056b3}@media (max-width:768px){.content-area .phrase-cards-grid{grid-template-columns:1fr!important}.storage-icon{width:48px!important;height:48px!important;font-size:18px!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.txt-content{-webkit-user-select:text!important;-webkit-touch-callout:default!important;-moz-user-select:text!important;user-select:text!important}}.text-selection-highlight{background-color:#ffeb3b!important;padding:2px 4px!important;border-radius:3px!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;transition:none!important;position:relative!important}.text-selection-highlight:hover{background-color:#fdd835!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important}.storage-icon{animation:storageIconAppear .3s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes storageIconAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.txt-content{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.content-area iframe,.content-area>div:not(.txt-content){-webkit-user-select:text;-moz-user-select:text;user-select:text}