.reader-page{box-sizing:border-box;width:min(900px,90vw);margin:20px auto;padding:40px;overflow:hidden}span[data-word-id]{cursor:pointer;text-underline-offset:2px;text-decoration:underline;transition:color .2s}span[data-word-id]:hover{color:#1976d2}.translation-popup{z-index:9999;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 14px;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000026}.translate-button{color:#2563eb;cursor:pointer;background:linear-gradient(#fff,#f3f5f7);border:1px solid #d0d7de;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:24px;height:24px;margin-left:12px;padding:0;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #00000014,0 2px 6px #2563eb14}.translate-button:hover{color:#1d4ed8;background:linear-gradient(#f8fbff,#eaf2ff);border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb2e}.translate-button:active{transform:translateY(0);box-shadow:0 1px 4px #00000026}.translate-button svg{flex-shrink:0;width:18px;height:18px}