.catalog-tree-item[data-v-94275996]{width:100%;position:relative}.hierarchy-line[data-v-94275996]{position:absolute;left:2px;top:32px;bottom:0;width:1px;z-index:0}.hierarchy-line.line-level-1[data-v-94275996]{background:-webkit-linear-gradient(top, rgba(255, 107, 107, 0.6) 0%, rgba(255, 107, 107, 0.3) 100%);background:linear-gradient(180deg, rgba(255, 107, 107, 0.6) 0%, rgba(255, 107, 107, 0.3) 100%);left:2px}.hierarchy-line.line-level-2[data-v-94275996]{background:-webkit-linear-gradient(top, rgba(78, 205, 196, 0.6) 0%, rgba(78, 205, 196, 0.3) 100%);background:linear-gradient(180deg, rgba(78, 205, 196, 0.6) 0%, rgba(78, 205, 196, 0.3) 100%);left:8px}.hierarchy-line.line-level-3[data-v-94275996]{background:-webkit-linear-gradient(top, rgba(69, 183, 209, 0.6) 0%, rgba(69, 183, 209, 0.3) 100%);background:linear-gradient(180deg, rgba(69, 183, 209, 0.6) 0%, rgba(69, 183, 209, 0.3) 100%);left:14px}.hierarchy-line.line-level-4[data-v-94275996]{background:-webkit-linear-gradient(top, rgba(249, 202, 36, 0.6) 0%, rgba(249, 202, 36, 0.3) 100%);background:linear-gradient(180deg, rgba(249, 202, 36, 0.6) 0%, rgba(249, 202, 36, 0.3) 100%);left:20px}.hierarchy-line.line-level-5[data-v-94275996]{background:-webkit-linear-gradient(top, rgba(108, 92, 231, 0.6) 0%, rgba(108, 92, 231, 0.3) 100%);background:linear-gradient(180deg, rgba(108, 92, 231, 0.6) 0%, rgba(108, 92, 231, 0.3) 100%);left:26px}.catalog-node[data-v-94275996]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px 6px 8px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;margin:2px 0;border-radius:6px;z-index:1}.catalog-node[data-v-94275996]:hover{background:-webkit-linear-gradient(left, rgba(0, 82, 217, 0.1) 0%, rgba(0, 82, 217, 0.05) 100%);background:linear-gradient(90deg, rgba(0, 82, 217, 0.1) 0%, rgba(0, 82, 217, 0.05) 100%);-webkit-transform:translateX(2px);transform:translateX(2px)}.catalog-node.active[data-v-94275996]{background:-webkit-linear-gradient(left, rgba(0, 82, 217, 0.25) 0%, rgba(0, 82, 217, 0.15) 100%);background:linear-gradient(90deg, rgba(0, 82, 217, 0.25) 0%, rgba(0, 82, 217, 0.15) 100%);box-shadow:0 2px 8px rgba(0,82,217,.2);-webkit-transform:translateX(4px);transform:translateX(4px)}.catalog-node.active .node-name[data-v-94275996]{color:#0052d9;font-weight:600}.catalog-node.active .expand-icon[data-v-94275996],.catalog-node.active .children-count[data-v-94275996]{color:#0052d9}.catalog-node.level-1[data-v-94275996]{font-weight:500}.catalog-node.level-1[data-v-94275996]:hover:not(.active){background:-webkit-linear-gradient(left, rgba(255, 107, 107, 0.15) 0%, rgba(255, 107, 107, 0.08) 100%);background:linear-gradient(90deg, rgba(255, 107, 107, 0.15) 0%, rgba(255, 107, 107, 0.08) 100%)}.catalog-node.level-2[data-v-94275996]{background-color:rgba(0,0,0,0)}.catalog-node.level-2[data-v-94275996]:hover:not(.active){background:-webkit-linear-gradient(left, rgba(78, 205, 196, 0.15) 0%, rgba(78, 205, 196, 0.08) 100%);background:linear-gradient(90deg, rgba(78, 205, 196, 0.15) 0%, rgba(78, 205, 196, 0.08) 100%)}.catalog-node.level-3[data-v-94275996]{background-color:rgba(0,0,0,0)}.catalog-node.level-3[data-v-94275996]:hover:not(.active){background:-webkit-linear-gradient(left, rgba(69, 183, 209, 0.15) 0%, rgba(69, 183, 209, 0.08) 100%);background:linear-gradient(90deg, rgba(69, 183, 209, 0.15) 0%, rgba(69, 183, 209, 0.08) 100%)}.catalog-node.level-4[data-v-94275996]:hover:not(.active){background:-webkit-linear-gradient(left, rgba(249, 202, 36, 0.15) 0%, rgba(249, 202, 36, 0.08) 100%);background:linear-gradient(90deg, rgba(249, 202, 36, 0.15) 0%, rgba(249, 202, 36, 0.08) 100%)}.catalog-node.level-5[data-v-94275996]:hover:not(.active){background:-webkit-linear-gradient(left, rgba(108, 92, 231, 0.15) 0%, rgba(108, 92, 231, 0.08) 100%);background:linear-gradient(90deg, rgba(108, 92, 231, 0.15) 0%, rgba(108, 92, 231, 0.08) 100%)}.expand-icon[data-v-94275996]{font-size:14px;color:#999;margin-right:2px;margin-left:1px;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;-webkit-flex-shrink:0;flex-shrink:0}.expand-icon[data-v-94275996]:hover{color:#0052d9;-webkit-transform:scale(1.2);transform:scale(1.2)}.expand-icon.expanded[data-v-94275996]{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.node-name[data-v-94275996]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:13px;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;-webkit-transition:color .3s ease;transition:color .3s ease}.children-count[data-v-94275996]{font-size:11px;color:#999;margin-left:3px;-webkit-flex-shrink:0;flex-shrink:0;-webkit-transition:color .3s ease;transition:color .3s ease}.articles-count[data-v-94275996]{font-size:10px;color:#fff;background:-webkit-linear-gradient(315deg, #0052d9 0%, #3b82f6 100%);background:linear-gradient(135deg, #0052d9 0%, #3b82f6 100%);padding:1px 6px;border-radius:10px;margin-left:6px;-webkit-flex-shrink:0;flex-shrink:0;font-weight:500;box-shadow:0 1px 3px rgba(0,82,217,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.active .articles-count[data-v-94275996]{background:-webkit-linear-gradient(315deg, #0041b0 0%, #2563eb 100%);background:linear-gradient(135deg, #0041b0 0%, #2563eb 100%);box-shadow:0 2px 6px rgba(0,82,217,.4)}.children-wrapper[data-v-94275996]{width:100%}
.hanzi-search .search-wrapper .t-search[data-v-41dd9d62],.hanzi-search .search-wrapper .search-input-full-width[data-v-41dd9d62]{-webkit-box-flex:1 !important;-webkit-flex:1 1 auto !important;flex:1 1 auto !important;width:100% !important;max-width:none !important;min-width:0 !important;-webkit-flex-basis:auto !important;flex-basis:auto !important;-webkit-flex-grow:1 !important;flex-grow:1 !important;-webkit-flex-shrink:1 !important;flex-shrink:1 !important}.hanzi-search .search-wrapper .t-search[data-v-41dd9d62],.hanzi-search .search-wrapper .search-input-full-width[data-v-41dd9d62],.hanzi-search .search-wrapper .t-search>div[data-v-41dd9d62],.hanzi-search .search-wrapper .search-input-full-width>div[data-v-41dd9d62],.hanzi-search .search-wrapper .t-search .t-search__input-container[data-v-41dd9d62],.hanzi-search .search-wrapper .search-input-full-width .t-search__input-container[data-v-41dd9d62],.hanzi-search .search-wrapper .t-search .t-cell[data-v-41dd9d62],.hanzi-search .search-wrapper .t-search .t-cell__value[data-v-41dd9d62]{width:100% !important;max-width:none !important;-webkit-box-flex:1 !important;-webkit-flex:1 1 auto !important;flex:1 1 auto !important;box-sizing:border-box !important}.hanzi-search[data-v-41dd9d62]{min-height:100vh;background:-webkit-linear-gradient(top, #f8f9fa 0%, #ffffff 100%);background:linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden;position:relative}.top-fixed-module[data-v-41dd9d62]{position:fixed;top:0;left:0;right:0;z-index:9999;background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:4px 16px 8px;box-shadow:0 1px 2px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease}.content[data-v-41dd9d62]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.search-wrapper[data-v-41dd9d62]{margin-bottom:6px;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-align:center !important;-webkit-align-items:center !important;align-items:center !important;-webkit-box-pack:justify !important;-webkit-justify-content:space-between !important;justify-content:space-between !important;width:100% !important;box-sizing:border-box !important}.search-wrapper .back-icon[data-v-41dd9d62]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease;margin-right:4px}.search-wrapper .back-icon[data-v-41dd9d62]:hover{color:#3b82f6}.search-wrapper .back-icon[data-v-41dd9d62]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.search-wrapper[data-v-41dd9d62] .t-search{-webkit-box-flex:1 !important;-webkit-flex:1 1 auto !important;flex:1 1 auto !important;min-width:0 !important;max-width:none !important;width:100% !important;margin:0 4px 0 0 !important;padding:0 !important;box-sizing:border-box !important}.search-wrapper[data-v-41dd9d62] .t-search *{box-sizing:border-box !important}.search-wrapper[data-v-41dd9d62] .t-search .t-search__input-container{background:#f6f7f9;border:1px solid rgba(0,0,0,0);border-radius:10px;height:40px;width:100% !important;-webkit-transition:all .2s ease;transition:all .2s ease}.search-wrapper[data-v-41dd9d62] .t-search .t-search__input-container:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.04)}.search-wrapper[data-v-41dd9d62] .t-search .t-search__input-container:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-wrapper[data-v-41dd9d62] .t-search .t-input{font-size:14px;color:#1f2937}.search-wrapper[data-v-41dd9d62] .t-search .t-input::-webkit-input-placeholder{color:#9ca3af}.search-wrapper[data-v-41dd9d62] .t-search .t-input::-moz-placeholder{color:#9ca3af}.search-wrapper[data-v-41dd9d62] .t-search .t-input::placeholder{color:#9ca3af}.search-wrapper .setting-icon[data-v-41dd9d62]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease;margin-left:0}.search-wrapper .setting-icon[data-v-41dd9d62]:hover{color:#3b82f6}.search-wrapper .setting-icon[data-v-41dd9d62]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.type-filter[data-v-41dd9d62]{display:-webkit-box;display:-webkit-flex;display:flex;gap:6px;padding:0 0 0 50px;margin-bottom:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.type-filter[data-v-41dd9d62]::-webkit-scrollbar{display:none}.type-filter .filter-btn[data-v-41dd9d62]{-webkit-flex-shrink:0;flex-shrink:0;padding:2px 10px;background:#f6f7f9;border:none;border-radius:12px;font-size:11px;font-weight:500;color:#6b7280;cursor:pointer;-webkit-transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;letter-spacing:.2px;line-height:1.3}.type-filter .filter-btn[data-v-41dd9d62]:hover{background:#e5e7eb;color:#374151}.type-filter .filter-btn[data-v-41dd9d62]:active{-webkit-transform:scale(0.96);transform:scale(0.96)}.type-filter .filter-btn.active[data-v-41dd9d62]{background:-webkit-linear-gradient(315deg, #3b82f6 0%, #2563eb 100%);background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:#fff;box-shadow:0 1px 4px rgba(59,130,246,.25)}.type-filter .filter-btn.active[data-v-41dd9d62]:hover{background:-webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%)}.course-list[data-v-41dd9d62]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none}.course-list[data-v-41dd9d62]::-webkit-scrollbar{display:none}.course-list[data-v-41dd9d62]{padding-top:82px;padding-bottom:20px}.search-results[data-v-41dd9d62]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.search-results[data-v-41dd9d62]::-webkit-scrollbar{display:none}.results-list[data-v-41dd9d62]{padding:0 12px}.course-card[data-v-41dd9d62]{background:#fff;border-radius:12px;padding:12px;margin-bottom:12px;cursor:pointer;-webkit-transition:box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;gap:12px}.course-card[data-v-41dd9d62]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:rgba(59,130,246,.2)}.course-card[data-v-41dd9d62]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.06)}.course-card[data-v-41dd9d62]:last-child{margin-bottom:0}.course-card .card-cover[data-v-41dd9d62]{-webkit-flex-shrink:0;flex-shrink:0;width:64px;height:64px}.course-card .card-cover .mi-zi-ge[data-v-41dd9d62]{position:relative;width:100%;height:100%;background:-webkit-linear-gradient(315deg, #fefcfa 0%, #fffdf9 100%);background:linear-gradient(135deg, #fefcfa 0%, #fffdf9 100%);border:1px solid rgba(180,160,140,.18);border-radius:6px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.course-card .card-cover .mi-zi-ge .cover-img[data-v-41dd9d62]{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;border-radius:4px}.course-card .card-cover .mi-zi-ge .cover-text[data-v-41dd9d62]{position:relative;z-index:2;font-size:48px;font-weight:600;color:#3d3028;font-family:"SimSun","KaiTi","STKaiti",serif;line-height:1;letter-spacing:0}.course-card .card-cover .mi-zi-ge .mi-lines[data-v-41dd9d62]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.course-card .card-cover .mi-zi-ge .mi-lines .line[data-v-41dd9d62]{position:absolute;background-color:rgba(160,140,120,.15)}.course-card .card-cover .mi-zi-ge .mi-lines .line.horizontal[data-v-41dd9d62]{top:50%;left:6px;right:6px;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.course-card .card-cover .mi-zi-ge .mi-lines .line.vertical[data-v-41dd9d62]{left:50%;top:6px;bottom:6px;width:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.course-card .card-cover .mi-zi-ge .mi-lines .line.diagonal-1[data-v-41dd9d62]{top:50%;left:50%;width:72%;height:1px;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.course-card .card-cover .mi-zi-ge .mi-lines .line.diagonal-2[data-v-41dd9d62]{top:50%;left:50%;width:72%;height:1px;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform-origin:center;transform-origin:center}.course-card .card-content[data-v-41dd9d62]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.course-card .title-row[data-v-41dd9d62]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;margin-bottom:6px}.course-card .title-row .course-type[data-v-41dd9d62]{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:3px 8px;background:-webkit-linear-gradient(315deg, #e0edff 0%, #f0f7ff 100%);background:linear-gradient(135deg, #e0edff 0%, #f0f7ff 100%);color:#3b82f6;font-size:11px;border-radius:6px;font-weight:600;letter-spacing:.3px;line-height:1.2}.course-card .title-row .course-title[data-v-41dd9d62]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:15px;font-weight:600;color:#1f2937;line-height:1.4;letter-spacing:.2px;word-break:break-all}.course-card .title-row .course-title[data-v-41dd9d62] .highlight{color:#3b82f6;background:-webkit-linear-gradient(315deg, #e0edff 0%, #f0f7ff 100%);background:linear-gradient(135deg, #e0edff 0%, #f0f7ff 100%);padding:2px 6px;border-radius:4px;font-weight:700}.course-card .course-desc[data-v-41dd9d62]{font-size:13px;color:#6b7280;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:.2px}.load-more[data-v-41dd9d62]{margin-top:16px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.load-more[data-v-41dd9d62] .t-button{min-height:36px}.load-more[data-v-41dd9d62] .t-loading{padding:12px 0}.no-more[data-v-41dd9d62]{text-align:center;padding:16px 0;color:#999;font-size:13px}.no-more span[data-v-41dd9d62]{display:inline-block;padding:0 16px;position:relative}.no-more span[data-v-41dd9d62]::before,.no-more span[data-v-41dd9d62]::after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#e0e0e0}.no-more span[data-v-41dd9d62]::before{right:100%;margin-right:8px}.no-more span[data-v-41dd9d62]::after{left:100%;margin-left:8px}.empty-state[data-v-41dd9d62]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:60px 20px;color:#999;min-height:300px}.empty-state[data-v-41dd9d62] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-41dd9d62]{font-size:14px;margin:0}@-webkit-keyframes fadeInUp-41dd9d62{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-41dd9d62{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.results-list .course-card[data-v-41dd9d62]{-webkit-animation:fadeInUp-41dd9d62 .3s ease-out forwards;animation:fadeInUp-41dd9d62 .3s ease-out forwards;opacity:0}@-webkit-keyframes skeleton-loading-41dd9d62{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton-loading-41dd9d62{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-41dd9d62]{background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-41dd9d62 1.5s infinite;animation:skeleton-loading-41dd9d62 1.5s infinite;border-radius:4px}.skeleton-list[data-v-41dd9d62]{padding:0 12px}.skeleton-list .skeleton-card[data-v-41dd9d62]{display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:12px;margin-bottom:12px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04)}.skeleton-list .skeleton-card .skeleton-cover[data-v-41dd9d62]{width:64px;height:64px;border-radius:6px;-webkit-flex-shrink:0;flex-shrink:0;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-41dd9d62 1.5s infinite;animation:skeleton-loading-41dd9d62 1.5s infinite}.skeleton-list .skeleton-card .skeleton-content[data-v-41dd9d62]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:8px}.skeleton-list .skeleton-card .skeleton-content .skeleton-title[data-v-41dd9d62]{height:16px;width:60%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-41dd9d62 1.5s infinite;animation:skeleton-loading-41dd9d62 1.5s infinite;border-radius:4px}.skeleton-list .skeleton-card .skeleton-content .skeleton-desc[data-v-41dd9d62]{height:14px;width:100%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-41dd9d62 1.5s infinite;animation:skeleton-loading-41dd9d62 1.5s infinite;border-radius:4px}.skeleton-list .skeleton-card .skeleton-content .skeleton-desc.short[data-v-41dd9d62]{width:70%}
.form-process-card[data-v-1d8932a1]{position:relative;background:-webkit-linear-gradient(315deg, #ffffff 0%, #f8f9fa 100%);background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border-radius:8px;padding:6px;margin-bottom:6px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,82,217,.08);box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden;min-height:64px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;gap:8px}.form-process-card[data-v-1d8932a1]::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-linear-gradient(left, #0052d9 0%, #4ecdc4 100%);background:linear-gradient(90deg, #0052d9 0%, #4ecdc4 100%);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.form-process-card.is-highlighted[data-v-1d8932a1]{background:-webkit-linear-gradient(315deg, #fafbff 0%, #f8f9fe 100%);background:linear-gradient(135deg, #fafbff 0%, #f8f9fe 100%);border:1.5px solid rgba(102,126,234,.35);-webkit-animation:pulse-glow-1d8932a1 2.5s ease-in-out infinite;animation:pulse-glow-1d8932a1 2.5s ease-in-out infinite}.form-process-card.is-highlighted[data-v-1d8932a1]::before{opacity:0}.form-process-card.is-highlighted .card-accent[data-v-1d8932a1]{-webkit-transform:scaleX(1);transform:scaleX(1);background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 50%, #f093fb 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%)}.form-process-card.is-highlighted .card-title[data-v-1d8932a1]{color:#667eea}.form-process-card.is-highlighted .mi-zi-ge[data-v-1d8932a1]{border-color:rgba(102,126,234,.25);box-shadow:0 0 8px rgba(102,126,234,.12)}.form-process-card[data-v-1d8932a1]:hover{background:-webkit-linear-gradient(315deg, #ffffff 0%, #f0f7ff 100%);background:linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);box-shadow:0 8px 24px rgba(0,82,217,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:rgba(0,82,217,.15)}.form-process-card[data-v-1d8932a1]:hover::before{opacity:1}.form-process-card:hover .card-accent[data-v-1d8932a1]{-webkit-transform:scaleX(1);transform:scaleX(1)}.form-process-card:hover .card-title[data-v-1d8932a1]{color:#0052d9}.form-process-card[data-v-1d8932a1]:active{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,82,217,.08)}.form-process-card[data-v-1d8932a1]:last-child{margin-bottom:0}.card-cover[data-v-1d8932a1]{-webkit-flex-shrink:0;flex-shrink:0;width:48px;height:48px;-webkit-align-self:flex-start;align-self:flex-start}.card-cover .mi-zi-ge[data-v-1d8932a1]{position:relative;width:100%;height:100%;background:-webkit-linear-gradient(315deg, #fefcfa 0%, #fffdf9 100%);background:linear-gradient(135deg, #fefcfa 0%, #fffdf9 100%);border:1px solid rgba(180,160,140,.18);border-radius:6px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.card-cover .mi-zi-ge .cover-img[data-v-1d8932a1]{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;border-radius:4px}.card-cover .mi-zi-ge .cover-text[data-v-1d8932a1]{position:relative;z-index:2;font-size:36px;font-weight:600;color:#3d3028;font-family:"SimSun","KaiTi","STKaiti",serif;line-height:1;letter-spacing:0}.card-cover .mi-zi-ge .mi-lines[data-v-1d8932a1]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.card-cover .mi-zi-ge .mi-lines .line[data-v-1d8932a1]{position:absolute;background-color:rgba(160,140,120,.15)}.card-cover .mi-zi-ge .mi-lines .line.horizontal[data-v-1d8932a1]{top:50%;left:6px;right:6px;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.card-cover .mi-zi-ge .mi-lines .line.vertical[data-v-1d8932a1]{left:50%;top:6px;bottom:6px;width:1px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.card-cover .mi-zi-ge .mi-lines .line.diagonal-1[data-v-1d8932a1]{top:50%;left:50%;width:72%;height:1px;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.card-cover .mi-zi-ge .mi-lines .line.diagonal-2[data-v-1d8932a1]{top:50%;left:50%;width:72%;height:1px;-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transform-origin:center;transform-origin:center}.card-content[data-v-1d8932a1]{position:relative;z-index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.card-accent[data-v-1d8932a1]{position:absolute;bottom:0;left:0;right:0;height:1.5px;background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 50%, #f093fb 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.card-title[data-v-1d8932a1]{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px 0;line-height:1.3;word-break:break-all;-webkit-transition:color .3s ease;transition:color .3s ease;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-description[data-v-1d8932a1]{font-size:12px;color:#6b7280;line-height:1.35;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:0}.card-detail[data-v-1d8932a1]{padding-top:12px;margin-top:8px;border-top:1px dashed rgba(0,82,217,.1)}.detail-item[data-v-1d8932a1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:12px;color:#999;margin-bottom:6px}.detail-item[data-v-1d8932a1]:last-child{margin-bottom:0}.detail-label[data-v-1d8932a1]{-webkit-flex-shrink:0;flex-shrink:0;margin-right:6px;font-weight:500;color:#888}.detail-value[data-v-1d8932a1]{color:#666;font-weight:400}@-webkit-keyframes pulse-glow-1d8932a1{0%,100%{border-color:rgba(102,126,234,.35);box-shadow:0 0 0 0 rgba(102,126,234,.2),0 0 0 0 rgba(118,75,162,.15),0 0 0 0 rgba(240,147,251,.1)}50%{border-color:rgba(240,147,251,.5);box-shadow:0 0 0 3px rgba(102,126,234,.12),0 0 0 6px rgba(118,75,162,.08),0 0 0 10px rgba(240,147,251,.04)}}@keyframes pulse-glow-1d8932a1{0%,100%{border-color:rgba(102,126,234,.35);box-shadow:0 0 0 0 rgba(102,126,234,.2),0 0 0 0 rgba(118,75,162,.15),0 0 0 0 rgba(240,147,251,.1)}50%{border-color:rgba(240,147,251,.5);box-shadow:0 0 0 3px rgba(102,126,234,.12),0 0 0 6px rgba(118,75,162,.08),0 0 0 10px rgba(240,147,251,.04)}}
.hanzi-evolution[data-v-719f2a8b]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden}.header[data-v-719f2a8b] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-719f2a8b] .t-icon{font-size:20px;cursor:pointer}.content[data-v-719f2a8b]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.search-wrapper[data-v-719f2a8b]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-radius:0 0 8px 8px;padding:12px;margin-bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-wrapper .back-icon[data-v-719f2a8b]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.search-wrapper .back-icon[data-v-719f2a8b]:hover{color:#3b82f6}.search-wrapper .back-icon[data-v-719f2a8b]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.search-wrapper[data-v-719f2a8b] .t-search{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;width:100%}.search-wrapper .search-stats[data-v-719f2a8b]{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}.search-wrapper .search-stats .stats-text[data-v-719f2a8b]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-wrapper .search-stats .clear-btn[data-v-719f2a8b]{color:#0052d9;cursor:pointer;font-size:12px}.search-wrapper .search-stats .clear-btn[data-v-719f2a8b]:hover{text-decoration:underline}.search-results[data-v-719f2a8b]{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.search-list[data-v-719f2a8b]{padding:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-result-item[data-v-719f2a8b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px;margin-bottom:8px;background-color:#f9f9f9;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.search-result-item[data-v-719f2a8b]:hover{background-color:#f0f0f0;-webkit-transform:translateX(4px);transform:translateX(4px)}.search-result-item[data-v-719f2a8b]:last-child{margin-bottom:0}.search-result-item .result-content[data-v-719f2a8b]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.search-result-item .result-name[data-v-719f2a8b]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-all}.search-result-item .result-name[data-v-719f2a8b] .highlight{color:#0052d9;background-color:#e0edff;padding:2px 4px;border-radius:2px;font-weight:600}.search-result-item .result-path[data-v-719f2a8b]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item[data-v-719f2a8b] .t-icon{color:#999;margin-left:8px;-webkit-flex-shrink:0;flex-shrink:0}.load-more[data-v-719f2a8b]{margin-top:16px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.load-more[data-v-719f2a8b] .t-button{min-height:36px}.load-more[data-v-719f2a8b] .t-loading{padding:12px 0}.no-more[data-v-719f2a8b]{text-align:center;padding:16px 0;color:#999;font-size:13px}.no-more span[data-v-719f2a8b]{display:inline-block;padding:0 16px;position:relative}.no-more span[data-v-719f2a8b]::before,.no-more span[data-v-719f2a8b]::after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#e0e0e0}.no-more span[data-v-719f2a8b]::before{right:100%;margin-right:8px}.no-more span[data-v-719f2a8b]::after{left:100%;margin-left:8px}.directory-content[data-v-719f2a8b]{position:fixed;top:70px;left:0;right:0;bottom:60px;display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:0 12px;overflow:hidden;-webkit-overflow-scrolling:touch}.left-catalog[data-v-719f2a8b]{width:45%;min-width:150px;background-color:#fafafa;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.left-catalog[data-v-719f2a8b]::-webkit-scrollbar{display:none}.right-evolution-list[data-v-719f2a8b]{-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:12px;scrollbar-width:none;-ms-overflow-style:none}.right-evolution-list[data-v-719f2a8b]::-webkit-scrollbar{display:none}.evolution-cards[data-v-719f2a8b]{width:100%}.empty-state[data-v-719f2a8b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:40px 20px;color:#999;min-height:200px;margin:0 auto}.empty-state[data-v-719f2a8b] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-719f2a8b]{font-size:14px;margin:0}.map-content[data-v-719f2a8b]{height:calc(100vh - 120px);margin-top:16px;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width: 768px){.directory-content[data-v-719f2a8b]{gap:8px}.left-catalog[data-v-719f2a8b]{width:40%;min-width:130px}.right-evolution-list[data-v-719f2a8b]{padding:8px}}@-webkit-keyframes fadeInUp-719f2a8b{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-719f2a8b{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left-catalog[data-v-719f2a8b] .catalog-tree-item{-webkit-animation:fadeInUp-719f2a8b .3s ease-out both;animation:fadeInUp-719f2a8b .3s ease-out both}.evolution-cards[data-v-719f2a8b] .form-process-card{-webkit-animation:fadeInUp-719f2a8b .3s ease-out both;animation:fadeInUp-719f2a8b .3s ease-out both}@-webkit-keyframes skeleton-loading-719f2a8b{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton-loading-719f2a8b{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-719f2a8b]{background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-719f2a8b 1.5s infinite;animation:skeleton-loading-719f2a8b 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item[data-v-719f2a8b]{padding:10px 12px;margin:6px 8px;background:#fff;border-radius:6px}.left-catalog>.skeleton-item .skeleton-title[data-v-719f2a8b]{height:16px;width:70%;margin-bottom:8px;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-719f2a8b 1.5s infinite;animation:skeleton-loading-719f2a8b 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item .skeleton-desc[data-v-719f2a8b]{height:12px;width:50%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-719f2a8b 1.5s infinite;animation:skeleton-loading-719f2a8b 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card[data-v-719f2a8b]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;padding:8px;margin-bottom:8px;background:#fafafa;border-radius:8px}.skeleton-cards .skeleton-card .skeleton-cover[data-v-719f2a8b]{width:48px;height:48px;border-radius:6px;-webkit-flex-shrink:0;flex-shrink:0;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-719f2a8b 1.5s infinite;animation:skeleton-loading-719f2a8b 1.5s infinite}.skeleton-cards .skeleton-card .skeleton-content[data-v-719f2a8b]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-title[data-v-719f2a8b]{height:14px;width:80%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-719f2a8b 1.5s infinite;animation:skeleton-loading-719f2a8b 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc[data-v-719f2a8b]{height:12px;width:100%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-719f2a8b 1.5s infinite;animation:skeleton-loading-719f2a8b 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc.short[data-v-719f2a8b]{width:60%}
.hanzi-form-process[data-v-844d3364]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden}.header[data-v-844d3364] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-844d3364] .t-icon{font-size:20px;cursor:pointer}.content[data-v-844d3364]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.search-wrapper[data-v-844d3364]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-radius:0 0 8px 8px;padding:12px;margin-bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-wrapper .back-icon[data-v-844d3364]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.search-wrapper .back-icon[data-v-844d3364]:hover{color:#3b82f6}.search-wrapper .back-icon[data-v-844d3364]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.search-wrapper[data-v-844d3364] .t-search{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;width:100%}.search-wrapper .search-stats[data-v-844d3364]{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}.search-wrapper .search-stats .stats-text[data-v-844d3364]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-wrapper .search-stats .clear-btn[data-v-844d3364]{color:#0052d9;cursor:pointer;font-size:12px}.search-wrapper .search-stats .clear-btn[data-v-844d3364]:hover{text-decoration:underline}.search-results[data-v-844d3364]{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.search-list[data-v-844d3364]{padding:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-result-item[data-v-844d3364]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px;margin-bottom:8px;background-color:#f9f9f9;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.search-result-item[data-v-844d3364]:hover{background-color:#f0f0f0;-webkit-transform:translateX(4px);transform:translateX(4px)}.search-result-item[data-v-844d3364]:last-child{margin-bottom:0}.search-result-item .result-content[data-v-844d3364]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.search-result-item .result-name[data-v-844d3364]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-all}.search-result-item .result-name[data-v-844d3364] .highlight{color:#0052d9;background-color:#e0edff;padding:2px 4px;border-radius:2px;font-weight:600}.search-result-item .result-path[data-v-844d3364]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item[data-v-844d3364] .t-icon{color:#999;margin-left:8px;-webkit-flex-shrink:0;flex-shrink:0}.load-more[data-v-844d3364]{margin-top:16px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.load-more[data-v-844d3364] .t-button{min-height:36px}.load-more[data-v-844d3364] .t-loading{padding:12px 0}.no-more[data-v-844d3364]{text-align:center;padding:16px 0;color:#999;font-size:13px}.no-more span[data-v-844d3364]{display:inline-block;padding:0 16px;position:relative}.no-more span[data-v-844d3364]::before,.no-more span[data-v-844d3364]::after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#e0e0e0}.no-more span[data-v-844d3364]::before{right:100%;margin-right:8px}.no-more span[data-v-844d3364]::after{left:100%;margin-left:8px}.directory-content[data-v-844d3364]{position:fixed;top:70px;left:0;right:0;bottom:60px;display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:0 12px;overflow:hidden;-webkit-overflow-scrolling:touch}.left-catalog[data-v-844d3364]{width:45%;min-width:150px;background-color:#fafafa;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.left-catalog[data-v-844d3364]::-webkit-scrollbar{display:none}.right-evolution-list[data-v-844d3364]{-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:12px;scrollbar-width:none;-ms-overflow-style:none}.right-evolution-list[data-v-844d3364]::-webkit-scrollbar{display:none}.evolution-cards[data-v-844d3364]{width:100%}.empty-state[data-v-844d3364]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:40px 20px;color:#999;min-height:200px;margin:0 auto}.empty-state[data-v-844d3364] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-844d3364]{font-size:14px;margin:0}.map-content[data-v-844d3364]{height:calc(100vh - 120px);margin-top:16px;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width: 768px){.directory-content[data-v-844d3364]{gap:8px}.left-catalog[data-v-844d3364]{width:40%;min-width:130px}.right-evolution-list[data-v-844d3364]{padding:8px}}@-webkit-keyframes fadeInUp-844d3364{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-844d3364{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left-catalog[data-v-844d3364] .catalog-tree-item{-webkit-animation:fadeInUp-844d3364 .3s ease-out forwards;animation:fadeInUp-844d3364 .3s ease-out forwards;opacity:0}.evolution-cards[data-v-844d3364] .form-process-card{-webkit-animation:fadeInUp-844d3364 .3s ease-out forwards;animation:fadeInUp-844d3364 .3s ease-out forwards;opacity:0}@-webkit-keyframes skeleton-loading-844d3364{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton-loading-844d3364{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-844d3364]{background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-844d3364 1.5s infinite;animation:skeleton-loading-844d3364 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item[data-v-844d3364]{padding:10px 12px;margin:6px 8px;background:#fff;border-radius:6px}.left-catalog>.skeleton-item .skeleton-title[data-v-844d3364]{height:16px;width:70%;margin-bottom:8px;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-844d3364 1.5s infinite;animation:skeleton-loading-844d3364 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item .skeleton-desc[data-v-844d3364]{height:12px;width:50%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-844d3364 1.5s infinite;animation:skeleton-loading-844d3364 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card[data-v-844d3364]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;padding:8px;margin-bottom:8px;background:#fafafa;border-radius:8px}.skeleton-cards .skeleton-card .skeleton-cover[data-v-844d3364]{width:48px;height:48px;border-radius:6px;-webkit-flex-shrink:0;flex-shrink:0;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-844d3364 1.5s infinite;animation:skeleton-loading-844d3364 1.5s infinite}.skeleton-cards .skeleton-card .skeleton-content[data-v-844d3364]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-title[data-v-844d3364]{height:14px;width:80%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-844d3364 1.5s infinite;animation:skeleton-loading-844d3364 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc[data-v-844d3364]{height:12px;width:100%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-844d3364 1.5s infinite;animation:skeleton-loading-844d3364 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc.short[data-v-844d3364]{width:60%}
.hanzi-structure[data-v-a28337f2]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100vh;overflow:hidden}.header[data-v-a28337f2] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-a28337f2] .t-icon{font-size:20px;cursor:pointer}.content[data-v-a28337f2]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden}.search-wrapper[data-v-a28337f2]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fff;border-radius:0 0 8px 8px;padding:12px;margin-bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.05);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-wrapper .back-icon[data-v-a28337f2]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.search-wrapper .back-icon[data-v-a28337f2]:hover{color:#3b82f6}.search-wrapper .back-icon[data-v-a28337f2]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.search-wrapper[data-v-a28337f2] .t-search{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;width:100%}.search-wrapper .search-stats[data-v-a28337f2]{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:12px;color:#999}.search-wrapper .search-stats .stats-text[data-v-a28337f2]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-wrapper .search-stats .clear-btn[data-v-a28337f2]{color:#0052d9;cursor:pointer;font-size:12px}.search-wrapper .search-stats .clear-btn[data-v-a28337f2]:hover{text-decoration:underline}.search-results[data-v-a28337f2]{width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.search-list[data-v-a28337f2]{padding:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.search-result-item[data-v-a28337f2]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px;margin-bottom:8px;background-color:#f9f9f9;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.search-result-item[data-v-a28337f2]:hover{background-color:#f0f0f0;-webkit-transform:translateX(4px);transform:translateX(4px)}.search-result-item[data-v-a28337f2]:last-child{margin-bottom:0}.search-result-item .result-content[data-v-a28337f2]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.search-result-item .result-name[data-v-a28337f2]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;word-break:break-all}.search-result-item .result-name[data-v-a28337f2] .highlight{color:#0052d9;background-color:#e0edff;padding:2px 4px;border-radius:2px;font-weight:600}.search-result-item .result-path[data-v-a28337f2]{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item[data-v-a28337f2] .t-icon{color:#999;margin-left:8px;-webkit-flex-shrink:0;flex-shrink:0}.load-more[data-v-a28337f2]{margin-top:16px;text-align:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.load-more[data-v-a28337f2] .t-button{min-height:36px}.load-more[data-v-a28337f2] .t-loading{padding:12px 0}.no-more[data-v-a28337f2]{text-align:center;padding:16px 0;color:#999;font-size:13px}.no-more span[data-v-a28337f2]{display:inline-block;padding:0 16px;position:relative}.no-more span[data-v-a28337f2]::before,.no-more span[data-v-a28337f2]::after{content:"";position:absolute;top:50%;width:40px;height:1px;background-color:#e0e0e0}.no-more span[data-v-a28337f2]::before{right:100%;margin-right:8px}.no-more span[data-v-a28337f2]::after{left:100%;margin-left:8px}.directory-content[data-v-a28337f2]{position:fixed;top:70px;left:0;right:0;bottom:60px;display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:0 12px;overflow:hidden;-webkit-overflow-scrolling:touch}.left-catalog[data-v-a28337f2]{width:45%;min-width:150px;background-color:#fafafa;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:none;-ms-overflow-style:none}.left-catalog[data-v-a28337f2]::-webkit-scrollbar{display:none}.right-evolution-list[data-v-a28337f2]{-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;border-radius:8px;overflow-y:auto;overflow-x:hidden;padding:12px;scrollbar-width:none;-ms-overflow-style:none}.right-evolution-list[data-v-a28337f2]::-webkit-scrollbar{display:none}.evolution-cards[data-v-a28337f2]{width:100%}.empty-state[data-v-a28337f2]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:40px 20px;color:#999;min-height:200px;margin:0 auto}.empty-state[data-v-a28337f2] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-a28337f2]{font-size:14px;margin:0}.map-content[data-v-a28337f2]{height:calc(100vh - 120px);margin-top:16px;border-radius:8px;overflow:hidden;background-color:#fff}@media(max-width: 768px){.directory-content[data-v-a28337f2]{gap:8px}.left-catalog[data-v-a28337f2]{width:40%;min-width:130px}.right-evolution-list[data-v-a28337f2]{padding:8px}}@-webkit-keyframes fadeInUp-a28337f2{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-a28337f2{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.left-catalog[data-v-a28337f2] .catalog-tree-item{-webkit-animation:fadeInUp-a28337f2 .3s ease-out both;animation:fadeInUp-a28337f2 .3s ease-out both}.evolution-cards[data-v-a28337f2] .form-process-card{-webkit-animation:fadeInUp-a28337f2 .3s ease-out both;animation:fadeInUp-a28337f2 .3s ease-out both}@-webkit-keyframes skeleton-loading-a28337f2{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes skeleton-loading-a28337f2{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.skeleton-line[data-v-a28337f2]{background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-a28337f2 1.5s infinite;animation:skeleton-loading-a28337f2 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item[data-v-a28337f2]{padding:10px 12px;margin:6px 8px;background:#fff;border-radius:6px}.left-catalog>.skeleton-item .skeleton-title[data-v-a28337f2]{height:16px;width:70%;margin-bottom:8px;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-a28337f2 1.5s infinite;animation:skeleton-loading-a28337f2 1.5s infinite;border-radius:4px}.left-catalog>.skeleton-item .skeleton-desc[data-v-a28337f2]{height:12px;width:50%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-a28337f2 1.5s infinite;animation:skeleton-loading-a28337f2 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card[data-v-a28337f2]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;padding:8px;margin-bottom:8px;background:#fafafa;border-radius:8px}.skeleton-cards .skeleton-card .skeleton-cover[data-v-a28337f2]{width:48px;height:48px;border-radius:6px;-webkit-flex-shrink:0;flex-shrink:0;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-a28337f2 1.5s infinite;animation:skeleton-loading-a28337f2 1.5s infinite}.skeleton-cards .skeleton-card .skeleton-content[data-v-a28337f2]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-title[data-v-a28337f2]{height:14px;width:80%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-a28337f2 1.5s infinite;animation:skeleton-loading-a28337f2 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc[data-v-a28337f2]{height:12px;width:100%;background:-webkit-linear-gradient(left, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background:linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);background-size:200px 100%;-webkit-animation:skeleton-loading-a28337f2 1.5s infinite;animation:skeleton-loading-a28337f2 1.5s infinite;border-radius:4px}.skeleton-cards .skeleton-card .skeleton-content .skeleton-desc.short[data-v-a28337f2]{width:60%}
.hanzi-settings[data-v-bed96f20]{width:100%;height:100vh;background-color:#f5f5f5;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.hanzi-settings .custom-header[data-v-bed96f20]{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 16px;box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:1000}.hanzi-settings .custom-header .back-icon[data-v-bed96f20]{-webkit-flex-shrink:0;flex-shrink:0;font-size:24px;color:#1f2937;cursor:pointer;-webkit-transition:color .2s ease;transition:color .2s ease}.hanzi-settings .custom-header .back-icon[data-v-bed96f20]:hover{color:#3b82f6}.hanzi-settings .custom-header .back-icon[data-v-bed96f20]:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.hanzi-settings .custom-header .header-title[data-v-bed96f20]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:18px;font-weight:600;color:#1f2937;letter-spacing:.5px}.hanzi-settings .custom-header .header-placeholder[data-v-bed96f20]{-webkit-flex-shrink:0;flex-shrink:0;width:24px;height:24px}.hanzi-settings .content[data-v-bed96f20]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:72px 16px 16px;scrollbar-width:none;-ms-overflow-style:none}.hanzi-settings .content[data-v-bed96f20]::-webkit-scrollbar{display:none}.hanzi-settings .settings-card[data-v-bed96f20]{background-color:#fff;border-radius:8px;overflow:hidden;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.hanzi-settings .about-content[data-v-bed96f20]{padding:16px 0;font-size:14px;line-height:1.6;color:#6b7280}
.hanzi-evolution-map-container{width:100vw;height:100vh;position:fixed;top:0;left:0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background-color:#fafafa}@-webkit-keyframes ant-line{to{stroke-dashoffset:-1000}}@keyframes ant-line{to{stroke-dashoffset:-1000}}.chart-container,.hanzi-chart-container,#hanzi-evolution-chart-container{width:100%;height:100%;background-color:#fafafa;position:relative}#container,#hanzi-evolution-chart-container{z-index:1;position:relative;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;touch-action:pan-x pan-y pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.btn-base,.control-button{border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-weight:500}.btn-base:hover,.control-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-base:active,.control-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.bottom-right-controls-wrapper{position:fixed;bottom:60px;right:2px;z-index:10;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:10px}.toggle-button{width:40px;height:40px;background-color:hsla(0,0%,100%,.9);color:#333;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}.toggle-button:hover{background-color:rgba(240,240,240,.95);transform:scale(1.1);-webkit-transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.toggle-button:active{transform:scale(0.95);-webkit-transform:scale(0.95);box-shadow:0 1px 4px rgba(0,0,0,.1)}.bottom-right-controls{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:10px;background-color:rgba(0,0,0,0);border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-control{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:4px}.fix-back-button{position:fixed;bottom:20px;left:20px;z-index:1000;width:40px;height:40px;background-color:hsla(0,0%,100%,.95);border:1px solid #d0d0d0;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.15);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}.fix-back-button:hover{background-color:rgba(240,240,240,.98);transform:scale(1.1);-webkit-transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.2)}.fix-back-button:active{transform:scale(0.95);-webkit-transform:scale(0.95);box-shadow:0 1px 6px rgba(0,0,0,.1)}.zoom-controls{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.reset-control{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.pan-controls{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.pan-horizontal{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px}.zoom-value{min-width:50px;text-align:center;font-size:14px;font-weight:500;color:#333}.control-button{width:40px;height:40px;background-color:#fff;border:1px solid #d0d0d0;font-size:16px;color:#333}.control-button:hover{background-color:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-button:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.bottom-right-controls-wrapper{bottom:60px;right:15px;gap:8px}.toggle-button{width:36px;height:36px;font-size:16px}.bottom-right-controls{gap:8px}.control-button{width:35px;height:35px;font-size:14px}.fix-back-button{bottom:15px;left:15px;width:36px;height:36px}}@media(min-width: 320px)and (max-width: 480px){.bottom-right-controls-wrapper{bottom:60px;right:10px;gap:6px}.toggle-button{width:32px;height:32px;font-size:14px}.bottom-right-controls{gap:6px}.control-button{width:30px;height:30px;font-size:12px}.zoom-value{min-width:40px;font-size:12px}.fix-back-button{bottom:12px;left:12px;width:32px;height:32px}}
/* 继续TDesign胶囊按钮样式 */
.tdesign-capsule-btn:active {
-webkit-transform: translateY(0) scale(0.98);
transform: translateY(0) scale(0.98);
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
}
/* 焦点效果 */
.tdesign-capsule-btn:focus {
outline: none;
box-shadow:
0 0 0 4rpx rgba(59, 130, 246, 0.25),
0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}
/* TDesign 单选组件 - 极简科技风胶囊形状 */
.tdesign-radio-group {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 16rpx;
width: 100%;
padding: 0;
}
.tdesign-radio-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 80rpx;
padding: 0 24rpx;
border-radius: 40rpx;
border: 2rpx solid rgba(226, 232, 240, 0.8);
background: #f1f5f9;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
overflow: hidden;
}
/* 单选点标记 */
.tdesign-radio-dot {
position: absolute;
left: 16rpx;
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
box-shadow:
0 2rpx 6rpx rgba(59, 130, 246, 0.3),
inset 0 1rpx 0 rgba(255, 255, 255, 0.4);
-webkit-animation: dotAppear 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: dotAppear 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-webkit-keyframes dotAppear {
from {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes dotAppear {
from {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* 文字标签 */
.tdesign-radio-label {
font-size: 28rpx;
font-weight: 500;
color: #64748b;
letter-spacing: 2rpx;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
margin-left: 8rpx;
}
/* 悬停效果 - 遵循交互规范 */
.tdesign-radio-item:hover {
-webkit-transform: translateY(-1rpx) scale(1.02);
transform: translateY(-1rpx) scale(1.02);
background: rgba(226, 232, 240, 0.9);
border-color: rgba(203, 213, 225, 0.9);
box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}
.tdesign-radio-item:hover .tdesign-radio-label {
color: #3b82f6;
}
/* 选中状态 - 科技蓝渐变胶囊 */
.tdesign-radio-item--active {
background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
border: 2rpx solid #2563eb;
box-shadow:
0 8rpx 24rpx rgba(59, 130, 246, 0.4),
inset 0 2rpx 0 rgba(255, 255, 255, 0.3),
inset 0 -1rpx 0 rgba(0, 0, 0, 0.1);
}
/* 选中后的文字颜色 */
.tdesign-radio-item--active .tdesign-radio-label {
color: #ffffff;
font-weight: 600;
text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}
/* 选中后的单选点 */
.tdesign-radio-item--active .tdesign-radio-dot {
background: #ffffff;
box-shadow:
0 2rpx 6rpx rgba(0, 0, 0, 0.2),
inset 0 1rpx 0 rgba(255, 255, 255, 0.8);
}
/* 选中状态悬停 - 增强效果 */
.tdesign-radio-item--active:hover {
-webkit-transform: translateY(-1rpx) scale(1.02);
transform: translateY(-1rpx) scale(1.02);
background: -webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
box-shadow:
0 12rpx 32rpx rgba(59, 130, 246, 0.5),
inset 0 2rpx 0 rgba(255, 255, 255, 0.35),
inset 0 -1rpx 0 rgba(0, 0, 0, 0.15);
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
/* 点击效果 - 光效扩散 */
.tdesign-radio-item:active {
-webkit-transform: translateY(0) scale(0.98);
transform: translateY(0) scale(0.98);
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.tdesign-radio-item:active::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: ripple 0.3s ease-out;
animation: ripple 0.3s ease-out;
z-index: 1;
}
@-webkit-keyframes ripple {
to {
width: 200rpx;
height: 200rpx;
opacity: 0;
}
}
@keyframes ripple {
to {
width: 200rpx;
height: 200rpx;
opacity: 0;
}
}
/* 焦点效果 - 无障碍支持 */
.tdesign-radio-item:focus {
outline: none;
box-shadow:
0 0 0 4rpx rgba(59, 130, 246, 0.25),
0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}
.tdesign-radio-item--active:focus {
box-shadow:
0 0 0 4rpx rgba(59, 130, 246, 0.4),
0 8rpx 24rpx rgba(59, 130, 246, 0.4),
inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
}
.radio-slider-container {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 64rpx;
background: #f8fafc;
border-radius: 12rpx;
border: 1rpx solid rgba(226, 232, 240, 0.8);
overflow: hidden;
box-shadow: inset 0 1rpx 3rpx rgba(0, 0, 0, 0.06);
}
/* 隐藏原生单选按钮 */
.radio-slider-input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
}
/* 单选按钮标签 */
.radio-slider-label {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
font-size: 28rpx;
font-weight: 500;
color: #64748b;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
z-index: 2;
letter-spacing: 2rpx;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* 滑动指示器 */
.radio-slider-indicator {
position: absolute;
top: 4rpx;
left: 4rpx;
width: calc(50% - 4rpx);
height: calc(100% - 8rpx);
background: -webkit-linear-gradient(315deg, #ffffff 0%, #f8fafc 100%);
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
border-radius: 8rpx;
box-shadow:
0 2rpx 8rpx rgba(0, 0, 0, 0.12),
0 1rpx 3rpx rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 1;
border: 1rpx solid rgba(255, 255, 255, 0.8);
}
/* 选中状态样式 */
.radio-slider-input:checked + .radio-slider-label {
color: #3b82f6;
font-weight: 600;
text-shadow: 0 1rpx 2rpx rgba(59, 130, 246, 0.2);
}
/* 第二个选项被选中时，滑动指示器移动到右侧 */
.radio-slider-input:nth-child(3):checked ~ .radio-slider-indicator {
-webkit-transform: translateX(100%);
transform: translateX(100%);
background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
box-shadow:
0 4rpx 12rpx rgba(59, 130, 246, 0.25),
0 2rpx 6rpx rgba(59, 130, 246, 0.15);
}
/* 第二个选项被选中时的文字颜色 */
.radio-slider-input:nth-child(3):checked + .radio-slider-label {
color: #ffffff;
text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}
/* 悬停效果 */
.radio-slider-label:hover {
color: #3b82f6;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.radio-slider-input:checked + .radio-slider-label:hover {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
/* 焦点效果 */
.radio-slider-input:focus + .radio-slider-label {
outline: none;
box-shadow: 0 0 0 3rpx rgba(59, 130, 246, 0.3);
border-radius: 8rpx;
}
/* 点击反馈 */
.radio-slider-label:active {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
/* 悬停效果 */
.gender-btn:hover {
-webkit-transform: translateY(-1rpx) scale(1.02);
transform: translateY(-1rpx) scale(1.02);
background: #e2e8f0;
border-color: #cbd5e1;
box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
color: #475569;
}
/* 选中状态 - 胶囊科技风 */
.gender-btn.active {
background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
color: #ffffff;
border: 2rpx solid #2563eb;
box-shadow:
0 6rpx 18rpx rgba(59, 130, 246, 0.3),
inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1);
}
/* 选中状态悬停 */
.gender-btn.active:hover {
-webkit-transform: translateY(-2rpx) scale(1.02);
transform: translateY(-2rpx) scale(1.02);
background: -webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
box-shadow:
0 10rpx 28rpx rgba(59, 130, 246, 0.4),
inset 0 1rpx 0 rgba(255, 255, 255, 0.3);
-webkit-filter: brightness(1.05);
filter: brightness(1.05);
}
/* 点击效果 */
.gender-btn:active {
-webkit-transform: translateY(0) scale(0.98);
transform: translateY(0) scale(0.98);
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
/* 焦点效果 */
.gender-btn:focus {
outline: none;
box-shadow:
0 0 0 3rpx rgba(59, 130, 246, 0.3),
0 6rpx 18rpx rgba(0, 0, 0, 0.1);
}
.gender-btn.active:focus {
box-shadow:
0 0 0 3rpx rgba(59, 130, 246, 0.5),
0 6rpx 18rpx rgba(59, 130, 246, 0.3),
inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
}
/* 姓名输入框特殊布局 - 两个输入框并排 */
.edit-form-group:first-child {
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.edit-form-group:first-child .edit-form-input {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-right: 8px;
}
.edit-form-group:first-child .edit-form-input:last-child {
margin-right: 0;
}
.edit-modal-footer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
gap: 12px;
padding: 20px;
border-top: 1px solid rgba(148, 163, 184, 0.2);
background: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.edit-modal-btn {
padding: 12px 24px;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 80px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.edit-modal-btn.primary {
background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.edit-modal-btn.primary:hover {
background: -webkit-linear-gradient(315deg, #5a6fd8 0%, #6a42a0 100%);
background: linear-gradient(135deg, #5a6fd8 0%, #6a42a0 100%);
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}
.edit-modal-btn.primary:active {
-webkit-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}
.edit-modal-btn.secondary {
background: rgba(148, 163, 184, 0.1);
color: #6b7280;
border: 1px solid rgba(148, 163, 184, 0.3);
}
.edit-modal-btn.secondary:hover {
background: rgba(148, 163, 184, 0.2);
color: #374151;
border-color: rgba(148, 163, 184, 0.4);
}
.edit-modal-btn.secondary:active {
background: rgba(148, 163, 184, 0.3);
}
/* 移动端优化 */
@media (max-width: 768px) {
.edit-modal-container {
width: 80%;
}
.edit-modal-header {
padding: 16px;
}
.edit-modal-title {
font-size: 18px;
}
.edit-modal-body {
padding: 16px;
}
.edit-form {
gap: 16px;
}
.edit-modal-footer {
padding: 16px;
}
}
/* 之父选项框 - 横向排列胶囊按钮 */
.father-container {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
gap: 16rpx;
width: 100%;
}
/* 父亲类型选择框 */
.father-type-group {
min-width: 160rpx;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.father-type-select {
width: 100%;
height: 80rpx;
padding: 0 24rpx;
border-radius: 40rpx;
border: 2rpx solid rgba(226, 232, 240, 0.8);
background: #f1f5f9;
font-size: 26rpx;
font-weight: 500;
color: #333333;
letter-spacing: 2rpx;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* 自定义下拉箭头 */
background-image: url("data:image/svg+xml;charset=US-ASCII,");
background-repeat: no-repeat;
background-position: right 20rpx center;
background-size: 24rpx;
}
/* 选择框未选择时的占位符样式 */
.father-type-select option[value=""] {
color: #94a3b8;
font-style: italic;
}
/* 选择框有值时的样式 */
.father-type-select:not([value=""]),
.father-type-select--selected {
color: #ffffff;
background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
border-color: #2563eb;
font-weight: 600;
box-shadow:
0 8rpx 24rpx rgba(59, 130, 246, 0.4),
inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
/* 选中状态下的下拉箭头颜色 */
background-image: url("data:image/svg+xml;charset=US-ASCII,");
}
.father-type-select:hover {
background-color: rgba(226, 232, 240, 0.9);
border-color: rgba(203, 213, 225, 0.9);
box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}
.father-type-select:focus {
border-color: #3b82f6;
box-shadow:
0 0 0 4rpx rgba(59, 130, 246, 0.25),
0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}
/* 父亲人物选择框组 */
.father-person-group {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-left: 16rpx;
}
.father-person-select {
width: 100%;
height: 80rpx;
padding: 0 24rpx;
border-radius: 40rpx;
border: 2rpx solid rgba(226, 232, 240, 0.8);
background: #f1f5f9;
font-size: 26rpx;
font-weight: 500;
color: #333333;
letter-spacing: 2rpx;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
/* 自定义下拉箭头 */
background-image: url("data:image/svg+xml;charset=US-ASCII,");
background-repeat: no-repeat;
background-position: right 20rpx center;
background-size: 24rpx;
}
.father-person-select option[value=""] {
color: #94a3b8;
font-style: italic;
}
/* 选择框有值时的样式 */
.father-person-select:not([value=""]),
.father-person-select--selected {
color: #ffffff;
background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
border-color: #2563eb;
font-weight: 600;
box-shadow:
0 8rpx 24rpx rgba(59, 130, 246, 0.4),
inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
/* 选中状态下的下拉箭头颜色 */
background-image: url("data:image/svg+xml;charset=US-ASCII,");
}
.father-person-select:hover {
background-color: rgba(226, 232, 240, 0.9);
border-color: rgba(203, 213, 225, 0.9);
box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}
.father-person-select:focus {
border-color: #3b82f6;
background: -webkit-linear-gradient(315deg, #f8fafc 0%, #ffffff 100%);
background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
box-shadow:
0 0 0 4rpx rgba(59, 130, 246, 0.25),
0 8rpx 20rpx rgba(0, 0, 0, 0.12);
color: #1e293b;
}
.popup-head-box[data-v-0cc4284e]{position:relative;background:#fff;height:80px;border-radius:20px 20px 0 0}.hanzi-detail-modal[data-v-0cc4284e]{min-height:100vh;padding-bottom:100px;border-radius:20px 20px 0 0}.hanzi-detail-modal .scrollable-container[data-v-0cc4284e]{height:calc(100vh - 260px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:20px;padding-bottom:20px;box-sizing:border-box}.hanzi-detail-modal .section[data-v-0cc4284e]{background:hsla(0,0%,100%,.92);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 8px 24px rgba(149,157,165,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.5);position:relative;overflow:hidden}.hanzi-detail-modal .section[data-v-0cc4284e]::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:-webkit-linear-gradient(top, #667eea 0%, #764ba2 100%);background:linear-gradient(180deg, #667eea 0%, #764ba2 100%)}.hanzi-detail-modal .section[data-v-0cc4284e]:last-child{margin-bottom:0}.hanzi-detail-modal .section-title[data-v-0cc4284e]{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #eee;text-align:left;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hanzi-detail-modal .section-title[data-v-0cc4284e]::before{content:"";width:6px;height:20px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:3px;margin-right:12px}.hanzi-detail-modal .core-info-section[data-v-0cc4284e] .t-form__label{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;font-weight:500;color:#34495e}.hanzi-detail-modal .core-info-section[data-v-0cc4284e] .cell-label{text-align:right;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;font-weight:500;color:#34495e}.hanzi-detail-modal .core-info-section .section-title[data-v-0cc4284e]{text-align:left}.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-bottom:16px}.hanzi-detail-modal .introduction-vertical-layout .introduction-label[data-v-0cc4284e]{font-size:17px;font-weight:500;color:#2c3e50;margin-bottom:12px;text-align:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hanzi-detail-modal .introduction-vertical-layout .introduction-label[data-v-0cc4284e]::before{content:"";width:6px;height:16px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:3px;margin-right:10px}.hanzi-detail-modal .introduction-vertical-layout .biography-content[data-v-0cc4284e]{font-size:15px;line-height:1.8;color:#2c3e50;padding:16px;background:#fafbfc;border-radius:12px;white-space:pre-wrap}.hanzi-detail-modal .introduction-vertical-layout .biography-content .example-item[data-v-0cc4284e]{padding:8px 0;border-bottom:1px dashed #e1e8ed}.hanzi-detail-modal .introduction-vertical-layout .biography-content .example-item[data-v-0cc4284e]:last-child{border-bottom:none}.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e] .t-textarea .t-textarea__wrapper{padding:0;border:none}.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e] .t-textarea .t-textarea__inner{min-height:140px;padding:16px;border:1px solid #e1e8ed;border-radius:12px;background:#fafbfc;font-size:15px;line-height:1.5;-webkit-transition:all .3s ease;transition:all .3s ease}.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e] .t-textarea .t-textarea__inner:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2);background:#fff}.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e] .t-textarea .t-textarea__limit{text-align:right;padding-right:0;margin-top:8px;font-size:13px;color:#7f8c8d}.hanzi-detail-modal .introduction-vertical-layout .empty-state[data-v-0cc4284e]{text-align:center;padding:20px;color:#999}.hanzi-detail-modal .introduction-vertical-layout .empty-state .empty-text[data-v-0cc4284e]{font-size:14px;margin:0}.hanzi-detail-modal .avatar-info-layout[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;gap:20px;margin-bottom:20px;margin-top:10px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.hanzi-detail-modal .avatar-info-layout .info-fields-container[data-v-0cc4284e]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.hanzi-detail-modal .avatar-info-layout .info-fields-container[data-v-0cc4284e] .t-form__item{margin-bottom:16px}.hanzi-detail-modal[data-v-0cc4284e] .t-form__item{margin-bottom:16px}.hanzi-detail-modal[data-v-0cc4284e] .t-form__item .t-cell{padding:14px 0;background:rgba(0,0,0,0)}.hanzi-detail-modal[data-v-0cc4284e] .t-form__item .t-cell::after{display:none}.hanzi-detail-modal[data-v-0cc4284e] .t-form__item .t-input{text-align:right;padding-right:0}.hanzi-detail-modal[data-v-0cc4284e] .t-form__item .t-input__inner{text-align:right;color:#34495e;font-size:16px}.hanzi-detail-modal .horizontal-fields[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;margin-bottom:16px}.hanzi-detail-modal .horizontal-fields .form-item[data-v-0cc4284e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:0}.hanzi-detail-modal .horizontal-item[data-v-0cc4284e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:0}.hanzi-detail-modal .horizontal-item .t-cell[data-v-0cc4284e]{padding:14px;background:#fafbfc;border-radius:10px;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.hanzi-detail-modal .horizontal-item .t-cell[data-v-0cc4284e]:active{background:#edf2f7}.hanzi-detail-modal .horizontal-item .t-cell[data-v-0cc4284e]::after{display:none}.hanzi-detail-modal .cell-label[data-v-0cc4284e]{font-size:16px;color:#2c3e50;font-weight:500;text-align:left}.hanzi-detail-modal .cell-value[data-v-0cc4284e]{font-size:16px;color:#7f8c8d;margin-left:10px;text-align:right}.hanzi-detail-modal .cell-value.selected[data-v-0cc4284e]{color:#2c3e50}.hanzi-detail-modal .relation-module[data-v-0cc4284e]{margin-bottom:25px}.hanzi-detail-modal .relation-module[data-v-0cc4284e]:last-child{margin-bottom:0}.hanzi-detail-modal .relation-module .module-title[data-v-0cc4284e]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee;position:relative}.hanzi-detail-modal .relation-module .module-title[data-v-0cc4284e]::before{content:"";position:absolute;left:-10px;top:5px;bottom:12px;width:3px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:2px}.hanzi-detail-modal .relation-module .persons-container[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.hanzi-detail-modal .relation-module .persons-container .person-card[data-v-0cc4284e]{-webkit-box-flex:0;-webkit-flex:0 0 120px;flex:0 0 120px;max-width:120px}.hanzi-detail-modal .relation-module .person-card[data-v-0cc4284e]{background:#f8f9ff;border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(102,126,234,.1);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;border:1px solid #e1e8ed;min-height:100px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center}.hanzi-detail-modal .relation-module .person-card[data-v-0cc4284e]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.hanzi-detail-modal .relation-module .person-card .person-info[data-v-0cc4284e]{margin-bottom:8px;width:100%}.hanzi-detail-modal .relation-module .person-card .person-info .person-name[data-v-0cc4284e]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hanzi-detail-modal .relation-module .person-card .person-info .person-rank[data-v-0cc4284e]{font-size:12px;color:#7f8c8d;margin-bottom:3px}.hanzi-detail-modal .relation-module .empty-state[data-v-0cc4284e]{text-align:center;padding:20px;color:#999}.hanzi-detail-modal .relation-module .empty-state .empty-text[data-v-0cc4284e]{font-size:14px;margin:0}@-webkit-keyframes fadeInUp-0cc4284e{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-0cc4284e{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hanzi-detail-modal .section[data-v-0cc4284e]{-webkit-animation:fadeInUp-0cc4284e .6s ease forwards;animation:fadeInUp-0cc4284e .6s ease forwards}.hanzi-detail-modal .section[data-v-0cc4284e]:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}.hanzi-detail-modal .section[data-v-0cc4284e]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.hanzi-detail-modal .section[data-v-0cc4284e]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.hanzi-detail-modal .pinyin-list[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:20px}.hanzi-detail-modal .pinyin-list .pinyin-item[data-v-0cc4284e]{background:#fafbfc;border-radius:12px;padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.hanzi-detail-modal .pinyin-list .pinyin-item[data-v-0cc4284e]:hover{background:#f0f2f5}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-name[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed #e1e8ed}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-name .pinyin-label[data-v-0cc4284e]{font-size:15px;font-weight:600;color:#667eea;margin-right:10px}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-name .pinyin-value[data-v-0cc4284e]{font-size:18px;font-weight:bold;color:#2c3e50}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-content .content-label[data-v-0cc4284e]{font-size:14px;font-weight:600;color:#7f8c8d;margin-bottom:8px}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-content .content-text[data-v-0cc4284e]{font-size:15px;line-height:1.8;color:#2c3e50;white-space:pre-wrap;word-break:break-word}.hanzi-detail-modal .image-gallery[data-v-0cc4284e]{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:15px}.hanzi-detail-modal .image-gallery .image-item[data-v-0cc4284e]{width:100%;border-radius:12px;overflow:hidden;background:#f8f9ff;box-shadow:0 2px 8px rgba(102,126,234,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.hanzi-detail-modal .image-gallery .image-item[data-v-0cc4284e]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.hanzi-detail-modal .image-gallery .image-item .sy-image[data-v-0cc4284e]{width:100%;height:auto;display:block;object-fit:cover}.close-btn[data-v-0cc4284e]{position:absolute;right:10px;top:-40px}.avatar-upload-container[data-v-0cc4284e]{position:absolute;z-index:999;left:15px;top:-75px}.avatar-upload-container .avatar-and-info-wrapper[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame[data-v-0cc4284e]{width:110px;height:150px;border-radius:12px;border:2px dashed #c5d4e7;background:-webkit-linear-gradient(315deg, #f8f9ff 0%, #eef2f7 100%);background:linear-gradient(135deg, #f8f9ff 0%, #eef2f7 100%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;overflow:hidden}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame[data-v-0cc4284e]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(315deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);background:linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%)}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .hanzi-character[data-v-0cc4284e]{font-size:60px;font-weight:bold;color:#667eea;position:relative;z-index:1}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .avatar-image[data-v-0cc4284e]{width:100%;height:100%;object-fit:cover;border-radius:10px}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info[data-v-0cc4284e]{position:absolute;left:120px;width:100%;bottom:-8px;white-space:nowrap}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .tag-box[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .value[data-v-0cc4284e]{padding:5px 10px;border-radius:8px;font-size:14px;font-weight:500;margin-right:8px;display:inline-block}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .pinyin-tag[data-v-0cc4284e]{background:#e3f2fd;color:#1976d2}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .evolution-tag[data-v-0cc4284e]{background:#fce4ec;color:#c2185b}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .name-info[data-v-0cc4284e]{font-size:25px;font-weight:bold;color:#2c3e50}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info[data-v-0cc4284e]:last-child{margin-bottom:0}.avatar-preview.id-photo-frame[data-v-0cc4284e]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(315deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);background:linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%)}.avatar-preview.id-photo-frame[data-v-0cc4284e]:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.2)}.avatar-preview.id-photo-frame[data-v-0cc4284e]:active{-webkit-transform:translateY(0);transform:translateY(0)}.avatar-preview.id-photo-frame .avatar-placeholder[data-v-0cc4284e]{position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.avatar-preview.id-photo-frame .avatar-placeholder .avatar-icon[data-v-0cc4284e]{font-size:36px;color:#667eea}.avatar-preview.id-photo-frame .avatar-placeholder .avatar-text[data-v-0cc4284e]{font-size:15px;margin-top:10px;color:#7f8c8d}.avatar-preview.id-photo-frame .avatar-image[data-v-0cc4284e]{width:100%;height:100%;object-fit:cover;border-radius:10px}.avatar-preview[data-v-0cc4284e]{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:-webkit-linear-gradient(315deg, #f8f9ff 0%, #eef2f7 100%);background:linear-gradient(135deg, #f8f9ff 0%, #eef2f7 100%);border:2px solid #e1e8ed;-webkit-transition:all .3s ease;transition:all .3s ease}.avatar-preview[data-v-0cc4284e]:hover{border-color:#667eea;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 16px rgba(102,126,234,.2)}.avatar-preview[data-v-0cc4284e]:active{-webkit-transform:scale(1);transform:scale(1)}.avatar-file-input[data-v-0cc4284e]{display:none}[data-v-0cc4284e] .t-popup__overlay{background-color:rgba(0,0,0,.6)}[data-v-0cc4284e] .t-popup__content{border-radius:20px 20px 0 0}.hanzi-detail-popup[data-v-0cc4284e] .t-popup{-webkit-transition-duration:.2s !important;transition-duration:.2s !important}.hanzi-detail-popup[data-v-0cc4284e] .t-popup__content{width:100%;height:80vh;background:#fff;border-radius:12px 12px 0 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;-webkit-transition:-webkit-transform .2s ease-out !important;transition:-webkit-transform .2s ease-out !important;transition:transform .2s ease-out !important;transition:transform .2s ease-out, -webkit-transform .2s ease-out !important}.hanzi-detail-popup[data-v-0cc4284e] .t-popup__overlay{-webkit-transition:opacity .15s ease-out !important;transition:opacity .15s ease-out !important}.hanzi-detail-modal[data-v-0cc4284e]{min-height:auto !important;padding-bottom:0 !important;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;background:#fff}.hanzi-detail-modal .scrollable-container[data-v-0cc4284e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:auto !important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px;padding-bottom:env(safe-area-inset-bottom, 12px)}.hanzi-detail-modal .section[data-v-0cc4284e]{position:relative;background:#f8f9fa;border-radius:10px;padding:12px;padding-top:8px;margin-bottom:12px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;-webkit-animation:none;animation:none}.hanzi-detail-modal .section[data-v-0cc4284e]::before{display:none}.hanzi-detail-modal .section[data-v-0cc4284e]:last-child{margin-bottom:0}.hanzi-detail-modal .section-title[data-v-0cc4284e]{position:absolute;top:0;left:0;font-size:10px;font-weight:500;color:#fff;background:hsla(0,0%,40%,.85);padding:2px 12px 2px 8px;border-radius:10px 0 10px 0;margin-bottom:0;z-index:5}.hanzi-detail-modal .section-title[data-v-0cc4284e]::before{display:none}.hanzi-detail-modal .image-gallery[data-v-0cc4284e],.hanzi-detail-modal .pinyin-list[data-v-0cc4284e],.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e]{margin-top:16px}.hanzi-detail-modal .avatar-info-layout[data-v-0cc4284e]{gap:8px;margin:0}.hanzi-detail-modal .horizontal-fields[data-v-0cc4284e]{gap:8px;margin-bottom:0}.hanzi-detail-modal .horizontal-item .t-cell[data-v-0cc4284e]{padding:8px 10px;background:#f8f9fa;border-radius:4px}.hanzi-detail-modal .cell-label[data-v-0cc4284e]{font-size:13px;color:#666;font-weight:500}.hanzi-detail-modal .cell-value[data-v-0cc4284e]{font-size:13px;color:#333}.hanzi-detail-modal .pinyin-list[data-v-0cc4284e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:6px}.hanzi-detail-modal .pinyin-list .pinyin-item[data-v-0cc4284e]{position:relative;background:hsla(0,0%,100%,.45);border-radius:6px;padding:10px 12px;padding-top:8px}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-tag[data-v-0cc4284e]{position:absolute;top:0;right:0;font-size:12px;font-weight:600;color:#fff;background:rgba(25,118,210,.9);padding:2px 8px 2px 10px;border-radius:0 6px 0 10px;z-index:5}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-content[data-v-0cc4284e]{margin-top:4px}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-content .content-text[data-v-0cc4284e]{font-size:13px;line-height:1.6;color:#333}.hanzi-detail-modal .pinyin-list .pinyin-item .pinyin-content .content-text.empty-text[data-v-0cc4284e]{color:#999}.hanzi-detail-modal .introduction-vertical-layout[data-v-0cc4284e]{margin-bottom:0}.hanzi-detail-modal .introduction-vertical-layout .biography-content[data-v-0cc4284e]{font-size:13px;line-height:1.6;color:#333;padding:10px 12px;background:hsla(0,0%,100%,.45);border-radius:6px}.hanzi-detail-modal .image-gallery[data-v-0cc4284e]{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.hanzi-detail-modal .image-gallery .image-item[data-v-0cc4284e]{aspect-ratio:1;border-radius:6px;background:hsla(0,0%,100%,.45);box-shadow:none;overflow:hidden}.hanzi-detail-modal .image-gallery .image-item .sy-image[data-v-0cc4284e]{width:100%;height:100%;object-fit:contain}.modal-section[data-v-0cc4284e]{position:relative;box-sizing:border-box;margin-bottom:5px;padding-bottom:5px}.modal-header-section[data-v-0cc4284e]{-webkit-flex-shrink:0;flex-shrink:0}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame[data-v-0cc4284e]{border:none;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame[data-v-0cc4284e]::before{display:none}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame[data-v-0cc4284e]:hover{-webkit-transform:none;transform:none;box-shadow:none}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .avatar-image[data-v-0cc4284e]{width:100%;height:100%;object-fit:contain;border-radius:0}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags[data-v-0cc4284e]{position:absolute;top:0;right:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;z-index:10}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag[data-v-0cc4284e]{font-size:10px;font-weight:500;padding:2px 8px 2px 12px;border-radius:0 0 0 12px;margin-bottom:1px}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag[data-v-0cc4284e]:first-child{border-radius:0 8px 0 12px}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag[data-v-0cc4284e]:last-child{margin-bottom:0}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag.pinyin-tag[data-v-0cc4284e]{background:rgba(25,118,210,.9);color:#fff}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag.evolution-tag[data-v-0cc4284e]{background:rgba(194,24,91,.9);color:#fff}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-right-info[data-v-0cc4284e]{bottom:12px;top:auto;-webkit-transform:none;transform:none}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .value[data-v-0cc4284e]{padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500;margin-right:4px}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .name-info[data-v-0cc4284e]{font-size:24px;font-weight:bold;padding:0;background:rgba(0,0,0,0);color:#333}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .zi-source-info[data-v-0cc4284e]{margin-top:6px}.modal-header-section .avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .zi-source-info .zi-source-text[data-v-0cc4284e]{font-size:13px;line-height:1.5;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-content-section[data-v-0cc4284e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.content-block[data-v-0cc4284e]{position:relative;margin-bottom:15px}.content-block+.content-block[data-v-0cc4284e]{margin-top:0}
.hanzi-evolution-map-container[data-v-340a194c]{width:100vw;height:100vh;position:fixed;top:0;left:0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background-color:#fafafa}@-webkit-keyframes ant-line-340a194c{to{stroke-dashoffset:-1000}}@keyframes ant-line-340a194c{to{stroke-dashoffset:-1000}}.chart-container[data-v-340a194c],.hanzi-chart-container[data-v-340a194c],#hanzi-evolution-chart-container[data-v-340a194c]{width:100%;height:100%;background-color:#fafafa;position:relative}#container[data-v-340a194c],#hanzi-evolution-chart-container[data-v-340a194c]{z-index:1;position:relative;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;touch-action:pan-x pan-y pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.btn-base[data-v-340a194c],.control-button[data-v-340a194c]{border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-weight:500}.btn-base[data-v-340a194c]:hover,.control-button[data-v-340a194c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-base[data-v-340a194c]:active,.control-button[data-v-340a194c]:active{-webkit-transform:translateY(0);transform:translateY(0)}.bottom-right-controls-wrapper[data-v-340a194c]{position:fixed;bottom:60px;right:2px;z-index:10;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:10px}.toggle-button[data-v-340a194c]{width:40px;height:40px;background-color:hsla(0,0%,100%,.9);color:#333;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}.toggle-button[data-v-340a194c]:hover{background-color:rgba(240,240,240,.95);transform:scale(1.1);-webkit-transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.toggle-button[data-v-340a194c]:active{transform:scale(0.95);-webkit-transform:scale(0.95);box-shadow:0 1px 4px rgba(0,0,0,.1)}.bottom-right-controls[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:10px;background-color:rgba(0,0,0,0);border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-control[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:4px}.fix-back-button[data-v-340a194c]{position:fixed;bottom:20px;left:20px;z-index:1000;width:40px;height:40px;background-color:hsla(0,0%,100%,.95);border:1px solid #d0d0d0;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.15);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translateZ(0);transform:translateZ(0)}.fix-back-button[data-v-340a194c]:hover{background-color:rgba(240,240,240,.98);transform:scale(1.1);-webkit-transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.2)}.fix-back-button[data-v-340a194c]:active{transform:scale(0.95);-webkit-transform:scale(0.95);box-shadow:0 1px 6px rgba(0,0,0,.1)}.zoom-controls[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.reset-control[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.pan-controls[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.pan-horizontal[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px}.zoom-value[data-v-340a194c]{min-width:50px;text-align:center;font-size:14px;font-weight:500;color:#333}.control-button[data-v-340a194c]{width:40px;height:40px;background-color:#fff;border:1px solid #d0d0d0;font-size:16px;color:#333}.control-button[data-v-340a194c]:hover{background-color:#f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-button[data-v-340a194c]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.bottom-right-controls-wrapper[data-v-340a194c]{bottom:60px;right:15px;gap:8px}.toggle-button[data-v-340a194c]{width:36px;height:36px;font-size:16px}.bottom-right-controls[data-v-340a194c]{gap:8px}.control-button[data-v-340a194c]{width:35px;height:35px;font-size:14px}.fix-back-button[data-v-340a194c]{bottom:15px;left:15px;width:36px;height:36px}}@media(min-width: 320px)and (max-width: 480px){.bottom-right-controls-wrapper[data-v-340a194c]{bottom:60px;right:10px;gap:6px}.toggle-button[data-v-340a194c]{width:32px;height:32px;font-size:14px}.bottom-right-controls[data-v-340a194c]{gap:6px}.control-button[data-v-340a194c]{width:30px;height:30px;font-size:12px}.zoom-value[data-v-340a194c]{min-width:40px;font-size:12px}.fix-back-button[data-v-340a194c]{bottom:12px;left:12px;width:32px;height:32px}}.bottom-right-controls-wrapper[data-v-340a194c]{position:fixed;bottom:70px;right:10px;z-index:1001;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:8px}.toggle-button[data-v-340a194c]{width:40px;height:40px;background-color:hsla(0,0%,100%,.9);color:#333;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-button[data-v-340a194c]:hover{background-color:rgba(240,240,240,.95);-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.toggle-button[data-v-340a194c]:active{-webkit-transform:scale(0.95);transform:scale(0.95);box-shadow:0 1px 4px rgba(0,0,0,.1)}.bottom-right-controls[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:8px;background-color:rgba(0,0,0,0);border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.zoom-controls[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px}.reset-control[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.pan-controls[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px}.pan-horizontal[data-v-340a194c]{display:-webkit-box;display:-webkit-flex;display:flex;gap:6px}.zoom-value[data-v-340a194c]{min-width:40px;text-align:center;font-size:12px;font-weight:500;color:#333}.btn-base[data-v-340a194c],.control-button[data-v-340a194c]{border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-weight:500}.btn-base[data-v-340a194c]:hover,.control-button[data-v-340a194c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-base[data-v-340a194c]:active,.control-button[data-v-340a194c]:active{-webkit-transform:translateY(0);transform:translateY(0)}.control-button[data-v-340a194c]{width:36px;height:36px;background-color:#fff;border:1px solid #d0d0d0;font-size:14px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1)}.control-button[data-v-340a194c]:hover{background-color:#f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-button[data-v-340a194c]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.bottom-right-controls-wrapper[data-v-340a194c]{bottom:70px;right:10px;gap:6px}.toggle-button[data-v-340a194c]{width:36px;height:36px;font-size:16px}.bottom-right-controls[data-v-340a194c]{gap:6px}.control-button[data-v-340a194c]{width:32px;height:32px;font-size:12px}.zoom-value[data-v-340a194c]{min-width:36px;font-size:11px}}@media(min-width: 320px)and (max-width: 480px){.bottom-right-controls-wrapper[data-v-340a194c]{bottom:70px;right:8px;gap:5px}.toggle-button[data-v-340a194c]{width:32px;height:32px;font-size:14px}.bottom-right-controls[data-v-340a194c]{gap:5px}.control-button[data-v-340a194c]{width:28px;height:28px;font-size:11px}.zoom-value[data-v-340a194c]{min-width:32px;font-size:10px}}
.hanzi-dictionary-map[data-v-b2305dbc]{width:100%;height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background:#fff;overflow:hidden}.hanzi-dictionary-map[data-v-b2305dbc] .t-navbar{z-index:100;pointer-events:auto}.hanzi-dictionary-map .nav-back[data-v-b2305dbc]{color:#0052d9;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:auto;display:inline-block;padding:8px 12px;margin:-8px -12px}.hanzi-dictionary-map .nav-back[data-v-b2305dbc]:active{opacity:.7}.hanzi-dictionary-map .canvas-wrapper[data-v-b2305dbc]{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;height:100%;padding-top:48px;overflow:hidden;position:relative}.hanzi-dictionary-map .graph-container[data-v-b2305dbc]{width:100%;height:100%;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hanzi-dictionary-map .bottom-right-controls-wrapper[data-v-b2305dbc]{position:absolute;right:20px;bottom:20px;z-index:10;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:12px}.hanzi-dictionary-map .bottom-right-controls[data-v-b2305dbc]{background:hsla(0,0%,100%,.95);border-radius:12px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-animation:slideIn-b2305dbc .3s ease-out;animation:slideIn-b2305dbc .3s ease-out}@-webkit-keyframes slideIn-b2305dbc{from{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn-b2305dbc{from{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.hanzi-dictionary-map .bottom-right-controls .zoom-controls[data-v-b2305dbc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.hanzi-dictionary-map .bottom-right-controls .zoom-controls .zoom-value[data-v-b2305dbc]{min-width:50px;text-align:center;font-size:14px;font-weight:500;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map .bottom-right-controls .reset-control[data-v-b2305dbc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.hanzi-dictionary-map .bottom-right-controls .pan-controls[data-v-b2305dbc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px}.hanzi-dictionary-map .bottom-right-controls .pan-controls .pan-horizontal[data-v-b2305dbc]{display:-webkit-box;display:-webkit-flex;display:flex;gap:4px}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-b2305dbc]{width:36px;height:36px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;font-size:18px;font-weight:500;color:#0052d9;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-b2305dbc]:hover{background:#f0f7ff;border-color:#0052d9;-webkit-transform:scale(1.05);transform:scale(1.05)}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-b2305dbc]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-in[data-v-b2305dbc],.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-out[data-v-b2305dbc]{font-size:20px}.hanzi-dictionary-map .toggle-button[data-v-b2305dbc]{width:44px;height:44px;border:none;background:-webkit-linear-gradient(315deg, #0052D9 0%, #0041b8 100%);background:linear-gradient(135deg, #0052D9 0%, #0041b8 100%);border-radius:50%;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,82,217,.3);-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map .toggle-button[data-v-b2305dbc]:hover{background:-webkit-linear-gradient(315deg, #0041b8 0%, #003399 100%);background:linear-gradient(135deg, #0041b8 0%, #003399 100%);-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 6px 16px rgba(0,82,217,.4)}.hanzi-dictionary-map .toggle-button[data-v-b2305dbc]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.hanzi-dictionary-map[data-v-b2305dbc] .t-loading{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000}.hanzi-dictionary-map[data-v-b2305dbc] .x6-graph{touch-action:none}.hanzi-dictionary-map[data-v-b2305dbc] .x6-graph .x6-node{cursor:default}.hanzi-dictionary-map[data-v-b2305dbc] .x6-graph .x6-node text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map[data-v-b2305dbc] .x6-graph .x6-port{visibility:visible}.hanzi-dictionary-map[data-v-b2305dbc] .x6-graph .x6-edge .x6-edge-path{stroke:#5f95ff;stroke-width:2;stroke-dasharray:5,5;stroke-linecap:round;stroke-linejoin:round;-webkit-animation:ant-line-b2305dbc 30s infinite linear;animation:ant-line-b2305dbc 30s infinite linear}.hanzi-dictionary-map[data-v-b2305dbc] .x6-graph .x6-edge .x6-edge-marker{fill:#5f95ff}@-webkit-keyframes ant-line-b2305dbc{to{stroke-dashoffset:-1000}}@keyframes ant-line-b2305dbc{to{stroke-dashoffset:-1000}}@media screen and (max-width: 768px){.hanzi-dictionary-map .nav-back[data-v-b2305dbc]{font-size:14px}.hanzi-dictionary-map .canvas-wrapper[data-v-b2305dbc]{padding-top:44px}.hanzi-dictionary-map .bottom-right-controls-wrapper[data-v-b2305dbc]{right:12px;bottom:12px;gap:10px}.hanzi-dictionary-map .bottom-right-controls[data-v-b2305dbc]{padding:12px;gap:12px}.hanzi-dictionary-map .bottom-right-controls .zoom-controls[data-v-b2305dbc]{gap:6px}.hanzi-dictionary-map .bottom-right-controls .zoom-controls .zoom-value[data-v-b2305dbc]{min-width:45px;font-size:13px}.hanzi-dictionary-map .bottom-right-controls .pan-controls[data-v-b2305dbc]{gap:3px}.hanzi-dictionary-map .bottom-right-controls .pan-controls .pan-horizontal[data-v-b2305dbc]{gap:3px}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-b2305dbc]{width:32px;height:32px;font-size:16px}.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-in[data-v-b2305dbc],.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-out[data-v-b2305dbc]{font-size:18px}.hanzi-dictionary-map .toggle-button[data-v-b2305dbc]{width:40px;height:40px;font-size:13px}}
.hanzi-dictionary-map[data-v-ac5a26b6]{width:100%;height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background:#fff;overflow:hidden}.hanzi-dictionary-map[data-v-ac5a26b6] .t-navbar{z-index:100;pointer-events:auto}.hanzi-dictionary-map .nav-back[data-v-ac5a26b6]{color:#0052d9;font-size:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:auto;display:inline-block;padding:8px 12px;margin:-8px -12px}.hanzi-dictionary-map .nav-back[data-v-ac5a26b6]:active{opacity:.7}.hanzi-dictionary-map .canvas-wrapper[data-v-ac5a26b6]{-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;height:100%;padding-top:48px;overflow:hidden;position:relative}.hanzi-dictionary-map .graph-container[data-v-ac5a26b6]{width:100%;height:100%;position:relative;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hanzi-dictionary-map .bottom-right-controls-wrapper[data-v-ac5a26b6]{position:absolute;right:20px;bottom:20px;z-index:10;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:12px}.hanzi-dictionary-map .bottom-right-controls[data-v-ac5a26b6]{background:hsla(0,0%,100%,.95);border-radius:12px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-animation:slideIn-ac5a26b6 .3s ease-out;animation:slideIn-ac5a26b6 .3s ease-out}@-webkit-keyframes slideIn-ac5a26b6{from{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn-ac5a26b6{from{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.hanzi-dictionary-map .bottom-right-controls .zoom-controls[data-v-ac5a26b6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.hanzi-dictionary-map .bottom-right-controls .zoom-controls .zoom-value[data-v-ac5a26b6]{min-width:50px;text-align:center;font-size:14px;font-weight:500;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map .bottom-right-controls .reset-control[data-v-ac5a26b6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.hanzi-dictionary-map .bottom-right-controls .pan-controls[data-v-ac5a26b6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px}.hanzi-dictionary-map .bottom-right-controls .pan-controls .pan-horizontal[data-v-ac5a26b6]{display:-webkit-box;display:-webkit-flex;display:flex;gap:4px}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-ac5a26b6]{width:36px;height:36px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;font-size:18px;font-weight:500;color:#0052d9;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-ac5a26b6]:hover{background:#f0f7ff;border-color:#0052d9;-webkit-transform:scale(1.05);transform:scale(1.05)}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-ac5a26b6]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-in[data-v-ac5a26b6],.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-out[data-v-ac5a26b6]{font-size:20px}.hanzi-dictionary-map .toggle-button[data-v-ac5a26b6]{width:44px;height:44px;border:none;background:-webkit-linear-gradient(315deg, #0052D9 0%, #0041b8 100%);background:linear-gradient(135deg, #0052D9 0%, #0041b8 100%);border-radius:50%;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(0,82,217,.3);-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map .toggle-button[data-v-ac5a26b6]:hover{background:-webkit-linear-gradient(315deg, #0041b8 0%, #003399 100%);background:linear-gradient(135deg, #0041b8 0%, #003399 100%);-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 6px 16px rgba(0,82,217,.4)}.hanzi-dictionary-map .toggle-button[data-v-ac5a26b6]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.hanzi-dictionary-map[data-v-ac5a26b6] .t-loading{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1000}.hanzi-dictionary-map[data-v-ac5a26b6] .x6-graph{touch-action:none}.hanzi-dictionary-map[data-v-ac5a26b6] .x6-graph .x6-node{cursor:default}.hanzi-dictionary-map[data-v-ac5a26b6] .x6-graph .x6-node text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hanzi-dictionary-map[data-v-ac5a26b6] .x6-graph .x6-port{visibility:visible}.hanzi-dictionary-map[data-v-ac5a26b6] .x6-graph .x6-edge .x6-edge-path{stroke:#5f95ff;stroke-width:2;stroke-dasharray:5,5;stroke-linecap:round;stroke-linejoin:round;-webkit-animation:ant-line-ac5a26b6 30s infinite linear;animation:ant-line-ac5a26b6 30s infinite linear}.hanzi-dictionary-map[data-v-ac5a26b6] .x6-graph .x6-edge .x6-edge-marker{fill:#5f95ff}@-webkit-keyframes ant-line-ac5a26b6{to{stroke-dashoffset:-1000}}@keyframes ant-line-ac5a26b6{to{stroke-dashoffset:-1000}}@media screen and (max-width: 768px){.hanzi-dictionary-map .nav-back[data-v-ac5a26b6]{font-size:14px}.hanzi-dictionary-map .canvas-wrapper[data-v-ac5a26b6]{padding-top:44px}.hanzi-dictionary-map .bottom-right-controls-wrapper[data-v-ac5a26b6]{right:12px;bottom:12px;gap:10px}.hanzi-dictionary-map .bottom-right-controls[data-v-ac5a26b6]{padding:12px;gap:12px}.hanzi-dictionary-map .bottom-right-controls .zoom-controls[data-v-ac5a26b6]{gap:6px}.hanzi-dictionary-map .bottom-right-controls .zoom-controls .zoom-value[data-v-ac5a26b6]{min-width:45px;font-size:13px}.hanzi-dictionary-map .bottom-right-controls .pan-controls[data-v-ac5a26b6]{gap:3px}.hanzi-dictionary-map .bottom-right-controls .pan-controls .pan-horizontal[data-v-ac5a26b6]{gap:3px}.hanzi-dictionary-map .bottom-right-controls .control-button[data-v-ac5a26b6]{width:32px;height:32px;font-size:16px}.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-in[data-v-ac5a26b6],.hanzi-dictionary-map .bottom-right-controls .control-button.zoom-out[data-v-ac5a26b6]{font-size:18px}.hanzi-dictionary-map .toggle-button[data-v-ac5a26b6]{width:40px;height:40px;font-size:13px}}
/* ==================== 总容器：fixed铺满视口，flex纵向3区域分割 ==================== */
.ai-hanzi-assistant-container[data-v-7177bbd7] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
background: #f5f5f5;
overflow: hidden;
}
/* ==================== 1. AI顶部栏模块 ==================== */
.ai-header-module[data-v-7177bbd7] {
-webkit-flex-shrink: 0;
flex-shrink: 0;
background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
color: white;
box-shadow: 0 2px 12px rgba(102, 126, 234, 0.25);
position: relative;
z-index: 100;
overflow: hidden;
}
.ai-header-module[data-v-7177bbd7]::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
-webkit-animation: shimmer-7177bbd7 3s infinite;
animation: shimmer-7177bbd7 3s infinite;
pointer-events: none;
}
@-webkit-keyframes shimmer-7177bbd7 {
0% { left: -100%;
}
50%, 100% { left: 100%;
}
}
@keyframes shimmer-7177bbd7 {
0% { left: -100%;
}
50%, 100% { left: 100%;
}
}
.ai-header-content[data-v-7177bbd7] {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 12px 16px;
min-height: 56px;
}
.ai-header-left[data-v-7177bbd7] {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
gap: 12px;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}
.header-info[data-v-7177bbd7] {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}
.title-row[data-v-7177bbd7] {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
gap: 8px;
}
.header-title[data-v-7177bbd7] {
font-size: 18px;
font-weight: 600;
margin: 0;
color: white;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.header-subtitle[data-v-7177bbd7] {
font-size: 12px;
color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.2);
padding: 2px 8px;
border-radius: 10px;
}
.ai-header-right[data-v-7177bbd7] {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
gap: 8px;
}
.header-btn[data-v-7177bbd7] {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.25);
border: 1px solid rgba(255, 255, 255, 0.3);
color: white;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.header-btn[data-v-7177bbd7]:hover {
background: rgba(255, 255, 255, 0.35);
border-color: rgba(255, 255, 255, 0.5);
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.header-btn[data-v-7177bbd7]:active {
background: rgba(255, 255, 255, 0.3);
-webkit-transform: scale(0.95) translateY(0);
transform: scale(0.95) translateY(0);
}
/* ==================== 2. AI聊天模块区 (flex: 1 自适应) ==================== */
.ai-chat-module[data-v-7177bbd7] {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
background: white;
overflow: hidden;
min-height: 0;
z-index: 10;
position: relative;
}
.ai-chat-module[data-v-7177bbd7] .ai-chat {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
/* ==================== 3. 底部Tab留白区 ==================== */
.bottom-tab-spacer[data-v-7177bbd7] {
height: 50px;
height: calc(50px + env(safe-area-inset-bottom));
height: calc(50px + constant(safe-area-inset-bottom));
-webkit-flex-shrink: 0;
flex-shrink: 0;
background: transparent;
z-index: 5;
}
.ai-chat-module[data-v-7177bbd7] .chat-input-bar {
position: -webkit-sticky;
position: sticky;
bottom: 0;
background: white;
border-top: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
z-index: 50;
}