.app-header[data-v-5765a553]{position:fixed;top:0;left:0;right:0;height:56px;border-bottom:1px solid var(--border);z-index:2000;background:var(--bg-card);transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-container[data-v-5765a553]{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header-left[data-v-5765a553]{flex-shrink:0}.logo-link[data-v-5765a553]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-title);font-weight:700;font-size:18px;transition:all .3s ease}.logo-link[data-v-5765a553]:hover,.logo-icon[data-v-5765a553]{color:var(--primary)}.logo-text[data-v-5765a553]{font-size:16px;letter-spacing:.5px}.header-nav[data-v-5765a553]{display:flex;align-items:center;gap:8px}.nav-item[data-v-5765a553]{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;text-decoration:none;color:var(--text-body);font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.nav-item[data-v-5765a553]:hover{background:var(--bg-section);color:var(--primary)}.nav-item.active[data-v-5765a553]{background:var(--bg-section);color:var(--primary);font-weight:600}.nav-item.active[data-v-5765a553]:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.header-right[data-v-5765a553]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-5765a553]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-body);cursor:pointer;transition:all .3s ease}.icon-btn[data-v-5765a553]:hover{background:var(--bg-section);color:var(--primary)}.hamburger-btn[data-v-5765a553]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer}.hamburger-btn[data-v-5765a553]:hover{background:var(--bg-section)}.hamburger[data-v-5765a553]{position:relative;width:20px;height:14px}.hamburger .line[data-v-5765a553]{position:absolute;left:0;width:100%;height:2px;background:var(--text-title);border-radius:2px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,top .3s ease}.hamburger .line[data-v-5765a553]:nth-child(1){top:0}.hamburger .line[data-v-5765a553]:nth-child(2){top:6px}.hamburger .line[data-v-5765a553]:nth-child(3){top:12px}.hamburger.open .line[data-v-5765a553]:nth-child(1){top:6px;transform:rotate(45deg)}.hamburger.open .line[data-v-5765a553]:nth-child(2){opacity:0}.hamburger.open .line[data-v-5765a553]:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-overlay[data-v-5765a553]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.mobile-popover[data-v-5765a553]{position:fixed;top:calc(env(safe-area-inset-top,0px) + 56px);right:12px;width:180px;background:var(--bg-card);color:var(--text-body);border:1px solid var(--border);border-radius:12px;padding:8px;animation:pop-in-5765a553 .16s ease}.popover-item[data-v-5765a553]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;text-decoration:none;color:var(--text-body);font-size:14px}.popover-item[data-v-5765a553]:hover{background:var(--bg-section);color:var(--primary)}.popover-item .iconify[data-v-5765a553]{color:var(--primary)}.activation-status[data-v-5765a553]{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--bg-section);color:var(--text-body);font-size:12px;white-space:nowrap;margin-left:8px}.activation-status .iconify[data-v-5765a553]{color:var(--primary);flex-shrink:0}.status-text[data-v-5765a553]{font-weight:500}.popover-divider[data-v-5765a553]{height:1px;background:var(--border);margin:8px 0}.activation-status-mobile[data-v-5765a553]{color:var(--text-secondary);font-size:13px;cursor:default;padding:10px 16px}.activation-status-mobile[data-v-5765a553]:hover{background:transparent;color:var(--text-secondary)}.activation-status-mobile .iconify[data-v-5765a553]{color:var(--primary)}.popover-action[data-v-5765a553]{color:var(--primary);font-weight:500;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.popover-action[data-v-5765a553]:hover{background:var(--bg-section);color:var(--primary)}.desktop-only[data-v-5765a553]{display:flex}.mobile-only[data-v-5765a553]{display:none}@media (min-width: 769px) and (max-width: 1024px){.header-container[data-v-5765a553]{padding-left:5%!important;padding-right:5%!important;gap:12px}.header-nav[data-v-5765a553]{gap:4px}.nav-item[data-v-5765a553]{padding:8px 12px;font-size:13px}.activation-status[data-v-5765a553]{font-size:11px;padding:6px 10px;margin-left:4px}.logo-text[data-v-5765a553]{font-size:15px}}@media (min-width: 1025px){.app-header.assessment-layout .header-container[data-v-5765a553]{padding-left:22%;padding-right:22%}}@media (min-width: 769px) and (max-width: 1024px){.app-header.assessment-layout .header-container[data-v-5765a553]{padding-left:5%!important;padding-right:5%!important}}@media (max-width: 768px){.desktop-only[data-v-5765a553]{display:none}.mobile-only[data-v-5765a553]{display:flex}.header-container[data-v-5765a553]{padding:10px 16px}.logo-text[data-v-5765a553]{font-size:15px}.color-schemes[data-v-5765a553]{grid-template-columns:1fr}}@media (min-width: 1025px){.header-container[data-v-5765a553]{max-width:none;padding-left:22%;padding-right:22%}}@media (min-width: 769px) and (max-width: 1024px){.header-container[data-v-5765a553]{max-width:none;padding-left:5%;padding-right:5%}}.overlay-fade-enter-active[data-v-5765a553],.overlay-fade-leave-active[data-v-5765a553]{transition:opacity .2s ease}.overlay-fade-enter-from[data-v-5765a553],.overlay-fade-leave-to[data-v-5765a553]{opacity:0}@keyframes pop-in-5765a553{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.scheme1-light{--primary: #BA9B92;--primary-hover: #A88B82;--primary-light: #C4B0A8;--secondary: #987F74;--neutral: #C4C0C1;--bg-main: #F0ECEB;--bg-card: #eeecea;--bg-card-rgb: 255, 255, 255;--bg-section: #F8F6F5;--text-title: #1C1614;--text-body: #3C3432;--text-secondary: #6C6462;--text-disabled: #9C9492;--success: #6B8A68;--warning: #B88A54;--error: #B8655D;--info: #6C7C8A;--border: #A89C9A;--shadow: rgba(44, 36, 34, .08);--shadow-medium: rgba(44, 36, 34, .12);--shadow-deep: rgba(44, 36, 34, .16)}.scheme1-dark{--primary: #D4B5AC;--primary-hover: #C4A59C;--primary-light: #E0C7BE;--secondary: #B09286;--neutral: #A8A4A2;--bg-main: #1C1816;--bg-card: #2A2624;--bg-card-rgb: 42, 38, 36;--bg-section: #35322F;--text-title: #EAE6E3;--text-body: #C4BFB9;--text-secondary: #8C8784;--text-disabled: #5C5854;--success: #A8BFA5;--warning: #D9B98C;--error: #D49B93;--info: #9DAAB7;--border: #5C5854;--shadow: rgba(0, 0, 0, .2);--shadow-medium: rgba(0, 0, 0, .3);--shadow-deep: rgba(0, 0, 0, .4)}#app{background-color:var(--bg-main);color:var(--text-body)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.section-bg{background-color:var(--bg-section)}.text-title{color:var(--text-title)}.text-body{color:var(--text-body)}.text-secondary{color:var(--text-secondary)}.border-color{border-color:var(--border)}:root{--admin-sidebar-width: 220px;--admin-radius: 10px;--admin-border: 1px solid var(--border);--admin-shadow: 0 6px 20px rgba(0,0,0,.06)}.admin-shell{display:grid;grid-template-columns:var(--admin-sidebar-width) 1fr;min-height:calc(100vh - 56px);background:var(--bg-main)}.admin-sidebar{background:var(--bg-section);border-right:var(--admin-border);padding:16px 12px}.admin-brand{font-weight:800;font-size:16px;letter-spacing:.5px;color:var(--text-title);margin-bottom:12px}.admin-nav{display:flex;flex-direction:column;gap:6px}.admin-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-secondary)}.admin-link:hover{background:var(--bg-card);color:var(--text-body)}.router-link-active.admin-link{background:var(--primary-ghost, rgba(0,0,0,.04));color:var(--primary);box-shadow:inset 3px 0 0 0 var(--primary)}.admin-topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:var(--admin-border);background:var(--bg-card);position:sticky;top:0;z-index:5}.admin-section{margin:10px 8px 6px;font-size:12px;color:var(--text-secondary)}.admin-actions{margin-left:auto;display:flex;gap:8px}.admin-content{padding:16px}.btn{height:36px;padding:0 14px;border:var(--admin-border);border-radius:8px;background:var(--bg-card);color:var(--text-body)}.btn:hover{box-shadow:var(--admin-shadow);transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{filter:brightness(.98)}.btn-danger{border-color:var(--error);color:var(--error);background:var(--bg-card)}.input,.select{height:36px;padding:0 12px;border:var(--admin-border);border-radius:8px;background:var(--bg-card);color:var(--text-body)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stat-card{border:var(--admin-border);border-radius:var(--admin-radius);padding:14px;background:var(--bg-card);box-shadow:var(--admin-shadow)}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:24px;font-weight:800;margin-top:6px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:10px 12px;font-size:13px;border-bottom:var(--admin-border)}.table thead th{color:var(--text-secondary);font-weight:600;background:var(--bg-section);position:sticky;top:0}.table tbody tr:hover{background:var(--bg-section)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006}.modal-body{height:70%;max-width:92vw;background:var(--bg-card);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow)}.form{display:grid;gap:8px}.form label{font-size:12px;color:var(--text-secondary)}.error{color:var(--error);font-size:12px}@media (max-width: 960px) and (min-width: 769px){:root{--admin-sidebar-width: 64px}.admin-brand{display:none}.admin-link{justify-content:center}.admin-link span{display:none}}@media (max-width: 768px){.admin-shell{display:flex;flex-direction:column;min-height:100vh}.admin-sidebar{display:none}.admin-topbar{padding:10px 12px}.admin-content{padding:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px}.stat-label{font-size:11px}.stat-value{font-size:20px}.btn{height:44px;padding:0 16px;font-size:14px}.input,.select{height:44px;padding:0 14px;font-size:15px}.table th,.table td{padding:8px 10px;font-size:12px}}@media (max-width: 375px){.stat-grid{grid-template-columns:1fr}.admin-content{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;background-color:var(--bg-main);overscroll-behavior-y:none}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,-apple-system,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform:translateZ(0);backface-visibility:hidden}#app{height:100%;width:100%;transition:background-color .3s ease}.container{max-width:100%;padding:0 20px 20px;min-height:100vh}@media (min-width: 768px){.container{max-width:600px;margin:0 auto}}@media (max-width: 768px){.container{padding:0 10px 10px;margin:0 auto}}.page{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{border:none;outline:none;cursor:pointer;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}button:disabled{cursor:not-allowed;opacity:.5}input{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;animation:toastIn .25s ease;will-change:transform,opacity;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.card{border-radius:12px;padding:20px;transition:all .3s ease}.gradient-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.iconify{display:inline-block;vertical-align:middle;line-height:1}.fade-in{animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-card-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:shareModalFadeIn .3s ease-out}@keyframes shareModalFadeIn{0%{opacity:0}to{opacity:1}}.share-card-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.share-card-modal-content{position:relative;background:var(--bg-card);border-radius:24px;width:100%;max-width:720px;max-height:90vh;overflow:hidden;animation:shareModalSlideUp .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;box-shadow:0 24px 48px #0003,0 12px 24px #00000026,0 0 0 1px #ffffff1a}@keyframes shareModalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.share-card-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--bg-card),var(--bg-section))}.share-card-modal-header h3{font-size:20px;font-weight:700;color:var(--text-title);margin:0;letter-spacing:-.3px}.share-card-close-btn{width:40px;height:40px;border:none;background:var(--bg-section);font-size:28px;line-height:1;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.share-card-close-btn:hover{background:var(--primary);color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 16px #f1692e66}.share-card-close-btn:active{transform:rotate(90deg) scale(.95)}.share-card-modal-body{padding:24px 28px;flex:1;display:flex;flex-direction:row;gap:28px;overflow:hidden;min-height:0;background:var(--bg-card)}.share-card-settings{flex:0 0 200px;display:flex;flex-direction:column;gap:16px}.share-card-theme-selector{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-section);border-radius:16px;border:1px solid var(--border)}.share-card-theme-label{font-size:14px;font-weight:600;color:var(--text-title);letter-spacing:-.2px}.share-card-theme-options{display:flex;gap:16px;justify-content:center}.share-card-theme-option{width:56px;height:56px;border-radius:16px;border:3px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.share-card-theme-option:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #00000026}.share-card-theme-option.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 5px var(--primary),0 8px 20px #f1692e4d;transform:translateY(-2px)}.share-card-theme-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:var(--primary);text-shadow:0 2px 4px rgba(0,0,0,.2)}.theme-preview-light{width:100%;height:100%;background:linear-gradient(135deg,#fff,#f5f5f5)}.theme-preview-dark{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.share-card-preview-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:450px;overflow:auto;border-radius:16px;background:linear-gradient(45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-section) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-section) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-section) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;padding:24px}.share-card-preview{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.share-card-modal-footer{display:flex;gap:12px;padding:20px 28px;border-top:1px solid var(--border);background:var(--bg-section)}.share-card-btn-cancel,.share-card-btn-download{flex:1;height:48px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.2px}.share-card-btn-cancel{background:var(--bg-card);color:var(--text-title);border:2px solid var(--border)}.share-card-btn-cancel:hover{background:var(--bg-section);border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-card-btn-download{background:linear-gradient(135deg,var(--primary) 0%,#FF8C5A 100%);color:#fff;box-shadow:0 4px 12px #f1692e4d}.share-card-btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f1692e66}.share-card-btn-download:active{transform:translateY(0)}.share-card-btn-download:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-section) 100%)}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-title);margin:0;display:flex;align-items:center;gap:8px}.close-btn{width:36px;height:36px;border:none;background:var(--bg-section);font-size:24px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.close-btn:hover{background:var(--primary);color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #f1692e4d}.modal-body{padding:28px 24px;flex:1;display:flex;gap:20px;overflow:hidden;min-height:0;background:var(--bg-card)}.modal-settings{flex:0 0 160px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:12px}.card-preview-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;overflow:auto}.theme-selector{display:flex;flex-direction:column;gap:12px;padding:16px 12px;background:var(--bg-section);border-radius:8px}.theme-selector-row{display:flex;gap:12px;align-items:center;justify-content:center}.theme-selector-label{font-size:13px;color:var(--text-body);font-weight:600;margin-right:8px}.theme-option{width:48px;height:48px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative}.theme-option:hover{transform:scale(1.1);border-color:var(--primary)}.theme-option.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--primary)}.theme-option[data-theme=light]{background:#fff;border:2px solid #E5E5E5}.theme-option[data-theme=warm]{background:linear-gradient(135deg,#fff5f0,#ffe5d5)}.theme-option[data-theme=cool]{background:linear-gradient(135deg,#f0f5ff,#d5e5ff)}.theme-option[data-theme=dark]{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.card-tabs{display:flex;flex-direction:column;gap:8px}.tab-btn{flex:1;padding:10px 16px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-title);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center}.tab-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.card-preview{display:flex;justify-content:center;align-items:center;padding:20px;background:var(--bg-section);border-radius:12px;width:100%;height:100%;min-height:400px}.share-card{max-width:500px;width:100%;margin:0 auto;background:var(--bg-card);border-radius:16px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang-SC,Microsoft YaHei,sans-serif;transition:background .3s ease,color .3s ease}.share-card[data-theme=light]{background:#fff;color:#1a1a1a}.share-card[data-theme=light] .card-header h3,.share-card[data-theme=light] .card-body,.share-card[data-theme=light] .card-footer{color:#1a1a1a}.share-card[data-theme=light] .subtitle,.share-card[data-theme=light] .hint,.share-card[data-theme=light] .test-hint,.share-card[data-theme=light] .type-name-en{color:#666}.share-card[data-theme=warm]{background:linear-gradient(135deg,#fff5f0,#fffaf5);color:#2a1a10}.share-card[data-theme=warm] .card-header h3,.share-card[data-theme=warm] .card-body,.share-card[data-theme=warm] .card-footer{color:#2a1a10}.share-card[data-theme=warm] .subtitle,.share-card[data-theme=warm] .hint,.share-card[data-theme=warm] .test-hint,.share-card[data-theme=warm] .type-name-en{color:#5a3a2a}.share-card[data-theme=cool]{background:linear-gradient(135deg,#f0f5ff,#f5faff);color:#0a1a2a}.share-card[data-theme=cool] .card-header h3,.share-card[data-theme=cool] .card-body,.share-card[data-theme=cool] .card-footer{color:#0a1a2a}.share-card[data-theme=cool] .subtitle,.share-card[data-theme=cool] .hint,.share-card[data-theme=cool] .test-hint,.share-card[data-theme=cool] .type-name-en{color:#2a3a5a}.share-card[data-theme=dark]{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#f5f5f5}.share-card[data-theme=dark] .card-header h3,.share-card[data-theme=dark] .card-body,.share-card[data-theme=dark] .card-footer{color:#f5f5f5}.share-card[data-theme=dark] .subtitle,.share-card[data-theme=dark] .hint,.share-card[data-theme=dark] .test-hint,.share-card[data-theme=dark] .type-name-en{color:#ccc}.share-card .card-header{padding:32px 32px 20px;text-align:center;border-bottom:none}.share-card .card-header h3{font-size:20px;font-weight:600;margin:0 auto 6px;text-align:center;transition:color .3s ease}.share-card .subtitle{font-size:14px;margin:0 auto;text-align:center;transition:color .3s ease}.share-card .card-body{padding:32px;text-align:center;transition:color .3s ease}.share-card .card-footer{padding:20px 32px;background:#00000005;border-top:1px solid rgba(0,0,0,.08);text-align:center;transition:color .3s ease,background .3s ease,border-color .3s ease}.share-card[data-theme=dark] .card-footer{background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.divider{height:1px;background:#0000001a;margin:16px 0;transition:background .3s ease}.share-card[data-theme=dark] .divider{background:#ffffff26}.score-card .level-badge{display:inline-block;padding:8px 24px;border-radius:24px;font-size:20px;font-weight:600;margin:0 auto 20px;text-align:center}.score-card .level-badge.轻度,.score-card .level-badge.社交自如型{background:#91a88e26;color:#91a88e}.score-card .level-badge.中度,.score-card .level-badge.中度偏轻,.score-card .level-badge.轻度社交焦虑{background:#d4a57426;color:#d4a574}.score-card .level-badge.重度,.score-card .level-badge.极重度,.score-card .level-badge.中度社交焦虑,.score-card .level-badge.重度社交焦虑,.score-card .level-badge.极重度社交焦虑{background:#c8837b26;color:#c8837b}.score-card .total-score{font-size:120px;font-weight:900;color:#bd3600;line-height:1;text-align:center;margin:0 auto;transition:color .3s ease}.share-card[data-theme=dark] .score-card .total-score{color:#ffb896}.score-card .total-score .unit{font-size:42px;font-weight:600;margin-left:8px;opacity:.7}.score-card .percentile{font-size:16px;margin:0 auto 24px;text-align:center;font-weight:500;opacity:.85}.score-scale{margin:28px auto 20px;max-width:100%;text-align:center}.scale-bar{height:10px;background:linear-gradient(to right,#91a88e,#d4a574,#c8837b);border-radius:5px;position:relative;margin:0 auto 16px;max-width:100%}.scale-marker{position:absolute;top:50%;width:20px;height:20px;background:#fff;border:4px solid var(--primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 3px 6px #00000026}.share-card[data-theme=dark] .scale-marker{background:#2a2a2a;border-color:#ffb896}.scale-labels{position:relative;height:44px;font-size:13px;text-align:center;line-height:1.4;font-weight:500;opacity:.85}.scale-labels span{position:absolute;transform:translate(-50%);white-space:nowrap}.type-card .type-name{font-size:28px;font-weight:700;color:var(--primary);text-align:center;margin:0 auto 8px;line-height:1.3;transition:color .3s ease}.share-card[data-theme=dark] .type-card .type-name{color:#ffb896}.type-card .type-name-en{font-size:13px;text-align:center;margin:0 auto 20px;font-style:italic;transition:color .3s ease}.features{margin:16px auto;text-align:center}.feature-item{font-size:15px;line-height:1.8;padding:4px 0;font-weight:500;transition:color .3s ease}.quote{position:relative;padding:16px;background:#00000008;border-radius:12px;margin:16px auto;text-align:center;transition:background .3s ease}.share-card[data-theme=dark] .quote{background:#ffffff0d}.quote-icon{font-size:32px;color:var(--primary);opacity:.3;line-height:1;position:absolute;transition:color .3s ease}.share-card[data-theme=dark] .quote-icon{color:#ffb896}.quote-icon:first-child{top:8px;left:12px}.quote-icon:last-child{bottom:8px;right:12px;transform:rotate(180deg)}.quote-text{font-size:15px;line-height:1.6;text-align:center;padding:8px 24px;margin:0;font-weight:500;transition:color .3s ease}.hashtags{font-size:13px;color:var(--primary);margin:0 auto 8px;text-align:center;font-weight:500;transition:color .3s ease}.share-card[data-theme=dark] .hashtags{color:#ffb896}.radar-chart-container{display:flex;justify-content:center;align-items:center;padding:16px;background:#00000005;border-radius:12px;margin:0 auto 16px;transition:background .3s ease;height:260px;overflow:hidden}.share-card[data-theme=dark] .radar-chart-container{background:#ffffff08}.radar-chart-container canvas{max-width:260px!important;max-height:260px!important;width:260px!important;height:260px!important}.dimension-insight{margin:16px auto;text-align:center}.insight-row{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;margin:0 auto}.insight-row .label{font-weight:500;opacity:.8;transition:color .3s ease}.insight-row .value{font-weight:700;font-size:15px;transition:color .3s ease}.insight-row .value.high{color:#ff4d4f}.insight-row .value.low{color:#52c41a}.share-card[data-theme=dark] .insight-row .value.high{color:#ff7875}.share-card[data-theme=dark] .insight-row .value.low{color:#73d13d}.pain-point,.quick-tip{margin:12px auto;text-align:center}.pain-point .label,.quick-tip .label{font-size:13px;font-weight:600;margin:0 auto 6px;text-align:center;transition:color .3s ease}.pain-point p,.quick-tip p{font-size:14px;line-height:1.6;margin:0;font-weight:500;opacity:.9;transition:color .3s ease}.share-activation{display:flex;flex-direction:column;gap:20px;padding:8px 0}.share-activation .row{display:flex;flex-direction:column;gap:10px}.share-activation .label{font-size:14px;font-weight:600;color:var(--text-title);display:flex;align-items:center;gap:8px}.share-activation .label:before{content:"";width:4px;height:16px;background:var(--primary);border-radius:2px}.share-activation .copy-input{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:10px;background:var(--bg-section);color:var(--text-title);font-size:15px;font-weight:500;font-family:Consolas,Monaco,Courier New,monospace;transition:all .3s ease;cursor:text;-webkit-user-select:all;user-select:all}.share-activation .copy-input:hover{border-color:var(--primary);background:var(--bg-card)}.share-activation .copy-input:focus{outline:none;border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #f1692e1a}.share-activation .tips{padding:12px 16px;background:linear-gradient(135deg,#f1692e14,#f1692e0d);border-left:3px solid var(--primary);border-radius:8px;font-size:13px;line-height:1.6;color:var(--text-secondary);display:flex;align-items:flex-start;gap:8px}.share-activation .tips:before{content:"💡";font-size:16px;flex-shrink:0;margin-top:1px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color);background:var(--bg-section)}.modal-footer button{flex:1;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden}.modal-footer button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.modal-footer button:active:before{width:300px;height:300px}.btn-secondary{background:var(--bg-card);color:var(--text-title);border:2px solid var(--border)}.btn-secondary:hover{background:var(--bg-section);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#ff8a5b 100%);color:#fff;box-shadow:0 4px 12px #f1692e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f1692e66}.btn-primary:active{transform:translateY(0)}.hint,.test-hint{font-size:14px;color:var(--text-body);margin:0 auto;text-align:center;font-weight:500}.image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview-modal.active{opacity:1}.image-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-preview-content{position:relative;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;overflow:hidden;animation:imagePreviewSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes imagePreviewSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.image-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-section)}.image-preview-header h3{font-size:18px;font-weight:700;color:var(--text-title);margin:0}.image-preview-close{width:36px;height:36px;border:none;background:var(--bg-card);font-size:24px;line-height:1;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.image-preview-close:hover{background:var(--primary);color:#fff;transform:rotate(90deg)}.image-preview-body{flex:1;padding:20px;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--bg-main)}.preview-image{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 8px 24px #0003;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}.image-preview-footer{padding:16px 24px;background:linear-gradient(to top,var(--bg-section),transparent);text-align:center}.preview-hint{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.image-preview-content{width:95%;max-height:95vh}.image-preview-header{padding:16px 20px}.image-preview-header h3{font-size:16px}.image-preview-close{width:32px;height:32px;font-size:20px}.image-preview-body{padding:16px}.image-preview-footer{padding:12px 20px}.preview-hint{font-size:13px}}.mobile-image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.mobile-image-preview-modal.active{opacity:1}.mobile-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-preview-content{position:relative;width:95%;max-width:500px;max-height:95vh;display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;overflow:hidden;animation:mobilePreviewSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 480px){.mobile-preview-content{width:98%;max-height:98vh;border-radius:16px}}@keyframes mobilePreviewSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-section);flex-shrink:0}.mobile-preview-header h3{font-size:17px;font-weight:700;color:var(--text-title);margin:0}.mobile-preview-close{width:32px;height:32px;border:none;background:var(--bg-card);font-size:22px;line-height:1;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.mobile-preview-close:active{background:var(--primary);color:#fff;transform:scale(.9)}.mobile-theme-switch{display:flex;gap:12px;padding:16px 20px;background:var(--bg-section);border-bottom:1px solid var(--border);flex-shrink:0}@media (max-width: 480px){.mobile-theme-switch{padding:12px 16px;gap:8px}}.theme-switch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid var(--border);background:var(--bg-card);border-radius:12px;font-size:15px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.theme-switch-btn .theme-icon{font-size:18px}.theme-switch-btn .theme-name{font-size:14px}.theme-switch-btn.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,#FF8C5A 100%);color:#fff;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.theme-switch-btn:not(.active):active{transform:scale(.95)}.mobile-preview-body{flex:1;padding:16px;overflow-y:auto;display:flex;align-items:center;justify-content:center;background:var(--bg-main);min-height:0}@media (max-width: 480px){.mobile-preview-body{padding:12px}}.mobile-preview-image{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 8px 24px #0003;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;transition:opacity .3s ease;display:block}@media (max-width: 480px){.mobile-preview-image{border-radius:8px}}.mobile-preview-footer{padding:16px 20px;background:linear-gradient(to top,var(--bg-section),transparent);text-align:center;flex-shrink:0;display:flex;flex-direction:column;gap:12px}@media (max-width: 480px){.mobile-preview-footer{padding:12px 16px;gap:10px}}.mobile-save-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-hover, var(--primary)));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(var(--primary-rgb, 255, 99, 132),.3)}@media (max-width: 480px){.mobile-save-btn{padding:12px 20px;font-size:15px;border-radius:10px}}.mobile-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgb, 255, 99, 132),.4)}.mobile-save-btn:active{transform:translateY(0)}.mobile-save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.mobile-save-btn .save-icon{font-size:20px}.mobile-save-btn .save-text{font-size:16px}.mobile-preview-footer .preview-hint{font-size:13px;color:var(--text-secondary);margin:0;font-weight:500;animation:hintPulse 2s ease-in-out infinite}.mobile-share-loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:3500;display:flex;align-items:center;justify-content:center}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;background:var(--bg-card);border-radius:16px;box-shadow:0 8px 24px #0000004d}.loading-content p{font-size:15px;color:var(--text-title);margin:0;font-weight:500}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-section);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-content{width:95%;max-width:none;max-height:95vh;margin:2.5vh auto}.modal-body{flex-direction:column;gap:12px;padding:12px;overflow-y:auto;min-height:0}.modal-settings{flex:0 0 auto;padding-right:0;overflow-y:visible}.card-preview-wrapper{flex:0 0 auto;min-height:300px;max-height:400px}.card-preview{min-height:300px;padding:12px}.card-tabs{flex-direction:row;flex-wrap:wrap}.tab-btn{flex:1 1 auto;min-width:80px}.share-card{width:100%;max-width:360px;transform:scale(.95);transform-origin:center}.type-card .type-name{font-size:24px}.score-card .total-score{font-size:56px}.radar-chart-container{height:220px}.radar-chart-container canvas{max-width:200px!important;max-height:200px!important;width:200px!important;height:200px!important}}@media (max-width: 480px){.modal-content{width:98%;max-height:98vh;margin:1vh auto}.modal-header{padding:12px 16px}.modal-header h3{font-size:16px}.modal-body{padding:10px;gap:10px}.modal-settings{gap:12px}.theme-selector{padding:8px;gap:6px}.theme-option{width:28px;height:28px}.card-preview-wrapper{min-height:250px;max-height:350px}.card-preview{min-height:250px;padding:8px}.share-card{max-width:320px;transform:scale(.88)}.type-card .type-name{font-size:22px}.score-card .total-score{font-size:48px}.radar-chart-container{height:180px;padding:10px}.radar-chart-container canvas{max-width:180px!important;max-height:180px!important;width:180px!important;height:180px!important}.modal-footer{padding:12px 16px}.modal-footer button{padding:10px 16px;font-size:14px}.share-activation{gap:16px}.share-activation .label{font-size:13px}.share-activation .copy-input{padding:12px 14px;font-size:14px}.share-activation .tips{padding:10px 12px;font-size:12px}}@media (max-width: 768px){.share-card-modal{padding:12px}.share-card-modal-content{max-width:100%;max-height:92vh;border-radius:20px}.share-card-modal-header{padding:20px 24px}.share-card-modal-header h3{font-size:18px}.share-card-close-btn{width:36px;height:36px;font-size:24px}.share-card-modal-body{flex-direction:column;padding:20px 24px;gap:20px}.share-card-settings{flex:0 0 auto}.share-card-theme-selector{padding:16px;gap:12px}.share-card-theme-options{gap:12px}.share-card-theme-option{width:52px;height:52px}.share-card-preview-wrapper{flex:0 0 auto;min-height:380px}.share-card-modal-footer{padding:16px 24px}.share-card-btn-cancel,.share-card-btn-download{height:46px;font-size:15px}.share-card{width:100%;max-width:360px;transform:scale(.95)}.score-card .total-score{font-size:80px}.score-card .total-score .unit{font-size:32px}}@media (max-width: 480px){.share-card-modal{padding:8px}.share-card-modal-content{max-height:95vh;border-radius:16px}.share-card-modal-header{padding:16px 20px}.share-card-modal-header h3{font-size:17px}.share-card-close-btn{width:34px;height:34px;font-size:22px}.share-card-modal-body{flex-direction:column;padding:16px 20px;gap:16px}.share-card-theme-selector{padding:14px;gap:10px}.share-card-theme-label{font-size:13px}.share-card-theme-options{gap:10px}.share-card-theme-option{width:48px;height:48px;border-radius:12px}.share-card-theme-option.active:after{font-size:20px}.share-card-preview-wrapper{min-height:340px;padding:12px;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.share-card-modal-footer{padding:14px 20px;gap:10px}.share-card-btn-cancel,.share-card-btn-download{height:44px;font-size:14px;border-radius:10px}.share-card{max-width:320px;transform:scale(.88)}.score-card .total-score{font-size:64px}.score-card .total-score .unit{font-size:28px}}@media (max-width: 360px){.share-card-modal-header{padding:14px 16px}.share-card-modal-header h3{font-size:16px}.share-card-close-btn{width:32px;height:32px;font-size:20px}.share-card-modal-body{flex-direction:column;padding:12px 16px;gap:12px}.share-card-theme-selector{padding:12px}.share-card-theme-option{width:44px;height:44px}.share-card-preview-wrapper{min-height:300px;padding:8px}.share-card-modal-footer{padding:12px 16px}.share-card-btn-cancel,.share-card-btn-download{height:42px;font-size:13px}.share-card{max-width:280px;transform:scale(.82)}.score-card .total-score{font-size:56px}.score-card .total-score .unit{font-size:24px}}