.pa-button[data-v-b171095b]{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;position:relative;overflow:hidden}.pa-button--primary[data-v-b171095b]{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:0 1px 2px #0000001a}.pa-button--primary[data-v-b171095b]:hover:not(.pa-button--disabled){background:var(--button-primary-bg-hover);transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.pa-button--outline[data-v-b171095b]{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.pa-button--outline[data-v-b171095b]:hover:not(.pa-button--disabled){background:var(--bg-secondary);border-color:var(--border-secondary)}.pa-button--text[data-v-b171095b]{background:transparent;color:var(--text-secondary);border:none}.pa-button--text[data-v-b171095b]:hover:not(.pa-button--disabled){background:var(--bg-secondary);color:var(--text-primary)}.pa-button--large[data-v-b171095b]{padding:12px 24px;font-size:16px;min-height:44px}.pa-button--medium[data-v-b171095b]{padding:6px 16px;font-size:13px;min-height:32px}.pa-button--mini[data-v-b171095b]{padding:4px 12px;font-size:12px;min-height:26px}.pa-button--long[data-v-b171095b]{width:100%}.pa-button--disabled[data-v-b171095b]{opacity:.5;cursor:not-allowed;pointer-events:none}.pa-button--loading[data-v-b171095b]{cursor:wait}.loading-spinner[data-v-b171095b]{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin-b171095b 1s linear infinite}@keyframes spin-b171095b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-icon[data-v-b171095b]{display:flex;align-items:center;justify-content:center}.button-text[data-v-b171095b]{line-height:1}.pa-loading[data-v-b0cafd38]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.loading-spinner[data-v-b0cafd38]{width:var(--0b0f97d6);height:var(--0b0f97d6);position:relative}.spinner-circle[data-v-b0cafd38]{width:100%;height:100%;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:pa-spin-b0cafd38 1s linear infinite}.pa-loading--spinning .spinner-circle[data-v-b0cafd38]{animation-play-state:running}.loading-tip[data-v-b0cafd38]{font-size:14px;color:var(--text-tertiary);white-space:nowrap}.pa-loading--small .loading-tip[data-v-b0cafd38]{font-size:12px}.pa-loading--large .loading-tip[data-v-b0cafd38]{font-size:16px}@keyframes pa-spin-b0cafd38{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.artwork-detail[data-v-2e83534a]{height:100%;width:100%;background:var(--bg-secondary);display:flex;flex-direction:column;position:relative;border-radius:12px;overflow:hidden}.navbar[data-v-2e83534a]{position:sticky;top:0;left:0;right:0;z-index:100;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary)}.navbar-content[data-v-2e83534a]{margin:0 auto;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.back-button[data-v-2e83534a]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s;flex-shrink:0}.back-button[data-v-2e83534a]:hover{background:var(--bg-tertiary)}.page-title[data-v-2e83534a]{flex:1;font-size:17px;font-weight:600;color:var(--text-primary);text-align:center}.navbar-actions[data-v-2e83534a]{display:flex;align-items:center;gap:12px;flex-shrink:0}.action-btn[data-v-2e83534a]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-primary);transition:all .2s}.action-btn[data-v-2e83534a]:hover{background:var(--bg-tertiary)}.like-icon[data-v-2e83534a]{fill:none;stroke:currentColor;stroke-width:1.5;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.like-icon.liked[data-v-2e83534a]{fill:#ff2442;stroke:#ff2442}.content-container[data-v-2e83534a]{flex:1;width:100%;max-width:800px;margin:0 auto;overflow-y:auto;padding:0 0 40px;background:var(--bg-secondary)}.content-container[data-v-2e83534a]::-webkit-scrollbar{display:none}.content-container[data-v-2e83534a]{-ms-overflow-style:none;scrollbar-width:none}.preview-section[data-v-2e83534a]{width:100%;background:var(--bg-primary)}.preview-wrapper[data-v-2e83534a]{position:relative}.view-tabs[data-v-2e83534a]{display:flex;gap:6px;padding:12px 16px 8px;background:var(--bg-primary)}.tab-item[data-v-2e83534a]{flex:1;padding:6px 12px;text-align:center;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border-radius:6px;cursor:pointer;transition:all .2s}.tab-item[data-v-2e83534a]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-item.active[data-v-2e83534a]{background:var(--bg-tertiary);color:var(--color-primary)}.preview-container[data-v-2e83534a]{position:relative;width:100%;aspect-ratio:1;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow:hidden}.preview-image-wrapper[data-v-2e83534a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px;position:absolute;top:0;left:0;right:0;bottom:0}.preview-image-wrapper img[data-v-2e83534a]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.slide-left-enter-active[data-v-2e83534a],.slide-left-leave-active[data-v-2e83534a]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-left-enter-from[data-v-2e83534a]{transform:translate(100%);opacity:0}.slide-left-leave-to[data-v-2e83534a]{transform:translate(-100%);opacity:0}.slide-right-enter-active[data-v-2e83534a],.slide-right-leave-active[data-v-2e83534a]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-right-enter-from[data-v-2e83534a]{transform:translate(-100%);opacity:0}.slide-right-leave-to[data-v-2e83534a]{transform:translate(100%);opacity:0}.preview-loading[data-v-2e83534a]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-tertiary)}.tap-zone[data-v-2e83534a]{position:absolute;top:0;bottom:0;width:40%;z-index:2;cursor:pointer}.tap-left[data-v-2e83534a]{left:0}.tap-right[data-v-2e83534a]{right:0}.nav-controls[data-v-2e83534a]{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 16px;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease}.preview-container:hover .nav-controls[data-v-2e83534a]{opacity:1}.nav-btn[data-v-2e83534a]{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.nav-btn[data-v-2e83534a]:hover{background:#fff;transform:scale(1.1)}.nav-btn[data-v-2e83534a]:active{transform:scale(.95)}.author-card[data-v-2e83534a]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .2s}.author-card[data-v-2e83534a]:hover{background:var(--bg-tertiary)}.author-avatar[data-v-2e83534a]{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar img[data-v-2e83534a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-info[data-v-2e83534a]{flex:1;min-width:0}.author-name[data-v-2e83534a]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.author-meta[data-v-2e83534a]{font-size:13px;color:var(--text-tertiary)}.author-actions[data-v-2e83534a]{flex-shrink:0}.follow-btn[data-v-2e83534a]{padding:6px 20px;border-radius:20px;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.follow-btn[data-v-2e83534a]:hover{background:var(--color-primary);color:#fff}.artwork-info-section[data-v-2e83534a]{padding:20px 16px;background:var(--bg-primary);border-bottom:8px solid var(--bg-secondary)}.artwork-title[data-v-2e83534a]{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.artwork-description[data-v-2e83534a]{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px;white-space:pre-wrap;word-break:break-word}.artwork-stats[data-v-2e83534a]{display:flex;gap:24px}.stat-item[data-v-2e83534a]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary)}.stat-icon[data-v-2e83534a]{fill:currentColor;flex-shrink:0}.color-section[data-v-2e83534a]{padding:16px;background:var(--bg-primary)}.section-header[data-v-2e83534a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header h3[data-v-2e83534a]{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.brand-select[data-v-2e83534a]{padding:4px 10px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:12px;cursor:pointer;outline:none;transition:all .2s}.brand-select[data-v-2e83534a]:hover{border-color:var(--color-primary)}.color-grid[data-v-2e83534a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.color-chip[data-v-2e83534a]{aspect-ratio:1;border-radius:6px;position:relative;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.color-chip[data-v-2e83534a]:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.color-code[data-v-2e83534a]{font-size:10px;font-weight:600;color:var(--text-primary);background:#ffffffe6;padding:2px 5px;border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-wrapper[data-v-2e83534a],.error-wrapper[data-v-2e83534a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-tertiary);min-height:400px}.error-wrapper[data-v-2e83534a] .icon{font-size:48px;color:var(--text-tertiary)}@media screen and (max-width: 768px){.navbar-content[data-v-2e83534a]{height:50px;padding:0 12px}.page-title[data-v-2e83534a]{font-size:16px}.content-container[data-v-2e83534a]{padding:0 0 24px}.preview-container[data-v-2e83534a]{border-radius:0}.author-card[data-v-2e83534a],.artwork-info-section[data-v-2e83534a],.color-section[data-v-2e83534a]{padding:16px 12px}.artwork-title[data-v-2e83534a]{font-size:18px}.color-grid[data-v-2e83534a]{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.color-code[data-v-2e83534a]{font-size:9px;padding:2px 4px}.section-header h3[data-v-2e83534a]{font-size:13px}.brand-select[data-v-2e83534a]{font-size:11px;padding:3px 8px}.view-tabs[data-v-2e83534a]{padding:10px 12px 6px;gap:4px}.tab-item[data-v-2e83534a]{padding:5px 10px;font-size:12px}.action-btn[data-v-2e83534a],.back-button[data-v-2e83534a]{width:32px;height:32px}.nav-controls[data-v-2e83534a]{opacity:1}.nav-btn[data-v-2e83534a]{width:36px;height:36px}}