.app-toast-container[data-v-7dca0510]{z-index:var(--z-toast,9999);gap:var(--spacing-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.app-toast[data-v-7dca0510]{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);pointer-events:auto;min-width:280px;max-width:400px;animation:.3s ease-out toastSlideIn-7dca0510;display:flex}.app-toast__icon[data-v-7dca0510]{border-radius:var(--radius-circle);width:20px;height:20px;color:var(--color-bg-white);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.app-toast--success .app-toast__icon[data-v-7dca0510]{background:var(--color-success)}.app-toast--error .app-toast__icon[data-v-7dca0510]{background:var(--color-danger)}.app-toast--warning .app-toast__icon[data-v-7dca0510]{background:var(--color-warning)}.app-toast--info .app-toast__icon[data-v-7dca0510]{background:var(--color-info)}.app-toast__message[data-v-7dca0510]{text-align:center;flex:1}.toast-enter-active[data-v-7dca0510],.toast-leave-active[data-v-7dca0510]{transition:all .3s}.toast-enter-from[data-v-7dca0510],.toast-leave-to[data-v-7dca0510]{opacity:0;transform:translate(100%)}@keyframes toastSlideIn-7dca0510{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}:root{--color-primary:#2c2c2c;--color-primary-light:#444;--color-primary-dark:#1a1a1a;--color-bg:#e0e0e0;--color-bg-white:#fff;--color-bg-gray-50:#fafafa;--color-bg-gray-100:#f8f8f8;--color-bg-gray-200:#f0f0f0;--color-bg-dark:#e5e5e5;--color-bg-dashboard:#e5e5e5;--color-text:#2c2c2c;--color-text-primary:#2c2c2c;--color-text-secondary:#2c2c2c99;--color-text-tertiary:#2c2c2c66;--color-text-inverse:#f5f5f5;--color-white:#fff;--color-success:#27ae60;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--gradient-designer:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-draftsman:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-primary:linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-success:linear-gradient(135deg, #4caf50, #45a049);--color-bg-dark-solid:#1a1a1a;--color-border:#2c2c2c33;--color-border-light:#2c2c2c14;--color-border-focus:#2c2c2c4d;--font-family-base:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading:"Playfair Display", serif;--font-family-chinese:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs:14px;--font-size-base:16px;--font-size-lg:20px;--font-size-xl:26px;--font-size-2xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--letter-spacing-base:0;--letter-spacing-tight:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--line-height-base:1.5;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50px;--radius-circle:50%;--shadow-sm:0 1px 2px #2c2c2c0d;--shadow-md:0 4px 6px #2c2c2c1a;--shadow-lg:0 10px 15px #2c2c2c1a;--shadow-xl:0 20px 25px #2c2c2c1a;--shadow-button-hover:0 10px 30px #2c2c2c40;--shadow-modal:0 20px 60px #0000004d;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:1000;--z-toast:9999;--z-navbar:10;--z-bg-text:2;--z-content:5;--navbar-height:80px;--container-max-width:1920px;--color-white-rgb:255, 255, 255;--color-text-primary-rgb:44, 44, 44;--color-border-light-rgb:44, 44, 44;--color-text-muted:#2c2c2c8c;--color-text-light:#2c2c2c73;--color-accent:#6366f1;--color-danger:#ef4444;--color-wechat:#07c160;--color-bg-light:#f8f9fa;--color-border-dark:#2c2c2c40;--font-weight-bold:700;--font-size-sm:13px;--font-size-md:15px;--font-size-3xl:40px;--font-size-4xl:54px;--container-content:1200px;--container-narrow:800px;--sidebar-width:280px;--sidebar-width-collapsed:80px;--modal-width-sm:380px;--modal-width-md:433px;--modal-width-lg:680px;--thumbnail-size:80px;--gradient-accent:linear-gradient(135deg, #6366f1, #8b5cf6);--border-radius-sm:4px;--spacing-xs-half:4px;--spacing-button-sm:8px 16px;--spacing-button-md:12px 24px;--spacing-button-lg:14px 48px;--size-20:20px;--size-16:16px;--size-8:8px;--size-4:4px;--size-2:2px;--font-family-brand:var(--font-family-base)}.dark{--color-primary:#e0e0e0;--color-primary-light:#b0b0b0;--color-primary-dark:#f5f5f5;--color-bg:#1a1a1a;--color-bg-white:#2c2c2c;--color-bg-gray-50:#222;--color-bg-gray-100:#262626;--color-bg-gray-200:#2e2e2e;--color-bg-dark:#1f1f1f;--color-bg-dashboard:#1f1f1f;--color-bg-dark-solid:#111;--color-bg-light:#262626;--color-text:#e0e0e0;--color-text-primary:#e0e0e0;--color-text-secondary:#e0e0e099;--color-text-tertiary:#e0e0e066;--color-text-inverse:#2c2c2c;--color-text-muted:#e0e0e08c;--color-text-light:#e0e0e073;--color-white:#2c2c2c;--color-success:#2ecc71;--color-warning:#f1c40f;--color-error:#e74c3c;--color-info:#5dade2;--color-accent:#818cf8;--color-danger:#f87171;--color-wechat:#07c160;--color-border:#e0e0e033;--color-border-light:#e0e0e014;--color-border-focus:#e0e0e04d;--color-border-dark:#e0e0e040;--color-white-rgb:44, 44, 44;--color-text-primary-rgb:224, 224, 224;--color-border-light-rgb:224, 224, 224;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 25px #0000004d;--shadow-button-hover:0 10px 30px #0006;--shadow-modal:0 20px 60px #00000080;--gradient-designer:linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--gradient-draftsman:linear-gradient(135deg, #fbbf24 0%, #f87171 100%);--gradient-primary:linear-gradient(135deg, #818cf8, #a78bfa);--gradient-accent:linear-gradient(135deg, #818cf8, #a78bfa)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;height:100%;font-size:16px;overflow-y:auto}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);height:auto;min-height:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl);letter-spacing:var(--letter-spacing-widest)}h2{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-wider)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{background:0 0;border:none;outline:none}input:focus,select:focus,textarea:focus,button:focus{outline:none}input[type=search]::-webkit-search-decoration{appearance:none}input[type=search]::-webkit-search-cancel-button{appearance:none}textarea{resize:vertical}select{appearance:none;cursor:pointer}strong,b{font-weight:var(--font-weight-bold)}em,i{font-style:italic}small{font-size:var(--font-size-sm)}blockquote{margin:var(--spacing-lg) 0;padding-left:var(--spacing-lg);border-left:3px solid var(--color-border-dark)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-light);border-radius:var(--radius-sm);padding:.125rem .25rem}pre{font-family:var(--font-family-mono);padding:var(--spacing-md);background-color:var(--color-bg-light);border-radius:var(--radius-md);overflow-x:auto}pre code{background:0 0;border-radius:0;padding:0}hr{background-color:var(--color-border);height:1px;margin:var(--spacing-xl) 0;border:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body,.layout-hero{min-width:1200px;font-family:var(--font-family-base);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}html{scrollbar-width:none}::-webkit-scrollbar:vertical{display:none}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar-thumb:horizontal{background-color:#2c2c2c33;border-radius:4px}.text-brand,.text-display{white-space:nowrap}.display-title{font-family:var(--font-family-heading);font-size:72px;font-weight:var(--font-weight-normal);letter-spacing:.15em;line-height:var(--line-height-tight)}.page-title{font-family:var(--font-family-chinese);font-size:36px;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);color:var(--color-text)}.section-title{font-family:var(--font-family-chinese);font-size:30px;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-text)}.card-title{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);color:var(--color-text)}.subheading{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base);color:var(--color-text-secondary)}.body-text{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}.body-sm{font-family:var(--font-family-base);font-size:var(--font-size-xs);line-height:var(--line-height-base);color:var(--color-text)}.caption{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-base);line-height:var(--line-height-base)}.overline{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-light)}.tagline{font-family:var(--font-family-heading);color:var(--color-text-secondary);letter-spacing:.15em;font-size:20px;font-style:italic}.label{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:var(--letter-spacing-base);margin-bottom:var(--spacing-sm);display:block}.hint{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-top:var(--spacing-xs)}.error{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-error);line-height:var(--line-height-base);margin-top:var(--spacing-xs)}.success{font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-success);line-height:var(--line-height-base)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-light{color:var(--color-text-light)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-bg-white)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-display{font-family:var(--font-family-heading);font-size:clamp(56px,8vw,80px);font-weight:var(--font-weight-normal);letter-spacing:.08em;color:var(--color-text-primary);line-height:1.15}.text-h1{font-family:var(--font-family-heading);font-size:48px;font-weight:var(--font-weight-normal);letter-spacing:.08em;color:var(--color-text-primary);line-height:1.15}.text-h2{font-family:var(--font-family-heading);font-size:36px;font-weight:var(--font-weight-normal);letter-spacing:.05em;color:var(--color-text-primary);line-height:1.25}.text-h3{font-family:var(--font-family-heading);font-size:28px;font-weight:var(--font-weight-normal);letter-spacing:.04em;color:var(--color-text-primary);line-height:1.3}.text-subtitle{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.6em;text-transform:uppercase;color:#2c2c2ca6;line-height:var(--line-height-base)}.text-tagline{font-family:var(--font-family-heading);color:#2c2c2ca6;letter-spacing:.3em;font-size:20px;font-style:italic;line-height:1.5}.text-body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.text-caption{font-family:var(--font-family-base);font-size:var(--font-size-xs);line-height:var(--line-height-base);color:#2c2c2c80;letter-spacing:var(--letter-spacing-base)}.text-brand{font-family:var(--font-family-chinese);letter-spacing:.8em;text-transform:uppercase;color:var(--color-text-primary);font-size:32px;font-weight:700}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalBackdropEnter{0%{opacity:0}to{opacity:1}}@keyframes modalContentEnter{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalContentExit{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-20px)}}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-base{background-color:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.modal-container{background-color:var(--color-bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal)}.input-base{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;line-height:1.5;font-family:var(--font-family-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#0000;outline:none;padding:12px 16px}.input-base:hover{border-color:var(--color-border-focus)}.input-base:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.bg-text-fixed{letter-spacing:var(--letter-spacing-tight);color:#0000000a;text-transform:uppercase;white-space:nowrap;pointer-events:none;user-select:none;text-align:center;width:100%;font-family:Roboto,sans-serif;font-size:480px;font-weight:700}.btn-close{color:#2c2c2c66;cursor:pointer;border-radius:var(--radius-circle);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;font-family:Arial,sans-serif;font-size:20px;font-weight:300;line-height:1}.btn-close:before{content:"×"}.btn-close:hover{color:var(--color-text-primary);background-color:#2c2c2c0d}.flex{display:flex}.flex-inline{display:inline-flex}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.inline-flex{display:inline-flex}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0{gap:0}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.gap-48{gap:48px}.gap-64{gap:64px}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-row-center{flex-direction:row;justify-content:center;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-row-gap-16{flex-direction:row;align-items:center;gap:16px;display:flex}.flex-col-gap-24{flex-direction:column;gap:24px;display:flex}.m-auto{margin:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mt-48{margin-top:48px}.mt-60{margin-top:60px}.mt-80{margin-top:80px}.mt-100{margin-top:100px}.mt-120{margin-top:120px}.mt-150{margin-top:150px}.mt--4{margin-top:-4px}.mt--8{margin-top:-8px}.mt--12{margin-top:-12px}.mt--16{margin-top:-16px}.mt--20{margin-top:-20px}.mt--24{margin-top:-24px}.mb-0{margin-bottom:0}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.mb-48{margin-bottom:48px}.mb-60{margin-bottom:60px}.mb-80{margin-bottom:80px}.ml-0{margin-left:0}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-16{margin-left:16px}.ml-24{margin-left:24px}.ml-32{margin-left:32px}.ml-40{margin-left:40px}.ml-80{margin-left:80px}.ml-120{margin-left:120px}.ml-200{margin-left:200px}.mr-0{margin-right:0}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.mx-0{margin-left:0;margin-right:0}.mx-4{margin-left:4px;margin-right:4px}.mx-8{margin-left:8px;margin-right:8px}.mx-16{margin-left:16px;margin-right:16px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-4{margin-top:4px;margin-bottom:4px}.my-8{margin-top:8px;margin-bottom:8px}.my-16{margin-top:16px;margin-bottom:16px}.my-24{margin-top:24px;margin-bottom:24px}.p-0{padding:0}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-32{padding:32px}.p-40{padding:40px}.p-48{padding:48px}.p-60{padding:60px}.px-0{padding-left:0;padding-right:0}.px-4{padding-left:4px;padding-right:4px}.px-8{padding-left:8px;padding-right:8px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-20{padding-left:20px;padding-right:20px}.px-24{padding-left:24px;padding-right:24px}.px-32{padding-left:32px;padding-right:32px}.px-40{padding-left:40px;padding-right:40px}.px-60{padding-left:60px;padding-right:60px}.px-80{padding-left:80px;padding-right:80px}.px-120{padding-left:120px;padding-right:120px}.px-140{padding-left:140px;padding-right:140px}.py-0{padding-top:0;padding-bottom:0}.py-4{padding-top:4px;padding-bottom:4px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.py-16{padding-top:16px;padding-bottom:16px}.py-18{padding-top:18px;padding-bottom:18px}.py-20{padding-top:20px;padding-bottom:20px}.py-24{padding-top:24px;padding-bottom:24px}.py-32{padding-top:32px;padding-bottom:32px}.py-40{padding-top:40px;padding-bottom:40px}.py-60{padding-top:60px;padding-bottom:60px}.py-80{padding-top:80px;padding-bottom:80px}.py-120{padding-top:120px;padding-bottom:120px}.pt-0{padding-top:0}.pt-4{padding-top:4px}.pt-8{padding-top:8px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pt-32{padding-top:32px}.pt-40{padding-top:40px}.pt-60{padding-top:60px}.pb-0{padding-bottom:0}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pb-40{padding-bottom:40px}.pb-48{padding-bottom:48px}.pb-60{padding-bottom:60px}.pb-80{padding-bottom:80px}.pb-120{padding-bottom:120px}.pl-0{padding-left:0}.pl-4{padding-left:4px}.pl-8{padding-left:8px}.pl-16{padding-left:16px}.pl-20{padding-left:20px}.pl-24{padding-left:24px}.pl-32{padding-left:32px}.pl-40{padding-left:40px}.pl-80{padding-left:80px}.pl-120{padding-left:120px}.pl-200{padding-left:200px}.pr-0{padding-right:0}.pr-4{padding-right:4px}.pr-8{padding-right:8px}.pr-16{padding-right:16px}.pr-24{padding-right:24px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.inset-center{top:50%;left:50%;transform:translate(-50%,-50%)}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-navbar{z-index:var(--z-navbar)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.max-w-content{max-width:var(--container-content)}.max-w-narrow{max-width:var(--container-narrow)}.max-w-600{max-width:600px}.max-w-md{max-width:500px}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.layout-hero{background:var(--color-bg);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.layout-hero-container{z-index:var(--z-content);text-align:center;flex-direction:column;flex:1;align-items:center;padding:430px 20px 120px;display:flex;position:relative}.layout-navbar{z-index:var(--z-navbar);background:var(--color-bg);border-bottom:1px solid #2c2c2c14;justify-content:flex-start;align-items:center;padding:18px 140px;display:flex;position:fixed;top:0;left:0;right:0}.layout-modal-overlay{z-index:var(--z-modal);opacity:0;visibility:hidden;animation:modalBackdropEnter var(--transition-normal) ease forwards;background-color:#2c2c2c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.layout-modal-overlay.is-visible,.layout-modal-overlay:not(.is-hidden){opacity:1;visibility:visible}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width>=768px){.tablet\:block{display:block}.tablet\:flex{display:flex}.tablet\:hidden{display:none}.tablet\:text-left{text-align:left}.tablet\:text-center{text-align:center}.tablet\:px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (width>=1024px){.laptop\:block{display:block}.laptop\:flex{display:flex}.laptop\:hidden{display:none}.laptop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.laptop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.laptop\:w-sidebar{width:var(--sidebar-width)}}@media (width>=1280px){.desktop\:block{display:block}.desktop\:flex{display:flex}.desktop\:hidden{display:none}.desktop\:container{max-width:var(--container-content);margin:0 auto}}@media (width>=1536px){.large\:container{max-width:var(--container-max);margin:0 auto}}.glass{-webkit-backdrop-filter:blur(10px);background-color:#fffc}.glass-dark{-webkit-backdrop-filter:blur(10px);background-color:#2c2c2cd9}.text-gradient{background-image:var(--gradient-accent);-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background-image:var(--gradient-primary)}.bg-gradient-accent{background-image:var(--gradient-accent)}.bg-cover{background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-contain{background-position:50%;background-repeat:no-repeat;background-size:contain}.grayscale{filter:grayscale()}.sepia{filter:sepia()}.blur-sm{filter:blur(2px)}.blur-md{filter:blur(5px)}.brightness-50{filter:brightness(.5)}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-100:hover{opacity:1}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.hover\:-translate-y-2:hover{transform:translateY(-8px)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.hover\:bg-light:hover{background-color:var(--color-bg-light)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:underline:hover{text-decoration:underline}.active\:scale-95:active{transform:scale(.95)}.active\:translate-y-0:active{transform:translateY(0)}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:0 0 0 3px #6366f14d}.focus\:border-dark:focus{border-color:var(--color-border-dark)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:pointer-events-none:disabled{pointer-events:none}.transition-transform{transition-property:transform;transition-timing-function:ease;transition-duration:var(--transition-normal)}.transition-all{transition-property:all;transition-timing-function:ease;transition-duration:var(--transition-normal)}.transition-fast{transition-duration:var(--transition-fast)}.transition-slow{transition-duration:var(--transition-slow)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.break-words{word-wrap:break-word;overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.container{width:100%;max-width:var(--container-content);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin:0 auto}.container-narrow{width:100%;max-width:var(--container-narrow);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);margin:0 auto}.section{padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-4xl)}.section-sm{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.layout-sidebar{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--spacing-xl);display:grid}.layout-sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr;gap:var(--spacing-lg);display:grid}.card-grid{gap:var(--spacing-lg);display:grid}.card-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-input-base{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input-base:hover{border-color:var(--color-border-dark)}.form-input-base:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px #e74c3c1a}.form-input-success{border-color:var(--color-success)}.form-input-success:focus{box-shadow:0 0 0 3px #27ae601a}.form-input-disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-light)}.badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.badge-primary{background-color:var(--color-primary);color:var(--color-bg-white)}.badge-accent{background-color:var(--color-accent);color:var(--color-bg-white)}.badge-success{background-color:var(--color-success);color:var(--color-bg-white)}.badge-danger{background-color:var(--color-danger);color:var(--color-bg-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-bg-white)}.badge-info{background-color:var(--color-info);color:var(--color-bg-white)}.badge-outline{background-color:#0000;border:1px solid}.divider{background-color:var(--color-border);height:1px;margin:var(--spacing-lg) 0}.divider-vertical{background-color:var(--color-border);width:1px;height:100%;margin:0 var(--spacing-md)}.divider-text{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);margin:var(--spacing-lg) 0;align-items:center;display:flex}.divider-text:before,.divider-text:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.divider-text:before{margin-right:var(--spacing-md)}.divider-text:after{margin-left:var(--spacing-md)}.skeleton{background-color:var(--color-bg-light);border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--spacing-sm)}.skeleton-title{width:60%;height:1.5em;margin-bottom:var(--spacing-md)}.skeleton-avatar{border-radius:var(--radius-circle);width:48px;height:48px}.skeleton-image{border-radius:var(--radius-lg);width:100%;height:200px}[data-hidden],.is-hidden{display:none!important}.show{display:block!important}.show-flex{display:flex!important}.cm-link--primary{color:var(--color-primary);transition:color var(--transition-fast)}.cm-link--primary:hover{color:var(--color-primary-light)}.util-mt-xs{margin-top:var(--spacing-xs)}.util-mt-sm{margin-top:var(--spacing-sm)}.util-mt-md{margin-top:var(--spacing-md)}.util-mt-lg{margin-top:var(--spacing-lg)}.util-mt-xl{margin-top:var(--spacing-xl)}.util-mb-sm{margin-bottom:var(--spacing-sm)}.util-mb-md{margin-bottom:var(--spacing-md)}.util-p-0{padding:0}.util-gap-xs{gap:var(--spacing-xs)}.util-gap-sm{gap:var(--spacing-sm)}.util-gap-md{gap:var(--spacing-md)}.util-gap-lg{gap:var(--spacing-lg)}.cm-modal__footer--centered{text-align:center;padding-top:var(--spacing-md)}.cm-divider{text-align:center;margin:var(--spacing-lg) 0;position:relative}.cm-divider:before{content:"";background-color:var(--color-border-light);height:1px;position:absolute;top:50%;left:0;right:0}.cm-divider__text{z-index:1;background-color:var(--color-bg-white);padding:0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:inline-block;position:relative}.cm-toast-container{top:var(--spacing-xl);right:var(--spacing-xl);z-index:var(--z-toast);gap:var(--spacing-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed}.cm-toast-container>*{pointer-events:auto}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.print\:bg-white{background-color:#fff!important}.print\:text-black{color:#000!important}body{color:#000;background:#fff}}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-circle{border-radius:var(--radius-circle)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.transition-none{transition:none}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-normal)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-bg-white)}.bg-light{background-color:var(--color-bg-light)}.bg-dark{background-color:var(--color-bg-dark)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-dark{border:1px solid var(--color-border-dark)}.border-0{border:0}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cm-form-group{margin-bottom:var(--spacing-lg)}.cm-form-group:last-child{margin-bottom:0}.cm-form-group__label{margin-bottom:var(--spacing-sm);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);display:block}.cm-form-group__label--required:after{content:"*";color:var(--color-error);margin-left:var(--spacing-xs);font-weight:var(--font-weight-bold)}.cm-form-group__input-wrapper{position:relative}.cm-form-group__hint{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);display:flex}.cm-form-group__hint-icon{flex-shrink:0;font-size:14px}.cm-form-group__error{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-error);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);display:flex}.cm-form-group__error-icon{flex-shrink:0;font-size:14px}.cm-form-group--horizontal{align-items:flex-start;gap:var(--spacing-md);display:flex}.cm-form-group--horizontal .cm-form-group__label{padding-top:var(--spacing-md);text-align:right;flex-shrink:0;min-width:100px;margin-bottom:0}.cm-form-group--horizontal .cm-form-group__input-wrapper{flex:1}.cm-form-group--inline{align-items:center;gap:var(--spacing-sm);margin-bottom:0;display:inline-flex}.cm-form-group--inline .cm-form-group__label{margin-bottom:0}.cm-form-group--error .cm-input,.cm-form-group--error .cm-textarea,.cm-form-group--error .cm-select{border-color:var(--color-error)}.cm-form-group--error .cm-input:focus,.cm-form-group--error .cm-textarea:focus,.cm-form-group--error .cm-select:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.cm-form-group--success .cm-input,.cm-form-group--success .cm-textarea,.cm-form-group--success .cm-select{border-color:var(--color-success)}.cm-form-group--success .cm-input:focus,.cm-form-group--success .cm-textarea:focus,.cm-form-group--success .cm-select:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e1a}.cm-form-group--disabled{opacity:.6;pointer-events:none}.cm-form-group__suffix{right:var(--spacing-md);align-items:center;gap:var(--spacing-xs);color:var(--color-text-tertiary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cm-form-group__prefix{left:var(--spacing-md);align-items:center;gap:var(--spacing-xs);color:var(--color-text-tertiary);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cm-form-group--has-prefix .cm-input{padding-left:calc(var(--spacing-md) * 2 + 20px)}.cm-form-group--has-suffix .cm-input{padding-right:calc(var(--spacing-md) * 2 + 40px)}.cm-form-group--has-toggle{position:relative}.cm-form-group--has-toggle .cm-input{padding-right:48px}.cm-form-group__password-toggle{right:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;width:32px;height:32px;font-size:var(--font-size-lg);color:var(--color-text-tertiary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cm-form-group__password-toggle:hover{background-color:var(--color-bg-gray-100);color:var(--color-text-secondary)}.cm-form-group__password-toggle:active{transform:translateY(-50%)scale(.95)}.cm-form-group__password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cm-form-group__count{right:var(--spacing-md);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);position:absolute;bottom:-20px}.cm-form-group__count--error{color:var(--color-error)}@media (width<=768px){.cm-form-group--horizontal{gap:var(--spacing-sm);flex-direction:column}.cm-form-group--horizontal .cm-form-group__label{min-width:unset;text-align:left;padding-top:0}.cm-form-group--inline{flex-direction:column;align-items:flex-start}}.layout-modal-overlay .modal-content{background-color:var(--color-bg-white);padding:var(--spacing-3xl);border-radius:var(--radius-xl);width:90%;max-width:700px;z-index:calc(var(--z-modal) + 1);user-select:none;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.layout-modal-overlay .modal-close{top:var(--spacing-lg);right:var(--spacing-lg);color:var(--color-text-muted);float:none;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);border-radius:var(--radius-circle);width:32px;height:32px;transition:all var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.layout-modal-overlay .modal-close:hover,.layout-modal-overlay .modal-close:focus{color:var(--color-text-primary);background-color:var(--color-bg-light)}.layout-modal-overlay.active .modal-content{animation:.3s forwards modalContentEnter}.layout-modal-overlay.closing .modal-content{animation:.3s forwards modalContentExit}.layout-modal-overlay .transaction-modal{max-width:1400px;padding:60px 80px}.transaction-modal h2{text-align:center;font-family:var(--font-family-chinese);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-primary)}.tf-header{text-align:center}.tf-header h2{font-family:var(--font-family-chinese);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-base);color:var(--color-primary)}.tf-header p{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-secondary)}.tf-main{flex-direction:column;gap:50px;display:flex}.tf-steps{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 0;width:100%;display:flex}.tf-step{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:80px;display:flex}.tf-num{width:48px;height:48px;font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary);border:2px solid #444;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.tf-step.tf-key .tf-num{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tf-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);text-align:center;word-break:keep-all}.tf-step.tf-key .tf-label{color:var(--color-primary);font-weight:500}.tf-div{background:var(--color-primary);flex:1;min-width:20px;height:2px;position:relative;top:-20px}.tf-div:before{content:attr(data-text);font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;background:var(--color-bg-white);border-radius:4px;padding:2px 8px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.tf-branch{text-align:center;border-top:1px solid var(--color-border);padding:32px 0}.tf-branch-title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary)}.tf-branch-flow{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#444;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.tf-arrow{color:#666;font-weight:700}.tf-footer{text-align:center;border-top:1px solid #2c2c2c0f;padding-top:28px}.tf-note{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary)}.layout-modal-overlay .register-modal,.layout-modal-overlay .login-modal{max-width:500px;padding:50px 60px}.register-header,.login-header{text-align:center}.register-header h2,.login-header h2{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary)}.register-header p,.login-header p{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-secondary)}.login-tabs{border-bottom:2px solid #2c2c2c1a;width:100%;display:flex}.login-tab{text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-muted);cursor:pointer;flex:1;padding:12px 0;transition:all .3s;position:relative}.login-tab.active{color:var(--color-text-primary);font-weight:600}.login-tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.register-footer,.login-footer{text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-muted)}.register-footer a,.login-footer a{color:var(--color-text-primary);font-weight:600;text-decoration:none}.register-footer a:hover,.login-footer a:hover{text-decoration:underline}@media (width<=768px){.layout-modal-overlay .modal-content{width:95%;max-height:92vh;padding:24px}.transaction-modal{padding:36px 24px}.tf-header h2{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-base)}.tf-header p{font-size:var(--font-size-xs);padding:0 10px}.tf-steps{gap:20px 0}.tf-step{min-width:60px}.tf-num{width:40px;height:40px;font-size:var(--font-size-base)}.tf-label{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-base)}.tf-div{min-width:10px;top:-18px}.tf-div:before{font-size:var(--font-size-xs);padding:1px 4px;top:-20px}.tf-branch{padding:20px 0}.tf-branch-title{font-size:var(--font-size-base)}.tf-branch-flow{font-size:var(--font-size-xs);gap:8px}.register-modal,.login-modal{padding:32px 24px}.register-header h2,.login-header h2{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-base)}}@media (width<=480px){.tf-div:before{display:none}.tf-step{min-width:50px}.transaction-modal{padding:28px 18px}}#logoutModal{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#logoutModal.active{display:flex}#logoutModal>div{background:var(--color-bg-white);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:400px;padding:40px 50px;box-shadow:0 20px 60px #0000004d}#logoutModal h3{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary)}#logoutModal p{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-secondary)}#logoutModal button{border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);cursor:pointer;padding:10px 28px;transition:all .3s}#logoutCancel{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}#logoutCancel:hover{background:var(--color-bg-light);border-color:var(--color-text-muted)}#logoutConfirm{background:var(--color-primary);color:var(--color-bg-white);border:none}#logoutConfirm:hover{opacity:.9;transform:translateY(-1px)}.success-toast-overlay{z-index:10000;background-color:#fffffff2;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s forwards modalBackdropEnter;display:none;position:fixed;top:0;left:0}.success-toast-overlay.active{display:flex}.success-toast-content{text-align:center;background:var(--color-bg-white);border-radius:var(--radius-xl);padding:60px 80px;animation:.4s .2s both modalContentEnter;box-shadow:0 20px 60px #00000026}.success-toast-icon{background:var(--gradient-success);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 8px 24px #4caf504d}.success-toast-icon:after{content:"✓";color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.success-toast-title{font-family:var(--font-family-chinese);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary)}.success-toast-message{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-secondary)}.form-group input.field-error,.form-group .form-input.field-error,.form-group textarea.field-error{background-color:#fff0f0;border:2px solid #e74c3c;outline:none;box-shadow:0 0 0 3px #e74c3c33}.form-group .error-message.show{visibility:visible;color:#e74c3c;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);background-color:#fef2f2;border-left:3px solid #e74c3c;border-radius:4px;padding:8px 12px;display:block}.layout-dashboard{gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:40px 36px 20px;animation:.8s ease-out .3s both fadeInUp;display:flex}.layout-dashboard.layout-dashboard-compact{gap:24px}.layout-dashboard-wide{gap:60px}.sidebar{flex-shrink:0}.sidebar.sidebar-narrow{width:300px}.sidebar-wide{width:280px}.sidebar .user-card-wrapper{text-align:center;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.avatar-wrapper{margin:0 auto 20px}.username-wrapper{margin-bottom:var(--spacing-sm)}.badge-wrapper{margin-top:10px}.sidebar-nav-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.sidebar-nav-compact{gap:4px}.main-panel{flex-direction:column;flex:1;min-width:0;display:flex}.main-panel.main-panel-glass{backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#fff9;border:1px solid #2c2c2c14;gap:0;padding:28px 28px 16px}.main-panel-spaced{gap:40px}.module-title-wrapper{margin-bottom:var(--spacing-md)}.module-title-wrapper-compact{margin-bottom:var(--spacing-xs,8px);border-bottom:1px solid #2c2c2c14;padding-bottom:6px}.module-spacing-none{margin-bottom:0}.module-spacing-sm{margin-top:6px;margin-bottom:0}.module-spacing-md{margin-top:24px}.grid-stats-3{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:0;display:grid}.grid-stats-4{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.grid-favorites-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-works-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-orders{gap:var(--spacing-md);grid-template-columns:2fr 1fr 1.5fr 1fr;display:grid}.list-orders{flex-direction:column;gap:12px;display:flex}.list-orders-spaced{gap:16px}.list-orders-wide{gap:14px}.order-header-wrapper{margin-bottom:12px}.order-body-wrapper{border-bottom:1px solid #2c2c2c0d;padding-bottom:12px}.actions-row-wrapper{margin-top:12px}.actions-row-wrapper-compact{margin-top:4px}.actions-row-wrapper-lg{margin-top:12px}.stat-number-wrapper{margin-bottom:8px}.stat-number-wrapper-compact{margin-bottom:6px}.fav-name-wrapper{margin-bottom:4px}.security-desc-wrapper{margin-bottom:20px}.btn-block-wrapper{margin-top:8px}.form-security{flex-direction:column;gap:14px;display:flex}.code-input-wrapper{align-items:stretch;gap:12px;display:flex}.code-input-flex{flex:1}.strength-bar-wrapper{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c80;align-items:center;gap:var(--spacing-sm);display:flex}.strength-bar-track{background:#2c2c2c14;border-radius:2px;flex:1;width:80px;height:4px;display:inline-block;overflow:hidden}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon-wrapper .input-secure{padding-right:44px}.icon-eye{cursor:pointer;opacity:.4;width:20px;height:20px;transition:opacity var(--transition-normal);position:absolute;right:14px}.icon-eye:hover{opacity:.7}.security-actions-wrapper{align-items:center;gap:16px;display:flex}.toolbar-header{justify-content:space-between;align-items:center;display:flex}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filter-bar-spaced{gap:12px}.pagination-wrapper{justify-content:center;gap:8px;margin-top:32px;display:flex}.page-btn-item{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-layout-overlay{backdrop-filter:blur(8px);z-index:99999;opacity:0;transition:opacity var(--transition-normal);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-layout-overlay.active{opacity:1;display:flex}.modal-layout-content{border-radius:var(--radius-xl);width:90%;max-width:480px;box-shadow:var(--shadow-modal);background:#fff;padding:40px;position:relative}.modal-layout-content-lg{border-radius:20px;max-width:520px}.modal-title-wrapper{margin-bottom:30px}.modal-sections-wrapper{flex-direction:column;gap:24px;display:flex}.detail-block-title{border-bottom:1px solid #2c2c2c14;margin-bottom:12px;padding-bottom:8px}.detail-row-item{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2cb3;justify-content:space-between;padding:6px 0;display:flex}.modal-action-wrapper{margin-top:30px}.amount-options-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.amount-btn{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);background:#fff9;border:1px solid #2c2c2c1a;border-radius:12px;padding:16px}.amount-btn:hover,.amount-btn.selected{background:var(--gradient-primary);color:var(--color-bg-white);border-color:#0000}.custom-amount-wrapper{margin-bottom:24px}.custom-label{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:block}.payment-methods-wrapper{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.payment-option-item{cursor:pointer;transition:all var(--transition-normal);background:#fff9;border:1px solid #2c2c2c1a;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.payment-option-item:hover{border-color:#6366f1}.confirm-btn-gradient{width:100%;font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-bg-white);background:var(--gradient-primary);cursor:pointer;transition:all var(--transition-normal);border:none;border-radius:12px;padding:16px}.confirm-btn-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.btn-sm{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);border-radius:var(--radius-md);padding:8px 20px}.btn-primary-sm{background:var(--gradient-primary);color:var(--color-bg-white);border:none}.btn-primary-sm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.btn-secondary-sm{color:var(--color-text-primary);background:#fff9;border:1px solid #2c2c2c1a}.btn-secondary-sm:hover{background:#2c2c2c0d}.btn-danger-sm{color:#dc2626;background:#dc26260f;border:1px solid #dc262626}.btn-danger-sm:hover{background:#dc26261a}.btn-dark{background-color:var(--color-primary);color:var(--color-bg-white);border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);cursor:pointer;transition:all var(--transition-normal,.3s);border:none;padding:10px 24px}.btn-dark:hover{background-color:#3c3c3c;transform:translateY(-2px)}.btn-order-primary{padding:10px 24px}.btn-order-secondary{border:1px solid var(--color-border);color:#2c2c2cb3;cursor:pointer;transition:all var(--transition-normal,.3s);background-color:#0000;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500}.btn-order-secondary:hover{color:var(--color-text-primary);border-color:#2c2c2c59}.text-module-title{font-family:var(--font-family-chinese);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-module-title-alt{font-family:var(--font-family-chinese);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-user-name{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-user-name-lg{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-user-email{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block}.text-stat-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:#2c2c2ca6;line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-balance-label{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:#2c2c2ccc;line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-balance-amount{font-family:var(--font-family-chinese);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-order-id{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-fav-name,.text-fav-name-lg{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-fav-specialty{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.text-security-desc{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base)}.status-badge{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);border-radius:20px;padding:4px 12px;display:inline-block}.status-pending{color:#d97706;background:#f59e0b1a}.status-processing{color:#2563eb;background:#3b82f61a}.status-completed{color:#059669;background:#10b9811a}.status-cancelled{color:#6b7280;background:#6b72801a}.status-unverified{color:#d97706;background:#fbbf2426}.status-verified{color:#059669;background:#48bb781a}.work-tag{width:fit-content;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);border-radius:10px;padding:2px 10px;display:inline-flex}.tag-original{color:#059669;background:#10b9811a}.tag-commission{color:#6366f1;background:#6366f11a}.tag-practice{color:#d97706;background:#f59e0b1a}.avatar-large{border-radius:var(--radius-circle);background:var(--gradient-designer);width:100px;height:100px;color:var(--color-bg-white);font-size:40px;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.avatar-md{border-radius:var(--radius-circle);background:var(--gradient-designer);width:80px;height:80px;color:var(--color-bg-white);font-size:32px;font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.avatar-gradient-warm{background:var(--gradient-draftsman)}.artist-badge{font-family:var(--font-family-chinese);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#d97706;line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);background:#f59e0b1a;border-radius:20px;padding:4px 14px;display:inline-block}.card-glass{backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#fff9;border:1px solid #2c2c2c14}.card-glass-light{border-radius:var(--radius-lg);background:#fffc;border:1px solid #2c2c2c14}.card-sidebar{backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#fff9;border:1px solid #2c2c2c14;padding:32px}.input-secure{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);border-radius:var(--radius-md);transition:all var(--transition-normal);color:var(--color-text-primary);box-sizing:border-box;background:#ffffffe6;border:1px solid #2c2c2c1a;outline:none;padding:14px 16px}.input-secure::placeholder{color:#2c2c2c59}.input-secure:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2c2c2c0f}.filter-chip{font-family:var(--font-family-chinese);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);background:#fff9;border:1px solid #2c2c2c1a;border-radius:20px;padding:8px 20px}.filter-chip:hover{border-color:#6366f1}.filter-chip.active{background:var(--gradient-primary);color:var(--color-bg-white);border-color:#0000}.page-btn{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);cursor:pointer;transition:all var(--transition-normal);background:#fff9;border:1px solid #2c2c2c14;border-radius:10px;padding:0}.page-btn:hover{border-color:#6366f1}.page-btn.active{background:var(--gradient-primary);color:var(--color-bg-white);border-color:#0000}.search-results-panel{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);z-index:500;background:#fffffffa;border:1px solid #2c2c2c14;max-height:480px;margin-top:8px;padding:16px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #2c2c2c26}.search-results-header{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c80;border-bottom:1px solid #2c2c2c0f;margin-bottom:12px;padding-bottom:12px}.search-result-section{margin-bottom:16px}.search-section-title{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary-light);text-transform:uppercase;margin-bottom:8px}.search-result-list{flex-direction:column;gap:6px;display:flex}.search-result-item{border-radius:var(--radius-md);cursor:pointer;color:inherit;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.search-result-item:hover{background:#6366f10f}.result-avatar{width:36px;height:36px;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.result-work-icon{width:36px;height:36px;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.result-info{flex:1;min-width:0}.result-name{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-meta{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c73;align-items:center;gap:8px;margin-top:2px;display:flex}.result-style,.result-category,.result-artist{border-radius:var(--radius-sm);background:#6366f114;padding:2px 8px}.result-rating{color:#f59e0b;font-weight:var(--font-weight-medium)}.search-tag-list{flex-wrap:wrap;gap:8px;display:flex}.search-tag-item{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;background:#6366f114;padding:6px 14px;transition:all .2s}.search-tag-item:hover{background:var(--gradient-primary);color:#fff}.search-no-results{color:#2c2c2c66;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.no-results-icon{opacity:.4;font-size:32px}.search-more{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);text-align:center;cursor:pointer;opacity:.7;padding:8px;transition:opacity .2s}.search-more:hover{opacity:1}.search-highlight{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);background:#f59e0b40;border-radius:2px;padding:0 2px}.search-history-empty{text-align:center;color:#2c2c2c59;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);padding:20px}.search-history-item{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.search-history-item:hover{background:#2c2c2c0a}.history-icon{opacity:.4;font-size:14px}.history-text{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary)}.search-header-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px 20px 40px}.search-container-wide{max-width:900px;margin:0 auto}.search-bar-large{gap:12px;margin-bottom:24px;display:flex}.search-input-wrapper-large{flex:1;position:relative}.search-input-large{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);border-radius:var(--radius-lg);color:var(--color-text-primary);background:#fffffff2;border:none;outline:none;padding:16px 24px;transition:box-shadow .2s,transform .2s}.search-input-large:focus{transform:translateY(-1px);box-shadow:0 8px 32px #00000026}.search-input-large::placeholder{color:#2c2c2c59}.search-button-large{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#fff;background:var(--color-text-primary);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;padding:16px 40px;transition:all .2s}.search-button-large:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.search-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-tab{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#ffffffbf;border-radius:var(--radius-full);cursor:pointer;backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff40;padding:10px 24px;transition:all .2s}.filter-tab:hover{color:#fff;background:#ffffff40;border-color:#fff6}.filter-tab.active{color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026}.search-stats-bar{max-width:900px;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c8c;background:#fff;border-bottom:1px solid #2c2c2c14;align-items:center;gap:8px;margin:0 auto;padding:20px;display:flex}.stats-count{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.stats-keyword{border-radius:var(--radius-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);background:#6366f114;padding:4px 12px}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;max-width:1200px;margin:40px auto;padding:0 20px 60px;display:grid}.result-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #2c2c2c0f;flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.result-card:hover{border-color:#6366f133;transform:translateY(-4px);box-shadow:0 12px 36px #0000001a}.result-card-artist{padding:28px 24px}.artist-header{margin-bottom:60px}.artist-avatar-large{width:64px;height:64px;font-size:26px;font-weight:var(--font-weight-bold);color:#fff;background-image:var(--bg-image,none);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.artist-avatar-large.purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.artist-avatar-large.orange{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.artist-info{flex:1;min-width:0}.artist-name{font-family:var(--font-family-chinese);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);margin-bottom:4px}.artist-style-tag{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);border-radius:var(--radius-sm);background:#6366f114;padding:4px 12px;display:inline-block}.artist-rating-row{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c8c;align-items:center;gap:12px;margin-top:12px;display:flex}.artist-works-count{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c73;margin-left:auto}.artist-desc{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2ca6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:16px;display:-webkit-box;overflow:hidden}.artist-action-btn{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:20px;padding:12px;transition:all .2s}.artist-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.card-image-wrapper{background:#2c2c2c0a;width:100%;height:220px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.result-card:hover .card-image{transform:scale(1.05)}.card-body{flex-direction:column;flex:1;padding:20px 22px;display:flex}.card-title{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:10px;display:-webkit-box;overflow:hidden}.card-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-category{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c73;border-radius:var(--radius-sm);background:#2c2c2c0a;padding:3px 10px}.card-style-tag{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);border-radius:var(--radius-sm);background:#6366f114;padding:3px 10px}.card-likes{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c66;align-items:center;gap:4px;margin-left:auto;display:flex}.card-likes-icon{font-style:normal}.card-artist-name{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c80;margin-top:4px}.card-action-btn{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:0 0;border:1px solid #6366f14d;margin-top:auto;padding:10px;transition:all .2s}.card-action-btn:hover{border-color:var(--color-primary);background:#6366f10f;transform:translateY(-1px)}.tags-section{border-radius:var(--radius-lg);background:#fff;border:1px solid #2c2c2c0f;grid-column:1/-1;padding:28px}.tags-section-title{font-family:var(--font-family-chinese);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);margin-bottom:16px}.tag-chips-list{flex-wrap:wrap;gap:10px;display:flex}.tag-chip{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;background:#2c2c2c0a;border:1px solid #2c2c2c1a;padding:8px 20px;transition:all .2s}.tag-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f114;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.search-no-results-full{text-align:center;grid-column:1/-1;padding:100px 20px}.no-results-icon-large{opacity:.15;margin-bottom:20px;font-size:80px}.no-results-title{font-family:var(--font-family-chinese);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);margin-bottom:10px}.no-results-desc{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c73;max-width:400px;margin:0 auto}.no-results-suggestions{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c8c;margin-top:24px}.no-results-suggestion-link{color:var(--color-primary);font-weight:var(--font-weight-medium);border-bottom:1px dashed var(--color-primary);text-decoration:none;transition:border-color .2s}.no-results-suggestion-link:hover{border-color:#0000}@media (width<=768px){.search-header-section{padding:40px 16px 30px}.search-bar-large{flex-direction:column}.search-button-large{width:100%}.search-filter-tabs{justify-content:center}.filter-tab{font-size:var(--font-size-xs);padding:8px 18px}.search-results-grid{grid-template-columns:1fr;gap:20px;margin:24px auto;padding:0 16px 40px}.card-image-wrapper{height:180px}}.search-result-desc{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c80;padding:20px 20px 10px}#keywordDisplay{color:var(--color-primary);font-weight:var(--font-weight-medium)}.dash-search-overlay{background:0 0;position:relative;transform:none}.dash-search-overlay .search-bar{background:0 0;width:100%;max-width:600px;padding:0;position:static;transform:none}.search-input-row{border-radius:var(--radius-lg);background:#fff;border:2px solid #2c2c2c1a;gap:10px;padding:8px 8px 8px 20px;transition:border-color .2s,box-shadow .2s;display:flex}.search-input-row:focus-within{border-color:var(--color-primary);box-shadow:0 4px 16px #6366f126}.search-input-row input{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-input-row input::placeholder{color:#2c2c2c59}.search-input-row button{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#fff;background:var(--color-text-primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;padding:10px 24px;transition:all .2s}.search-input-row button:hover{background:#1a1a1a;transform:translateY(-1px)}.gallery-item-artist .artist-card-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex;position:relative}.artist-avatar-circle{width:80px;height:80px;font-size:36px;font-weight:var(--font-weight-bold);color:#667eea;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #00000026}.artist-meta-info{border-top:1px solid #2c2c2c14;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.artist-style-badge{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-primary);border-radius:var(--radius-sm);background:#6366f114;padding:4px 12px;display:inline-block}.artist-rating{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#f59e0b}.gallery-item-tag .tag-bg{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);justify-content:center;align-items:center;min-height:180px;display:flex;position:relative}.tag-bg:before{content:"#";font-size:120px;font-weight:var(--font-weight-bold);color:#ffffff26;font-family:var(--font-display);position:absolute}.gallery-item-tag{cursor:pointer;transition:all .25s}.gallery-item-tag:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 36px #f5576c40}.gallery-item-tag .gallery-item-title{color:#f5576c;font-weight:var(--font-weight-semibold)}.gallery-search-highlight{color:inherit;font-weight:var(--font-weight-semibold);background:linear-gradient(120deg,#fef08a 0%,#fde047 100%);border-radius:3px;padding:1px 4px;box-shadow:0 1px 3px #fde04766}@media (width<=768px){.search-header{padding:30px 16px 16px}.search-bar-wrapper{margin-bottom:20px;padding:0 16px}.search-input-row{flex-direction:column;gap:8px;padding:12px 16px}.search-input-row button{width:100%}.artist-avatar-circle{width:60px;height:60px;font-size:var(--font-size-xl)}.artist-meta-info{flex-direction:column;align-items:flex-start;gap:6px}.artist-works-count{margin-left:0}}.showcase-wrapper{width:100%;height:750px;position:relative;overflow:hidden}.showcase-left,.showcase-right{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0}.showcase-left{clip-path:polygon(0 0,58% 0,48% 100%,0 100%);background-image:url(../../assets/images/showcase-left.jpg);left:0}.showcase-right{clip-path:polygon(60% 0,100% 0,100% 100%,50% 100%);background-image:url(../../assets/images/showcase-right.jpg);right:0}.carousel-btn{backdrop-filter:blur(16px);cursor:pointer;z-index:15;width:60px;height:60px;font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:#2c2c2c;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #2c2c2c1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.carousel-btn-left{left:3%}.carousel-btn-right{right:3%}.carousel-btn:hover{transform:translateY(-50%)scale(1.05);box-shadow:0 6px 16px #0003}.carousel-indicators-left,.carousel-indicators-right{z-index:15;gap:8px;display:flex;position:absolute;bottom:30px}.carousel-indicators-left{left:25%;transform:translate(-50%)}.carousel-indicators-right{right:25%;transform:translate(50%)}.carousel-indicator{cursor:pointer;background:#fff6;border-radius:50%;width:10px;height:10px;transition:all .3s}.carousel-indicator:hover{background:#ffffffb3}.carousel-indicator.active{background:#ffffffe6}.search-overlay{z-index:10;justify-content:center;align-items:flex-end;padding-bottom:120px;display:flex;position:absolute;inset:0}