.tool-page[data-v-0e56d4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:100%;background:var(--main-bg,#f5f5f7);overflow:hidden}.doc-scroll[data-v-0e56d4e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:32px 40px}.doc-scroll[data-v-0e56d4e9]::-webkit-scrollbar{width:6px}.doc-scroll[data-v-0e56d4e9]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#dcdcdc);border-radius:3px}.page-header[data-v-0e56d4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:28px}.page-header h1[data-v-0e56d4e9]{font-size:20px;font-weight:600;color:var(--text-primary,#1a1a1a);margin:0}.tools-grid[data-v-0e56d4e9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.tool-card[data-v-0e56d4e9]{background:var(--card-bg,#fff);border:1px solid var(--border-color,#ececec);border-radius:12px;padding:28px 24px 24px;cursor:pointer;-webkit-transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .15s;transition:border-color .2s,-webkit-box-shadow .2s,-webkit-transform .15s;transition:box-shadow .2s,border-color .2s,transform .15s;transition:box-shadow .2s,border-color .2s,transform .15s,-webkit-box-shadow .2s,-webkit-transform .15s;position:relative;overflow:hidden}.tool-card[data-v-0e56d4e9]:hover{-webkit-box-shadow:0 8px 24px var(--shadow-color-strong,rgba(0,0,0,.08));box-shadow:0 8px 24px var(--shadow-color-strong,rgba(0,0,0,.08));border-color:var(--border-color,#ececec);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tool-card[data-v-0e56d4e9]:after{content:"";position:absolute;width:160px;height:160px;right:-40px;top:-40px;border-radius:50%;opacity:.06;pointer-events:none}.tool-card.card-blue[data-v-0e56d4e9]:after{background:#4a90d9}.tool-card.card-orange[data-v-0e56d4e9]:after{background:#f5a623}.tool-card.card-green[data-v-0e56d4e9]:after{background:#52c41a}.tool-card.card-cyan[data-v-0e56d4e9]:after{background:#13b7b2}.tool-card.card-purple[data-v-0e56d4e9]:after{background:#7b8cff}.tool-card.card-red[data-v-0e56d4e9]:after{background:#ff4d4f}.card-top[data-v-0e56d4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;margin-bottom:16px}.card-icon[data-v-0e56d4e9]{width:52px;height:52px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;font-size:26px}.tool-card.card-blue .card-icon[data-v-0e56d4e9]{background:#eef4fb;color:#4a90d9}.tool-card.card-orange .card-icon[data-v-0e56d4e9]{background:#fef7e6;color:#f5a623}.tool-card.card-green .card-icon[data-v-0e56d4e9]{background:#e7f7ee;color:#52c41a}.tool-card.card-cyan .card-icon[data-v-0e56d4e9]{background:#e7f8f7;color:#13a9a4}.tool-card.card-purple .card-icon[data-v-0e56d4e9]{background:#eef0fb;color:#5b6ce6}.tool-card.card-red .card-icon[data-v-0e56d4e9]{background:#fff1f0;color:#ff4d4f}.card-info[data-v-0e56d4e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.card-title[data-v-0e56d4e9]{font-size:16px;font-weight:600;color:var(--text-primary,#1a1a1a);margin-bottom:6px}.card-subtitle[data-v-0e56d4e9]{font-size:12.5px;color:var(--text-tertiary,#999);font-weight:400}.card-action[data-v-0e56d4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13.5px;font-weight:500;-webkit-transition:gap .15s;transition:gap .15s}.tool-card.card-blue .card-action[data-v-0e56d4e9]{color:#4a90d9}.tool-card.card-orange .card-action[data-v-0e56d4e9]{color:#f5a623}.tool-card.card-green .card-action[data-v-0e56d4e9]{color:#52c41a}.tool-card.card-cyan .card-action[data-v-0e56d4e9]{color:#13a9a4}.tool-card.card-purple .card-action[data-v-0e56d4e9]{color:#5b6ce6}.tool-card.card-red .card-action[data-v-0e56d4e9]{color:var(--text-primary,#1a1a1a)}.tool-card:hover .card-action[data-v-0e56d4e9]{gap:10px}