.drag-preview[data-v-9da5bed1]{position:fixed;pointer-events:none;z-index:9999;opacity:.8;transform:scale(.9)}.character-preview[data-v-9da5bed1]{width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 0 5px #fff,0 4px 12px #0000004d;font-size:1rem;font-weight:600;text-align:center;color:#333}.character-preview[data-v-9da5bed1]:before{content:"";position:absolute;inset:0;border-radius:50%;background:#fff4}.portrait[data-v-9da5bed1]{width:80px;height:80px;object-fit:cover;border:2px solid #484848;border-radius:50%;z-index:1}.overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 20px}.overlayModal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 20px;z-index:9998}.backdrop-link{position:absolute;inset:0;cursor:pointer}.container{position:relative;background:#141414d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d inset;width:100%;margin:auto;display:flex;flex-direction:column;z-index:1}.buttons{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:1}.button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff9;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.button:hover{background:#ffffff1a;color:#ffffffe6}.button:active{transform:scale(.95)}.content{padding:24px 32px 32px;color:#fff}.content h1{margin:0 0 20px;font-size:24px;font-weight:600;color:#fff}.content h2{margin:28px 0 12px;font-size:18px;font-weight:600;color:#fff}.content p{margin:12px 0;line-height:1.6;color:#fff;opacity:.9}.content ul,.content ol{margin:12px 0;padding-left:20px}.content li{margin:6px 0;line-height:1.6;color:#fff;opacity:.9}.content ul ul{margin-top:8px;margin-bottom:8px}.content a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.content a:hover{color:var(--color-danger);text-decoration:underline}.content strong{color:#fff;font-weight:600}@media (max-width: 768px){.overlay{padding:20px}.container{max-width:90%!important}.content{padding:60px 24px 24px}.content h1{font-size:22px}.content h2{font-size:17px}}@media (max-width: 480px){.overlay{padding:15px}.content{padding:56px 20px 20px}.content h1{font-size:20px}.content h2{font-size:16px}}.modal-enter-active[data-v-563bd6a6],.modal-leave-active[data-v-563bd6a6]{transition:opacity .2s ease}.modal-enter-active[data-v-563bd6a6] .container,.modal-leave-active[data-v-563bd6a6] .container{transition:transform .2s ease}.modal-enter-from[data-v-563bd6a6],.modal-leave-to[data-v-563bd6a6]{opacity:0}.modal-enter-from[data-v-563bd6a6] .container,.modal-leave-to[data-v-563bd6a6] .container{transform:translateY(3px)}.grid-snippet[data-v-33faf662]{margin:20px 0;display:flex;justify-content:center;align-items:center;padding:10px 0}.grid-snippet svg[data-v-33faf662]{display:block}.language-toggle[data-v-3a8d2560]{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:opacity .2s,transform .2s}.language-toggle[data-v-3a8d2560]:hover{opacity:.8;transform:scale(1.1)}.language-toggle[data-v-3a8d2560]:active{transform:scale(.95)}.language-icon[data-v-3a8d2560]{width:24px;height:24px}.language-icon[data-v-3a8d2560]{animation:fadeIn-3a8d2560 .2s ease-in-out}@keyframes fadeIn-3a8d2560{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}header[data-v-b3c9a7fe]{background-color:#282c34;border-bottom:3px solid #f7d87c;padding:.5rem 0}nav[data-v-b3c9a7fe]{display:flex;justify-content:space-between;align-items:flex-end;max-width:none;margin:0;padding:0 2.5em 0 2em}nav ul[data-v-b3c9a7fe]{margin-bottom:0}nav ul li[data-v-b3c9a7fe]{margin-bottom:0}.logo-link[data-v-b3c9a7fe]{display:inline-block;line-height:0}.logo[data-v-b3c9a7fe]{height:70px;cursor:pointer;transition:transform .2s ease}.logo[data-v-b3c9a7fe]:hover{transform:scale(1.25)}.menu[data-v-b3c9a7fe]{display:flex;list-style:none;align-items:center}.menu a[data-v-b3c9a7fe],.menu button[data-v-b3c9a7fe]{color:#ddd;text-decoration:none;font-size:1.1rem;font-weight:600;margin-left:1.5rem;border-radius:6px}.menu a[data-v-b3c9a7fe]:hover,.menu button[data-v-b3c9a7fe]:hover{color:#f7d87c}.icon-link[data-v-b3c9a7fe]{display:inline-flex;align-items:center;justify-content:center}.icon-button[data-v-b3c9a7fe]{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}@media (max-width: 768px){nav[data-v-b3c9a7fe]{padding:0 1.5em 0 1em}.logo[data-v-b3c9a7fe]{height:50px}.menu[data-v-b3c9a7fe]{margin-bottom:-.5rem}.menu a[data-v-b3c9a7fe],.menu button[data-v-b3c9a7fe]{font-size:1rem;padding:.5rem}}@media (max-width: 480px){header[data-v-b3c9a7fe]{padding:.25rem 0}nav[data-v-b3c9a7fe]{padding:.5rem 1rem 0}.menu[data-v-b3c9a7fe]{flex-direction:row;gap:.5rem;margin:0;margin-bottom:-.3rem;padding-bottom:0}.menu a[data-v-b3c9a7fe],.menu button[data-v-b3c9a7fe]{font-size:.9rem;padding:0}.logo[data-v-b3c9a7fe]{height:55px}.logo[data-v-b3c9a7fe]:hover{transform:scale(1.1)}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}p,div,section,article,aside,header,footer,nav,main{font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#333;background-color:#20232a;line-height:1.6;font-family:sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;width:100%;flex-direction:column;min-height:100vh;background-color:#20232a}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-danger)}h1{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-lg) 0;border-bottom:2px solid var(--color-border-primary);padding-bottom:var(--spacing-sm)}p{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-lg)}ul,ol{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin-left:var(--spacing-xl)}li{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);line-height:1.6;font-size:1rem}.placeholder-notice{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--color-bg-light-gray);border-radius:var(--radius-medium);border-left:4px solid var(--color-primary)}.placeholder-notice em{color:var(--color-text-muted);font-style:italic}@media (max-width: 768px){h1{font-size:1.6rem}h2{font-size:1.25rem}}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl) 2em;width:100%;margin:0 auto}@media (max-width: 1280px){main{padding:var(--spacing-lg)}}@media (max-width: 768px){main{padding:var(--spacing-md)}}@media (max-width: 480px){main{padding:0}}.section{padding:2em;width:100%;background-color:var(--color-bg-primary);border-radius:var(--radius-large);display:flex;flex-direction:column}@media (max-width: 768px){.section{margin-bottom:var(--spacing-md);border-radius:var(--radius-medium)}}@media (max-width: 480px){.section{margin-bottom:4px;border-radius:0}}.content{font-family:Verdana,Arial,Microsoft YaHei,sans-serif}:root{--color-primary: #36958e;--color-primary-hover: #2a7a73;--color-danger: #c05b4d;--color-danger-hover: #a04936;--color-ally: #36958e;--color-enemy: #c82333;--color-bg-primary: #f7f2ec;--color-bg-secondary: #ebe6db;--color-bg-tertiary: #f0ebe0;--color-bg-white: #fff;--color-bg-light-gray: #f0f0f0;--color-border-primary: #d4cfc0;--color-border-light: #ddd;--color-text-primary: #333;--color-text-secondary: #666;--color-text-muted: #484848;--radius-small: 4px;--radius-medium: 6px;--radius-large: 8px;--radius-round: 50%;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--transition-fast: .2s ease;--transition-medium: .3s ease;--shadow-small: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--z-grid-base: 1;--z-arrows: 5;--z-artifacts: 10;--z-dropdown: 9999}