.toast-container{position:fixed;top:calc(var(--header-height) + var(--spacing-lg));right:var(--spacing-lg);z-index:var(--z-index-popover);display:flex;flex-direction:column;gap:var(--spacing-md);pointer-events:none;max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid;pointer-events:auto;animation:slideInRight .3s ease-out;min-width:300px;max-width:400px}.toast-success{border-left-color:var(--color-success);background:linear-gradient(to right,var(--color-success-bg) 0%,var(--color-white) 8%)}.toast-error{border-left-color:var(--color-error);background:linear-gradient(to right,var(--color-error-bg) 0%,var(--color-white) 8%)}.toast-warning{border-left-color:var(--color-warning);background:linear-gradient(to right,var(--color-warning-bg) 0%,var(--color-white) 8%)}.toast-info{border-left-color:var(--color-info);background:linear-gradient(to right,var(--color-info-bg) 0%,var(--color-white) 8%)}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:16px;font-weight:var(--font-weight-bold);flex-shrink:0}.toast-success .toast-icon{background-color:var(--color-success);color:var(--color-white)}.toast-error .toast-icon{background-color:var(--color-error);color:var(--color-white)}.toast-warning .toast-icon{background-color:var(--color-warning);color:var(--color-white)}.toast-info .toast-icon{background-color:var(--color-info);color:var(--color-white)}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);word-break:break-word}.toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--color-text-tertiary);font-size:16px;cursor:pointer;transition:var(--transition-fast);flex-shrink:0;border-radius:var(--radius-sm)}.toast-close:hover{color:var(--color-text-primary);background-color:var(--color-border-lighter)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-enter-active{animation:slideInRight .3s ease-out}.toast-leave-active{animation:slideOutRight .3s ease-in}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.toast-container{right:var(--spacing-md);left:var(--spacing-md);top:calc(var(--header-height-mobile) + var(--spacing-md));max-width:none}.toast{min-width:auto;max-width:none}}.app-error[data-v-65bfd3b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#666;font-size:16px}.app-error button[data-v-65bfd3b0]{margin-top:12px;padding:8px 24px;background:#b8860b;color:#fff;border:none;border-radius:4px;cursor:pointer}:root{--color-primary: #C41E3A;--color-primary-dark: #8B1538;--color-primary-light: #E8A5B7;--color-gold: #D4AF37;--color-gold-dark: #B8941F;--color-gold-light: #F5E6D3;--color-blue-dark: #1A365D;--color-blue: #2C5282;--color-blue-light: #EBF8FF;--color-beige: #F7F5F3;--color-white: #FFFFFF;--color-gray-light: #F0EDE8;--color-success: #52C41A;--color-success-bg: #F6FFED;--color-warning: #FA8C16;--color-warning-bg: #FFF7E6;--color-error: #FF4D4F;--color-error-bg: #FFF1F0;--color-info: #1890FF;--color-info-bg: #E6F7FF;--color-text-primary: #1A1A1A;--color-text-secondary: #4A4A4A;--color-text-tertiary: #8C8C8C;--color-text-placeholder: #BFBFBF;--color-text-inverse: #FFFFFF;--color-border: #D9D9D9;--color-border-light: #E8E8E8;--color-border-lighter: #F0F0F0;--color-bg-page: #F7F5F3;--color-bg-card: #FFFFFF;--color-bg-mask: rgba(0, 0, 0, .45);--font-family: "PingFang SC", "Microsoft YaHei", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Consolas", "Monaco", monospace;--font-size-h1: 32px;--font-size-h2: 28px;--font-size-h3: 24px;--font-size-h4: 20px;--font-size-h5: 18px;--font-size-h6: 16px;--font-size-body-large: 16px;--font-size-body: 14px;--font-size-body-small: 12px;--font-size-caption: 12px;--line-height-h1: 48px;--line-height-h2: 42px;--line-height-h3: 36px;--line-height-h4: 30px;--line-height-h5: 27px;--line-height-h6: 24px;--line-height-body-large: 24px;--line-height-body: 22px;--line-height-body-small: 18px;--line-height-caption: 18px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 64px;--spacing-7xl: 80px;--spacing-8xl: 96px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--shadow-none: none;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--header-height: 64px;--header-height-mobile: 56px;--container-max-width: 1200px;--container-padding: 32px;--container-padding-mobile: 16px;--transition-base: all .3s ease-in-out;--transition-fast: all .15s ease-in-out;--transition-slow: all .5s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-bg-page);overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4);font-weight:var(--font-weight-medium)}h5{font-size:var(--font-size-h5);line-height:var(--line-height-h5);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-medium)}p{margin:0;line-height:var(--line-height-body)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;transition:var(--transition-base)}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:active{outline:none!important}.btn-primary,.btn-secondary,.btn-cart,.btn-buy,.btn-shop,.btn-submit,.btn-purchase,.btn-favorite,.btn-share{position:relative;z-index:1;overflow:visible!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.btn-primary,.btn-secondary,.btn-cart,.btn-buy,.btn-shop,.btn-submit,.btn-purchase,.btn-favorite,.btn-share{box-shadow:none}.btn-primary:active,.btn-secondary:active,.btn-cart:active,.btn-buy:active,.btn-shop:active,.btn-submit:active,.btn-purchase:active,.btn-favorite:active,.btn-share:active{outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-primary:active:focus,.btn-secondary:active:focus,.btn-cart:active:focus,.btn-buy:active:focus,.btn-shop:active:focus,.btn-submit:active:focus,.btn-purchase:active:focus,.btn-favorite:active:focus,.btn-share:active:focus{outline:none!important;box-shadow:none!important}.btn-primary:focus:not(:active),.btn-secondary:focus:not(:active),.btn-cart:focus:not(:active),.btn-buy:focus:not(:active),.btn-shop:focus:not(:active),.btn-submit:focus:not(:active),.btn-purchase:focus:not(:active),.btn-favorite:focus:not(:active),.btn-share:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #c41e3a1a}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}@media (max-width: 768px){.container{padding:0 var(--container-padding-mobile)}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.text-h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}.text-h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.text-h4{font-size:var(--font-size-h4);line-height:var(--line-height-h4)}.text-body{font-size:var(--font-size-body);line-height:var(--line-height-body)}.text-small{font-size:var(--font-size-body-small);line-height:var(--line-height-body-small)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-page)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}.desktop-block{display:block!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-in-out}.spin{animation:spin 1s linear infinite}.header{position:sticky;top:0;z-index:var(--z-index-sticky);background:linear-gradient(135deg,#ffe8e8,#fff5f5,#fff);box-shadow:0 2px 12px #c41e3a26;border-bottom:3px solid var(--color-primary)}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2xl)}.header-logo{flex-shrink:0}.logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition-base)}.logo-link:hover{opacity:.8}.logo-char{font-size:48px;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;font-family:STHeiti,Microsoft YaHei,SimHei,sans-serif}.header-nav{flex:1;display:flex;justify-content:center}.nav-list{display:flex;align-items:center;gap:var(--spacing-2xl);list-style:none}.nav-item{position:relative}.nav-link{display:block;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-body);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-base);position:relative;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--color-primary);transition:var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:calc(100% - 32px)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.header-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;color:var(--color-text-primary);transition:var(--transition-base);text-decoration:none;border-radius:var(--radius-md)}.header-action-btn svg{width:20px;height:20px}.header-action-btn:hover{background-color:#c41e3a1a;color:var(--color-primary)}.btn-shop{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:var(--transition-base);white-space:nowrap;margin-left:var(--spacing-lg);position:relative;z-index:1}.btn-shop:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-shop:active{background-color:var(--color-primary-dark);outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-shop:active:focus{outline:none!important;box-shadow:none!important}.btn-shop:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}.cart-btn{position:relative}.cart-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background-color:var(--color-error);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--color-white)}.mobile-menu-btn{display:none}.mobile-menu-btn .icon-menu{font-size:24px;transition:var(--transition-base)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#ffe8e8,#fff5f5,#fff);border-top:2px solid var(--color-primary);box-shadow:var(--shadow-md);max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.mobile-nav-open{max-height:500px}.mobile-nav-list{list-style:none;padding:var(--spacing-lg) 0}.mobile-nav-item{border-bottom:1px solid var(--color-border-lighter)}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-link{display:block;padding:var(--spacing-lg) var(--container-padding);font-size:var(--font-size-body);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-base)}.mobile-nav-link:hover{background-color:#c41e3a1a;color:var(--color-primary)}.mobile-nav-link-highlight{color:var(--color-primary);font-weight:var(--font-weight-medium)}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-index-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:100px;animation:fadeIn .3s ease-in-out}.search-box{display:flex;align-items:center;gap:var(--spacing-md);width:100%;max-width:600px;margin:0 var(--spacing-3xl);background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.search-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);outline:none;transition:var(--transition-base)}.search-input:focus{border-color:var(--color-primary)}.search-btn{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1}.search-btn:hover{background-color:var(--color-primary-dark)}.search-btn:active{background-color:var(--color-primary-dark);outline:none!important;box-shadow:none!important;transform:translateY(1px)}.search-btn:active:focus{outline:none!important;box-shadow:none!important}.search-btn:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.header-container{gap:var(--spacing-lg)}.nav-list{gap:var(--spacing-2xl)}}@media (max-width: 768px){.header{height:var(--header-height-mobile)}.header-container{height:var(--header-height-mobile);padding:0 var(--container-padding-mobile)}.logo-char{font-size:36px}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-menu-btn{display:flex}.mobile-nav{display:block}.header-actions{gap:var(--spacing-sm)}.header-action-btn{width:36px;height:36px;font-size:18px}.btn-shop{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-body-small);margin-left:var(--spacing-sm)}}.footer{background-color:var(--color-blue-dark);color:var(--color-text-inverse);margin-top:var(--spacing-6xl)}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-5xl) var(--container-padding) var(--spacing-3xl)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--spacing-5xl);margin-bottom:var(--spacing-5xl);padding-bottom:var(--spacing-5xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:400px}.footer-brand-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-lg)}.footer-brand-desc{font-size:var(--font-size-body);line-height:var(--line-height-body);color:#fffc;margin-bottom:var(--spacing-2xl)}.footer-social{display:flex;gap:var(--spacing-lg)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:var(--radius-full);text-decoration:none;transition:var(--transition-base)}.social-link:hover{background-color:var(--color-primary);transform:translateY(-2px)}.social-icon{font-size:20px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3xl)}.footer-link-column{display:flex;flex-direction:column}.footer-link-title{font-size:var(--font-size-h6);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--spacing-lg)}.footer-link-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-link{font-size:var(--font-size-body);color:#ffffffb3;text-decoration:none;transition:var(--transition-base)}.footer-link:hover{color:var(--color-white);padding-left:var(--spacing-sm)}.footer-contact{display:flex;flex-wrap:wrap;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer-contact-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body)}.contact-label{color:#ffffffb3}.contact-value{color:var(--color-white)}.footer-bottom{text-align:center}.footer-copyright{font-size:var(--font-size-body-small);color:#fff9}.footer-copyright p{margin-bottom:var(--spacing-sm)}.footer-icp{margin-top:var(--spacing-sm)}.footer-icp .footer-link{color:#fff9}.footer-icp .footer-link:hover{color:#fffc}@media (max-width: 1024px){.footer-links{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-3xl)}}@media (max-width: 768px){.footer-container{padding:var(--spacing-3xl) var(--container-padding-mobile) var(--spacing-2xl)}.footer-content{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.footer-links{grid-template-columns:1fr;gap:var(--spacing-2xl)}.footer-contact{flex-direction:column;gap:var(--spacing-lg)}.footer-contact-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;width:100%}.home-page{width:100%}.home-carousel{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-6xl) 0;position:relative}.carousel-wrapper{position:relative;max-width:1200px;margin:0 auto;height:500px;overflow:hidden;border-radius:var(--radius-lg)}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.carousel-slide.active{opacity:1}.slide-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:var(--spacing-4xl);gap:var(--spacing-4xl)}.slide-image{flex:1;overflow:hidden;border-radius:var(--radius-lg)}.slide-image img{width:100%;height:100%;object-fit:cover}.slide-text{flex:1;color:var(--color-white)}.slide-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-white)}.slide-desc{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl);color:#ffffffe6}.slide-btn{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-white);color:var(--color-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-base)}.slide-btn:hover{background-color:#ffffffe6;transform:translateY(-2px)}.carousel-indicators{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-md);z-index:10}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-white);background:transparent;cursor:pointer;transition:var(--transition-base)}.indicator.active{background-color:var(--color-white)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#fff3;border:none;color:var(--color-white);font-size:32px;cursor:pointer;border-radius:50%;transition:var(--transition-base);z-index:10;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{background-color:#ffffff4d}.carousel-btn.prev{left:var(--spacing-xl)}.carousel-btn.next{right:var(--spacing-xl)}.home-recommend{padding:var(--spacing-6xl) 0;background-color:var(--color-bg-page)}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--spacing-3xl)}.recommend-tabs{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-4xl)}.tab-btn{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base)}.tab-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl)}.recommend-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-base);cursor:pointer;position:relative}.recommend-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-image{width:100%;height:200px;overflow:hidden;position:relative}.card-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.card-content{padding:var(--spacing-2xl)}.card-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.card-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-md)}.card-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.card-rating{font-size:var(--font-size-sm);color:var(--color-text-light)}.home-features{padding:var(--spacing-6xl) 0;background-color:var(--color-white)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3xl)}.feature-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl);background-color:var(--color-bg-page);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-base);border:2px solid transparent}.feature-card:hover{border-color:var(--color-primary);background-color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.feature-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.feature-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);text-align:center}.home-news{padding:var(--spacing-6xl) 0;background-color:var(--color-white)}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4xl)}.more-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-body);transition:var(--transition-base)}.more-link:hover{color:var(--color-primary-dark)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl)}.news-card{background-color:var(--color-bg-page);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-base)}.news-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.news-image{width:100%;height:180px;overflow:hidden}.news-content{padding:var(--spacing-xl)}.news-meta{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-light)}.news-category{color:var(--color-primary);font-weight:var(--font-weight-medium)}.news-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.news-excerpt{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.carousel-wrapper{height:400px}.slide-content{flex-direction:column;padding:var(--spacing-3xl)}.slide-image{max-height:200px}.slide-title{font-size:var(--font-size-h2)}.recommend-grid,.news-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home-carousel{padding:var(--spacing-4xl) 0}.carousel-wrapper{height:300px}.slide-content{padding:var(--spacing-2xl)}.slide-image{max-height:150px}.slide-title{font-size:var(--font-size-h3)}.slide-desc{font-size:var(--font-size-body)}.carousel-btn{width:40px;height:40px;font-size:24px}.home-recommend,.home-features,.home-news{padding:var(--spacing-4xl) 0}.section-title{font-size:var(--font-size-h3);margin-bottom:var(--spacing-3xl)}.recommend-tabs{flex-wrap:wrap;gap:var(--spacing-md)}.recommend-grid,.news-grid,.features-grid{grid-template-columns:1fr;gap:var(--spacing-2xl)}.news-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.history-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.timeline-section{margin-bottom:var(--spacing-6xl)}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:var(--spacing-5xl)}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-gold))}.timeline-item{position:relative;margin-bottom:var(--spacing-5xl)}.timeline-marker{position:absolute;left:-32px;top:8px;width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--color-primary);border:4px solid var(--color-white);box-shadow:0 0 0 2px var(--color-primary)}.timeline-content{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.timeline-year{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.timeline-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.timeline-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-lg)}.timeline-works{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-lighter)}.works-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.works-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.work-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-page);color:var(--color-primary);text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--color-primary);font-size:var(--font-size-body-small);transition:var(--transition-base)}.work-link:hover{background-color:var(--color-primary);color:var(--color-white)}.map-section{margin-bottom:var(--spacing-6xl)}.map-container{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:0;background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-border-light)}.map-info-panel{padding:var(--spacing-4xl);background:linear-gradient(135deg,#fdf7ec,#fffaf3);border-right:1px solid var(--color-border-lighter)}.map-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.map-text{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-2xl)}.map-list{list-style:none;padding:0;margin:0 0 var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.map-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-body-small);color:var(--color-text-secondary)}.map-list .dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary)}.map-list .city-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.map-list .city-tag{margin-left:auto;padding:2px 8px;border-radius:var(--radius-full);background:#98714514;color:var(--color-primary);font-size:12px}.map-tip{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.map-viewport{position:relative;min-height:420px;background:radial-gradient(circle at 10% 20%,#fef6e9 0,#fff 45%,#f5f5f7)}.amap-container{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:36px;overflow:hidden;box-shadow:0 20px 45px #0f172a40}.map-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;font-size:12px}.marker-dot{width:14px;height:14px;border-radius:var(--radius-full);background:#b06621;border:2px solid var(--color-white);box-shadow:0 0 0 3px #b0662173;position:relative;z-index:2}.marker-pulse{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:var(--radius-full);border:2px solid rgba(176,102,33,.4);animation:mapPulse 1.8s ease-out infinite}.marker-label{position:absolute;left:0;top:16px;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:#ffffffe6;color:var(--color-text-primary);white-space:nowrap;box-shadow:0 4px 12px #0f172a1f}.marker-tooltip{position:absolute;left:18px;top:-4px;transform:translateY(-50%);background:#fffffffa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px #0f172a2e;min-width:220px;border:1px solid rgba(148,138,115,.25);opacity:0;visibility:hidden;transform-origin:left center;transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.marker-title{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.marker-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:6px}.marker-link{font-size:12px;padding:4px 10px;border-radius:999px}.map-marker:hover .marker-tooltip,.map-marker.is-active .marker-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(2px)}@keyframes mapPulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.4);opacity:0}}@media (max-width: 768px){.history-page{padding:var(--spacing-3xl) 0}.page-title{font-size:var(--font-size-h2)}.timeline{padding-left:var(--spacing-3xl)}.timeline:before{left:16px}.timeline-marker{left:-24px;width:20px;height:20px}.timeline-content{padding:var(--spacing-2xl)}.map-container{grid-template-columns:minmax(0,1.2fr);border-radius:var(--radius-lg)}.map-info-panel{border-right:none;border-bottom:1px solid var(--color-border-lighter)}.map-viewport{min-height:360px}}.art-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.tab-switcher{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-5xl)}.tab-btn{padding:var(--spacing-md) var(--spacing-3xl);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.patterns-section{margin-bottom:var(--spacing-6xl)}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.pattern-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border-light);transition:var(--transition-base)}.pattern-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pattern-image{width:100%;height:200px;overflow:hidden}.pattern-image img{width:100%;height:100%;object-fit:cover}.pattern-content{padding:var(--spacing-2xl)}.pattern-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-page);color:var(--color-text-secondary);font-size:var(--font-size-body-small);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.pattern-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.pattern-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-md)}.pattern-meaning{font-size:var(--font-size-body);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-gold-light);border-radius:var(--radius-sm)}.pattern-actions{margin-top:var(--spacing-lg)}.techniques-section{margin-bottom:var(--spacing-6xl)}.techniques-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.technique-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border-light);transition:var(--transition-base)}.technique-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.technique-image{width:100%;height:200px;overflow:hidden}.technique-image img{width:100%;height:100%;object-fit:cover}.technique-content{padding:var(--spacing-2xl)}.technique-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.technique-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.difficulty-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.difficulty-初级{background-color:var(--color-success-bg);color:var(--color-success)}.difficulty-中级{background-color:var(--color-warning-bg);color:var(--color-warning)}.difficulty-高级{background-color:var(--color-error-bg);color:var(--color-error)}.technique-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-lg)}.technique-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-secondary{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background-color:transparent;color:var(--color-primary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:var(--transition-base);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-link{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);color:var(--color-primary);text-decoration:none;font-size:var(--font-size-body);transition:var(--transition-base)}@media (max-width: 768px){.art-page{padding:var(--spacing-3xl) 0}.page-title{font-size:var(--font-size-h2)}.tab-switcher{flex-direction:column;align-items:stretch}.tab-btn{width:100%}.patterns-grid,.techniques-grid{grid-template-columns:1fr}}.culture-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.stories-section{margin-bottom:var(--spacing-6xl)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-3xl)}.story-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center}.story-image{width:100%;height:180px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.story-image img{width:100%;height:100%;object-fit:cover}.story-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.story-content{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.values-section{margin-bottom:var(--spacing-6xl)}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.value-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);border-left:4px solid var(--color-primary)}.value-image{margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);overflow:hidden}.value-image img{width:100%;height:180px;object-fit:cover}.value-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-md)}.value-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}@media (max-width: 768px){.culture-page{padding:var(--spacing-3xl) 0}.stories-grid,.values-grid{grid-template-columns:1fr}}.craft-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.materials-section{margin-bottom:var(--spacing-6xl)}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.material-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.material-image{margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);overflow:hidden}.material-image img{width:100%;height:200px;object-fit:cover}.material-name{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.material-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-md)}.material-usage{font-size:var(--font-size-body-small);color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.process-section{margin-bottom:var(--spacing-6xl)}.process-container{max-width:800px;margin:0 auto var(--spacing-5xl)}.process-step{display:flex;align-items:flex-start;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold)}.step-content{flex:1}.step-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.step-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.process-actions{text-align:center}.btn-primary{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:var(--transition-base);border:none;cursor:pointer;position:relative;z-index:1}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.craft-diy-page{padding:0 0 var(--spacing-7xl);background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.diy-hero{position:relative;width:100%;height:400px;margin-bottom:var(--spacing-6xl);border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}.diy-hero .hero-image{width:100%;height:100%}.diy-hero .hero-image img{width:100%;height:100%;object-fit:cover}.diy-hero .hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4xl) var(--spacing-3xl);background:linear-gradient(transparent,#000000b3);color:var(--color-white);text-align:center}.diy-hero .page-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-shadow:0 2px 8px rgba(0,0,0,.4)}.diy-hero .page-subtitle{font-size:var(--font-size-body-large);opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.4)}.diy-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-4xl);align-items:flex-start;margin-bottom:var(--spacing-6xl)}.diy-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.card-image{width:100%;height:220px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.card-image img{width:100%;height:100%;object-fit:cover}.diy-card .section-title{text-align:left;margin-bottom:var(--spacing-2xl)}.diy-list{padding-left:1.2em;margin:0;list-style:disc;color:var(--color-text-primary);line-height:var(--line-height-body)}.diy-list li+li{margin-top:var(--spacing-sm)}.diy-text{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.diy-gallery{margin-bottom:var(--spacing-6xl)}.gallery-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text-primary);margin-bottom:var(--spacing-3xl)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-4px)}.gallery-item img{width:100%;height:250px;object-fit:cover}.gallery-label{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(transparent,#000000a6);color:var(--color-white);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.diy-actions{text-align:center}.diy-actions .btn-primary{min-width:220px}@media (max-width: 768px){.craft-page{padding:var(--spacing-3xl) 0}.materials-grid{grid-template-columns:1fr}.process-step{flex-direction:column;align-items:center;text-align:center}.craft-diy-page{padding:0 0 var(--spacing-5xl)}.diy-hero{height:280px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.diy-hero .page-title{font-size:var(--font-size-h2)}.diy-intro{grid-template-columns:1fr}.diy-card .section-title{text-align:center}.gallery-grid{grid-template-columns:1fr}}.heritage-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.page-header{text-align:center;margin-bottom:var(--spacing-6xl)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:800px;margin:0 auto}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4xl);text-align:center}.inheritors-section{margin-bottom:var(--spacing-6xl)}.inheritors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-3xl)}.inheritor-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.inheritor-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.inheritor-avatar{width:120px;height:120px;margin:0 auto var(--spacing-xl);background:linear-gradient(135deg,#ffd89b,#ffecd2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:64px}.inheritor-content{text-align:center}.inheritor-name{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.inheritor-title{font-size:var(--font-size-body);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.inheritor-bio{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg);text-align:left}.inheritor-achievements{margin-bottom:var(--spacing-xl);text-align:left}.achievements-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.achievements-list{list-style:none;padding:0;margin:0}.achievements-list li{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-lg);position:relative}.achievements-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}.inheritor-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-primary,.btn-secondary{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);position:relative;z-index:1}.btn-secondary{background-color:var(--color-bg-page);color:var(--color-text-primary);border:2px solid var(--color-border);position:relative;z-index:1}.btn-secondary:active{outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-secondary:active:focus{outline:none!important;box-shadow:none!important}.btn-secondary:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}.activities-section{margin-bottom:var(--spacing-6xl)}.activities-list{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.activity-card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;transition:var(--transition-base)}.activity-card:hover{box-shadow:var(--shadow-md)}.activity-image{width:200px;height:200px;overflow:hidden;flex-shrink:0;border-radius:var(--radius-md)}.activity-image img{width:100%;height:100%;object-fit:cover}.activity-content{flex:1;padding:var(--spacing-2xl);display:flex;flex-direction:column}.activity-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-light)}.activity-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.activity-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg);flex:1}.activity-tags{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.btn-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);align-self:flex-start}.btn-link:hover{color:var(--color-primary-dark);text-decoration:underline}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2xl)}.achievement-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.achievement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.achievement-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.achievement-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.achievement-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.plans-section{margin-bottom:var(--spacing-6xl)}.plans-list{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.plan-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.plan-card:hover{box-shadow:var(--shadow-md)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.plan-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.plan-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.plan-status.ongoing{background-color:#d1ecf1;color:#0c5460}.plan-status.planned{background-color:#fff3cd;color:#856404}.plan-status.completed{background-color:#d4edda;color:#155724}.plan-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-md)}.plan-timeline{font-size:var(--font-size-sm);color:var(--color-text-light)}@media (max-width: 1024px){.inheritors-grid,.achievements-grid{grid-template-columns:repeat(2,1fr)}.activity-card{flex-direction:column}.activity-image{width:100%;height:200px}}@media (max-width: 768px){.heritage-page{padding:var(--spacing-3xl) 0}.page-title{font-size:var(--font-size-h2)}.inheritors-grid,.achievements-grid{grid-template-columns:1fr}.inheritor-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.plan-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.heritage-detail-page{padding:var(--spacing-4xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.activity-article{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4xl);box-shadow:var(--shadow-sm)}.article-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.article-tags{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.tag{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.article-cover{margin-bottom:var(--spacing-3xl)}.article-cover img{width:100%;height:auto;max-height:450px;object-fit:cover;border-radius:var(--radius-lg)}.detail-section{margin-bottom:var(--spacing-4xl)}.detail-heading{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);padding-left:var(--spacing-md);border-left:4px solid var(--color-primary)}.detail-content .detail-paragraph{font-size:var(--font-size-body);color:var(--color-text-primary);line-height:1.8;text-align:justify;margin-bottom:var(--spacing-lg);text-indent:2em}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.gallery-image{width:100%;height:250px;object-fit:cover;border-radius:var(--radius-md);transition:transform .3s ease;cursor:pointer}.gallery-image:hover{transform:scale(1.02)}.info-section{margin-bottom:var(--spacing-4xl)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);background-color:var(--color-bg-page);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.info-value{font-size:var(--font-size-body);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.action-section{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-light)}.btn-register{padding:var(--spacing-md) var(--spacing-3xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;font-weight:var(--font-weight-semibold);transition:var(--transition-base)}.btn-register:hover{background-color:var(--color-primary-dark)}.btn-back{padding:var(--spacing-md) var(--spacing-3xl);background-color:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:var(--transition-base)}.btn-back:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}@media (max-width: 768px){.heritage-detail-page{padding:var(--spacing-2xl) 0}.activity-article{padding:var(--spacing-2xl)}.article-title{font-size:var(--font-size-h2)}.gallery-grid{grid-template-columns:1fr}.gallery-image{height:200px}.info-grid{grid-template-columns:1fr}.action-section{flex-direction:column}}.news-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.subscription-section{margin-bottom:var(--spacing-6xl)}.subscription-card{background-color:var(--color-white);padding:var(--spacing-4xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center}.subscription-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.subscription-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.subscription-form{display:flex;gap:var(--spacing-md);max-width:600px;margin:0 auto;flex-wrap:wrap}.category-select,.email-input{flex:1;min-width:200px;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body)}.news-list-section{margin-bottom:var(--spacing-6xl)}.news-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);flex-wrap:wrap;justify-content:center}.filter-btn{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-3xl)}.news-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border-light);transition:var(--transition-base)}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.news-image{width:100%;height:200px;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover}.news-content{padding:var(--spacing-2xl)}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-body-small)}.news-category{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-page);color:var(--color-primary);border-radius:var(--radius-sm)}.news-date{color:var(--color-text-tertiary)}.news-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.4}.news-excerpt{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-lg);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-actions{display:flex;justify-content:space-between;align-items:center}.share-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:var(--transition-base)}.share-btn:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-body);transition:var(--transition-base)}@media (max-width: 768px){.news-page{padding:var(--spacing-3xl) 0}.subscription-form{flex-direction:column}.category-select,.email-input{width:100%}.news-grid{grid-template-columns:1fr}}.news-detail-page{padding:var(--spacing-4xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.news-article{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4xl);box-shadow:var(--shadow-sm)}.article-header{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border-light)}.article-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-light)}.article-category{color:var(--color-primary);font-weight:var(--font-weight-medium)}.article-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:var(--line-height-heading)}.article-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-base)}.article-image{margin-bottom:var(--spacing-3xl)}.article-image img{width:100%;height:auto;border-radius:var(--radius-lg)}.article-content{margin-bottom:var(--spacing-3xl);line-height:var(--line-height-base)}.content-paragraph{margin-bottom:var(--spacing-xl)}.content-heading{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);margin-top:var(--spacing-2xl)}.content-text{font-size:var(--font-size-body);color:var(--color-text-primary);line-height:var(--line-height-base);text-align:justify}.content-image{width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.article-tags{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-light)}.tag{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-page);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.article-actions{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-4xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border-light)}.btn-share,.btn-subscribe{padding:var(--spacing-md) var(--spacing-2xl);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:var(--transition-base)}.btn-share{background-color:var(--color-primary);color:var(--color-white)}.btn-share:hover{background-color:var(--color-primary-dark)}.btn-subscribe{background-color:transparent;color:var(--color-primary)}.btn-subscribe:hover{background-color:var(--color-primary);color:var(--color-white)}.related-news{padding-top:var(--spacing-3xl);border-top:2px solid var(--color-border-light)}.related-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.related-image{width:100%;height:120px;overflow:hidden}.related-card-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-date{font-size:var(--font-size-sm);color:var(--color-text-light)}@media (max-width: 768px){.news-detail-page{padding:var(--spacing-2xl) 0}.news-article{padding:var(--spacing-2xl)}.article-title{font-size:var(--font-size-h2)}.article-image img{border-radius:var(--radius-md)}.article-meta{flex-direction:column;gap:var(--spacing-sm)}.article-actions{flex-direction:column}.related-grid{grid-template-columns:1fr}}.works-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.works-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:var(--spacing-lg)}.filter-group{display:flex;align-items:center;gap:var(--spacing-md)}.filter-group label{font-size:var(--font-size-body);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.filter-select{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);min-width:120px}.view-toggle{display:flex;gap:var(--spacing-sm)}.view-btn{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.view-btn:hover{border-color:var(--color-primary)}.view-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.works-gallery{margin-bottom:var(--spacing-6xl)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.works-grid.list-view{grid-template-columns:1fr}.work-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border-light);transition:var(--transition-base);cursor:pointer}.work-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.works-grid.list-view .work-card{display:flex;flex-direction:row}.works-grid.list-view .work-image{width:300px;height:200px;flex-shrink:0}.work-image{width:100%;height:250px;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-primary-light) 100%)}.work-content{padding:var(--spacing-2xl)}.work-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.work-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-md)}.work-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-lighter)}.work-theme{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-bg-page);color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-body-small)}.work-rating{font-size:var(--font-size-body);color:var(--color-text-secondary)}.work-actions{display:flex;gap:var(--spacing-md)}.reviews-section{margin-bottom:var(--spacing-6xl)}.review-card{background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.review-date{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.review-content{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-md)}.review-work{font-size:var(--font-size-body-small);color:var(--color-text-tertiary);font-style:italic}@media (max-width: 768px){.works-page{padding:var(--spacing-3xl) 0}.works-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select{flex:1}.works-grid{grid-template-columns:1fr}.works-grid.list-view .work-card{flex-direction:column}.works-grid.list-view .work-image{width:100%}}.works-detail-page{padding:var(--spacing-4xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.work-detail{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4xl);box-shadow:var(--shadow-sm)}.work-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);margin-bottom:var(--spacing-4xl)}.work-image-large{width:100%}.image-placeholder{width:100%;height:500px;background:linear-gradient(135deg,#ffd89b,#ffecd2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:200px}.work-info{display:flex;flex-direction:column}.work-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.work-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-2xl)}.work-meta{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background-color:var(--color-bg-page);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spacing-4xl);row-gap:var(--spacing-md)}.meta-item{display:flex;align-items:baseline}.meta-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-right:var(--spacing-md);width:72px;text-align:right}.meta-value{color:var(--color-text-primary)}.rating{display:flex;align-items:center;gap:var(--spacing-xs)}.star{font-size:18px;opacity:.3}.star.filled{opacity:1}.rating-value{margin-left:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.work-details{margin-bottom:var(--spacing-2xl)}.details-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.details-content{color:var(--color-text-primary);line-height:var(--line-height-base)}.work-actions{display:flex;gap:var(--spacing-lg);margin-top:auto}.btn-purchase,.btn-favorite,.btn-share{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);border:none}.btn-purchase{flex:1;background-color:var(--color-primary);color:var(--color-white)}.btn-purchase:hover{background-color:var(--color-primary-dark)}.btn-favorite,.btn-share{background-color:var(--color-bg-page);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-favorite:hover,.btn-share:hover{border-color:var(--color-primary);color:var(--color-primary)}.work-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border-light)}.tab-btn{padding:var(--spacing-md) var(--spacing-2xl);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-body);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);margin-bottom:-2px}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-medium)}.work-tab-content{min-height:300px}.review-item{padding:var(--spacing-xl);background-color:var(--color-bg-page);border-radius:var(--radius-md)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.reviewer-info{display:flex;align-items:center;gap:var(--spacing-md)}.reviewer-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.review-rating .star{font-size:14px}.review-date{font-size:var(--font-size-sm);color:var(--color-text-light)}.review-content{color:var(--color-text-primary);line-height:var(--line-height-base)}.no-reviews{text-align:center;padding:var(--spacing-4xl);color:var(--color-text-light)}.related-works{padding:var(--spacing-xl) 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.related-card{background-color:var(--color-bg-page);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-base)}.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-image{width:100%;height:200px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover}.related-content{padding:var(--spacing-lg)}.related-rating{font-size:var(--font-size-sm);color:var(--color-text-light)}@media (max-width: 1024px){.work-main{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.works-detail-page{padding:var(--spacing-2xl) 0}.work-detail{padding:var(--spacing-2xl)}.work-title{font-size:var(--font-size-h2)}.image-placeholder{height:300px;font-size:120px}.work-actions{flex-direction:column}.related-grid{grid-template-columns:1fr}}.about-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.page-header{margin-bottom:var(--spacing-6xl)}.page-subtitle{font-size:var(--font-size-body-large);color:var(--color-text-secondary);max-width:800px;margin:0 auto var(--spacing-4xl)}.section-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-5xl);text-align:center}.about-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);align-items:center;gap:var(--spacing-5xl)}.about-hero-text{text-align:left}.about-mission-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-3xl)}.mission-item{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.mission-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.mission-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.about-hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about-hero-circle{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff7e6,#ffe6e6,#f4d5c5 80%);border:4px solid var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px #c41e3a40;margin-bottom:var(--spacing-xl)}.about-hero-icon{font-family:var(--font-family-heading);font-size:96px;font-weight:var(--font-weight-bold);color:var(--color-primary)}.about-hero-caption{font-size:var(--font-size-body);color:var(--color-text-secondary);max-width:260px}.what-we-do-section{margin-bottom:var(--spacing-6xl)}.what-we-do-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--spacing-3xl)}.what-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);transition:var(--transition-base)}.what-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.what-icon{font-size:40px;margin-bottom:var(--spacing-lg)}.what-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.what-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.team-section{margin-bottom:var(--spacing-6xl)}.section-intro{max-width:760px;margin:0 auto var(--spacing-4xl);text-align:center;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-3xl)}.team-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center;transition:var(--transition-base)}.team-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.team-avatar{font-size:64px;margin-bottom:var(--spacing-lg)}.team-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.team-role{font-size:var(--font-size-body);color:var(--color-primary);margin-bottom:var(--spacing-md)}.team-bio{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.history-section{margin-bottom:var(--spacing-6xl)}.history-timeline{max-width:800px;margin:0 auto;position:relative;padding-left:var(--spacing-5xl)}.history-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-gold))}.milestone-item{position:relative;margin-bottom:var(--spacing-5xl)}.milestone-item:before{content:"";position:absolute;left:-32px;top:8px;width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--color-primary);border:4px solid var(--color-white);box-shadow:0 0 0 2px var(--color-primary)}.milestone-year{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.milestone-content{background-color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.milestone-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.milestone-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.partners-section{margin-bottom:var(--spacing-6xl)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-3xl)}.partner-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center;transition:var(--transition-base)}.partner-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.partner-logo{font-size:48px;margin-bottom:var(--spacing-lg)}.partner-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.partner-desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.achievements-section{margin-bottom:var(--spacing-6xl)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3xl)}.achievement-card{background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center;transition:var(--transition-base)}.achievement-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.achievement-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.achievement-title{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.achievement-value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.achievement-desc{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}@media (max-width: 768px){.about-page{padding:var(--spacing-3xl) 0}.about-hero{grid-template-columns:1fr}.about-hero-text{text-align:center}.page-subtitle{margin-bottom:var(--spacing-3xl)}.team-grid,.partners-grid,.achievements-grid{grid-template-columns:1fr}.history-timeline{padding-left:var(--spacing-3xl)}.history-timeline:before{left:16px}.milestone-item:before{left:-24px;width:20px;height:20px}}.shop-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.page-header{text-align:center;margin-bottom:var(--spacing-5xl)}.page-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.page-subtitle{font-size:var(--font-size-body-large);color:var(--color-text-secondary);max-width:800px;margin:0 auto}.categories-section{margin-bottom:var(--spacing-3xl)}.categories-list{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.category-btn{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.products-section{margin-bottom:var(--spacing-6xl)}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-md)}.products-count{font-size:var(--font-size-body);color:var(--color-text-secondary)}.products-sort{display:flex;align-items:center;gap:var(--spacing-md)}.products-sort label{font-size:var(--font-size-body);color:var(--color-text-primary)}.sort-select{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3xl)}.product-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border-light);transition:var(--transition-base);cursor:pointer;position:relative}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{width:100%;height:250px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-white)}.product-badge.new{background-color:var(--color-success)}.product-badge.hot{background-color:var(--color-error)}.product-content{padding:var(--spacing-2xl)}.product-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.product-desc{font-size:var(--font-size-body-small);color:var(--color-text-secondary);line-height:var(--line-height-body);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-lighter);font-size:var(--font-size-body-small)}.product-rating{color:var(--color-text-secondary)}.product-sales{color:var(--color-text-tertiary)}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.product-price{display:flex;align-items:baseline;gap:var(--spacing-sm)}.price-current{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-primary)}.price-original{font-size:var(--font-size-body-small);color:var(--color-text-tertiary);text-decoration:line-through}.btn-cart{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);white-space:nowrap;position:relative;z-index:1}@media (max-width: 768px){.shop-page{padding:var(--spacing-3xl) 0}.products-header{flex-direction:column;align-items:stretch}.products-sort{width:100%}.sort-select{flex:1}.products-grid{grid-template-columns:1fr}.product-footer{flex-direction:column;align-items:stretch}.btn-cart{width:100%}}.product-detail-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.breadcrumb{margin-bottom:var(--spacing-3xl);font-size:var(--font-size-body);color:var(--color-text-secondary)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-base)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{margin:0 var(--spacing-sm)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5xl);margin-bottom:var(--spacing-6xl);background-color:var(--color-white);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.product-images{display:flex;flex-direction:column;gap:var(--spacing-lg)}.main-image{width:100%;height:500px;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.main-image img{width:100%;height:100%;object-fit:cover}.thumbnail-list{display:flex;gap:var(--spacing-md)}.thumbnail{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:32px;background-color:var(--color-bg-page);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.thumbnail:hover{border-color:var(--color-primary)}.thumbnail.active{border-color:var(--color-primary);background-color:var(--color-white)}.product-info{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.product-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.product-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-lighter)}.product-rating{display:flex;align-items:center;gap:var(--spacing-sm)}.rating-stars{font-size:18px}.rating-value{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.rating-count{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.product-sales{font-size:var(--font-size-body);color:var(--color-text-secondary)}.product-price-section{display:flex;align-items:baseline;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-page);border-radius:var(--radius-md)}.price-current{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-primary)}.price-original{font-size:var(--font-size-h4);color:var(--color-text-tertiary);text-decoration:line-through}.price-discount{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-error);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium)}.product-specs{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spec-group{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.spec-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:60px;padding-top:var(--spacing-md)}.spec-options{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.spec-option{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base)}.spec-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.spec-option.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.product-quantity{display:flex;align-items:center;gap:var(--spacing-lg)}.product-quantity label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.quantity-control{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quantity-btn{width:40px;height:40px;background-color:var(--color-white);border:none;cursor:pointer;font-size:var(--font-size-h4);color:var(--color-text-primary);transition:var(--transition-base)}.quantity-btn:hover:not(:disabled){background-color:var(--color-bg-page)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:60px;height:40px;border:none;text-align:center;font-size:var(--font-size-body);color:var(--color-text-primary)}.stock-info{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.product-actions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.btn-cart{flex:1;min-width:200px;padding:var(--spacing-lg) var(--spacing-3xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1}.btn-cart:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-cart:active{background-color:var(--color-primary-dark);outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-cart:active:focus{outline:none!important;box-shadow:none!important}.btn-cart:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}.btn-buy{flex:1;min-width:200px;padding:var(--spacing-lg) var(--spacing-3xl);background-color:var(--color-error);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1}.btn-buy:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-buy:active{background-color:#d32f2f;outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-buy:active:focus{outline:none!important;box-shadow:none!important}.btn-buy:focus:not(:active){outline:2px solid var(--color-error);outline-offset:3px}.btn-favorite{padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1}.btn-favorite:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-favorite:active{outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-favorite:active:focus{outline:none!important;box-shadow:none!important}.btn-favorite:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}.product-tabs{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.tab-header{display:flex;border-bottom:2px solid var(--color-border-lighter)}.tab-btn{flex:1;padding:var(--spacing-lg) var(--spacing-2xl);background-color:transparent;border:none;font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);border-bottom:3px solid transparent}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{padding:var(--spacing-4xl)}.tab-panel h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.detail-images{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.detail-image{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-page);border-radius:var(--radius-md);font-size:var(--font-size-body-large);color:var(--color-text-secondary)}.reviews-summary{margin-bottom:var(--spacing-3xl);padding:var(--spacing-3xl);background-color:var(--color-bg-page);border-radius:var(--radius-lg);text-align:center}.rating-overview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.rating-score{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-primary)}.rating-text{font-size:var(--font-size-body);color:var(--color-text-secondary)}.reviews-list{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.review-item{padding:var(--spacing-2xl);background-color:var(--color-bg-page);border-radius:var(--radius-md)}.review-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.reviewer-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.review-rating{display:flex;gap:2px}.star{font-size:14px;color:var(--color-border)}.star.filled{color:var(--color-gold)}.review-date{font-size:var(--font-size-body-small);color:var(--color-text-tertiary);margin-left:auto}.review-content{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.related-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-2xl)}.related-product-card{background-color:var(--color-bg-page);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-base)}.related-product-card:hover{background-color:var(--color-white);box-shadow:var(--shadow-sm)}.related-image{font-size:48px;margin-bottom:var(--spacing-md)}.related-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.related-price{font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-primary)}@media (max-width: 1024px){.product-detail{grid-template-columns:1fr}}@media (max-width: 768px){.product-detail-page{padding:var(--spacing-3xl) 0}.product-actions{flex-direction:column}.btn-cart,.btn-buy{width:100%}.tab-header{flex-direction:column}.related-products{grid-template-columns:repeat(2,1fr)}}.cart-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.empty-cart{text-align:center;padding:var(--spacing-6xl) 0}.empty-icon{font-size:120px;margin-bottom:var(--spacing-3xl);opacity:.5}.empty-text{font-size:var(--font-size-h4);color:var(--color-text-secondary);margin-bottom:var(--spacing-3xl)}.cart-content{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.cart-list{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.cart-header{display:grid;grid-template-columns:50px 1fr 120px 150px 120px 80px;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);align-items:center}.select-all-checkbox{width:18px;height:18px;cursor:pointer}.cart-item{display:grid;grid-template-columns:50px 80px 1fr 120px 150px 120px 80px;gap:var(--spacing-lg);padding:var(--spacing-2xl);border-bottom:1px solid var(--color-border-lighter);align-items:center;transition:var(--transition-base)}.cart-item:hover{background-color:var(--color-bg-page)}.cart-item:last-child{border-bottom:none}.item-checkbox{width:18px;height:18px;cursor:pointer}.item-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px;background-color:var(--color-bg-page);border-radius:var(--radius-md)}.item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-price{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.item-quantity{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quantity-btn{width:32px;height:32px;background-color:var(--color-white);border:none;cursor:pointer;font-size:var(--font-size-body);color:var(--color-text-primary);transition:var(--transition-base)}.quantity-btn:hover{background-color:var(--color-bg-page)}.quantity-input{width:50px;height:32px;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:center;font-size:var(--font-size-body);color:var(--color-text-primary)}.item-subtotal{font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-align:center}.btn-remove{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-body-small);cursor:pointer;transition:var(--transition-base)}.btn-remove:hover{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-error)}.cart-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-wrap:wrap;gap:var(--spacing-lg)}.footer-left{display:flex;align-items:center;gap:var(--spacing-lg)}.btn-remove-selected{padding:var(--spacing-md) var(--spacing-lg);background-color:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:var(--transition-base)}.btn-remove-selected:hover{background-color:var(--color-error);color:var(--color-white)}.footer-right{display:flex;align-items:center;gap:var(--spacing-2xl)}.total-info{display:flex;align-items:baseline;gap:var(--spacing-sm)}.total-label{font-size:var(--font-size-body);color:var(--color-text-secondary)}.total-price{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-primary)}.btn-checkout{padding:var(--spacing-lg) var(--spacing-4xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base)}.btn-checkout:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-checkout:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.cart-header,.cart-item{grid-template-columns:50px 80px 1fr 100px 120px 100px}.header-action,.btn-remove{display:none}}@media (max-width: 768px){.cart-page{padding:var(--spacing-3xl) 0}.cart-header{display:none}.cart-item{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg)}.item-checkbox{grid-column:1;grid-row:1}.item-image{grid-column:2;grid-row:1}.item-info{grid-column:1 / -1;grid-row:2}.item-price,.item-quantity,.item-subtotal{grid-column:span 1}.btn-remove{grid-column:1 / -1;justify-self:start}.cart-footer,.footer-right{flex-direction:column;align-items:stretch}.btn-checkout{width:100%}}.checkout-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.checkout-content{display:grid;grid-template-columns:minmax(0,1.6fr) 400px;gap:var(--spacing-4xl)}.checkout-main{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.section-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.address-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.address-card{padding:var(--spacing-2xl);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base)}.address-card:hover{border-color:var(--color-primary)}.address-card.active{border-color:var(--color-primary);background-color:#c41e3a0d}.address-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.address-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.address-phone{font-size:var(--font-size-body);color:var(--color-text-secondary)}.address-default{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-body-small)}.address-detail{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.btn-add-address{padding:var(--spacing-2xl);background-color:var(--color-white);border:2px dashed var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-body);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);text-align:center}.btn-add-address:hover{border-color:var(--color-primary);color:var(--color-primary)}.order-section{margin-bottom:var(--spacing-4xl)}.order-items{display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.order-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px;background-color:var(--color-bg-page);border-radius:var(--radius-md);flex-shrink:0}.order-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center}.order-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.order-spec{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.order-quantity{font-size:var(--font-size-body);color:var(--color-text-secondary);min-width:60px;text-align:right}.order-price{font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:100px;text-align:right}.address-section,.payment-section{width:100%}.payment-methods{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-method{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.payment-method:hover{border-color:var(--color-primary)}.payment-method.active{border-color:var(--color-primary);background-color:#c41e3a0d}.payment-radio{width:18px;height:18px;cursor:pointer}.payment-icon{font-size:24px}.payment-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.summary-section{position:sticky;top:calc(var(--header-height) + var(--spacing-2xl));height:fit-content}.summary-card{padding:var(--spacing-3xl);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;font-size:var(--font-size-body);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-lighter)}.summary-row:last-of-type{border-bottom:none}.summary-total{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-border);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.total-amount{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-primary)}.btn-submit{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);margin-top:var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1}.btn-submit:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-submit:active:not(:disabled){background-color:var(--color-primary-dark);outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-submit:active:focus:not(:disabled){outline:none!important;box-shadow:none!important}.btn-submit:focus:not(:active):not(:disabled){outline:2px solid var(--color-primary);outline-offset:3px}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.checkout-content{grid-template-columns:1fr}.summary-section{position:static}}@media (max-width: 768px){.checkout-page{padding:var(--spacing-3xl) 0}.order-item{flex-wrap:wrap}.order-price{width:100%;text-align:left;margin-top:var(--spacing-sm)}}.orders-page{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.page-header{margin-bottom:var(--spacing-5xl)}.order-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);flex-wrap:wrap}.filter-btn{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.order-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);overflow:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-bg-page);border-bottom:1px solid var(--color-border-light)}.order-info{display:flex;gap:var(--spacing-lg);align-items:center}.order-number{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.order-date{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.order-status{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium)}.order-status.pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.order-status.paid,.order-status.shipping{background-color:var(--color-info-bg);color:var(--color-info)}.order-status.completed{background-color:var(--color-success-bg);color:var(--color-success)}.order-items{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.order-item{display:flex;align-items:center;gap:var(--spacing-lg)}.item-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:40px;background-color:var(--color-bg-page);border-radius:var(--radius-md);flex-shrink:0}.item-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.item-spec{font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.item-quantity{font-size:var(--font-size-body);color:var(--color-text-secondary);min-width:60px;text-align:center}.item-price{font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:100px;text-align:right}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-2xl);background-color:var(--color-bg-page);border-top:1px solid var(--color-border-light);flex-wrap:wrap;gap:var(--spacing-lg)}.order-total{font-size:var(--font-size-body);color:var(--color-text-secondary)}.total-amount{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-primary)}.order-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-secondary{padding:var(--spacing-md) var(--spacing-2xl);background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:var(--transition-base)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-primary{padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);cursor:pointer;transition:var(--transition-base);position:relative;z-index:1}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-primary:active{background-color:var(--color-primary-dark);outline:none!important;box-shadow:none!important;transform:translateY(1px)}.btn-primary:active:focus{outline:none!important;box-shadow:none!important}.btn-primary:focus:not(:active){outline:2px solid var(--color-primary);outline-offset:3px}.btn-link{padding:var(--spacing-md) var(--spacing-2xl);color:var(--color-primary);text-decoration:none;font-size:var(--font-size-body);transition:var(--transition-base)}.btn-link:hover{text-decoration:underline}.empty-orders{text-align:center;padding:var(--spacing-6xl) 0;color:var(--color-text-secondary)}@media (max-width: 768px){.orders-page{padding:var(--spacing-3xl) 0}.order-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.order-footer{flex-direction:column;align-items:stretch}.order-actions{width:100%;justify-content:flex-end}}.order-detail-page{padding:var(--spacing-4xl) 0;background-color:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.breadcrumb{margin-bottom:var(--spacing-2xl);font-size:var(--font-size-body);color:var(--color-text-secondary)}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.order-detail{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-4xl);box-shadow:var(--shadow-sm)}.order-header{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-border-light)}.order-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.order-meta{display:flex;gap:var(--spacing-2xl);flex-wrap:wrap;font-size:var(--font-size-body);color:var(--color-text-secondary)}.order-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.status-pending{background-color:#fff3cd;color:#856404}.status-paid{background-color:#d1ecf1;color:#0c5460}.status-shipped{background-color:#d4edda;color:#155724}.status-completed{background-color:#d1ecf1;color:#0c5460}.status-cancelled{background-color:#f8d7da;color:#721c24}.order-content{margin-bottom:var(--spacing-4xl)}.order-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border-light)}.order-section:last-child{border-bottom:none;margin-bottom:0}.section-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.address-info{background-color:var(--color-bg-page);padding:var(--spacing-xl);border-radius:var(--radius-md)}.address-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.address-phone{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.address-detail{color:var(--color-text-secondary);line-height:var(--line-height-base)}.products-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-bg-page);border-radius:var(--radius-md)}.product-image{width:100px;height:100px;background:linear-gradient(135deg,#ffd89b,#ffecd2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:48px;flex-shrink:0}.product-info{flex:1}.product-name{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.product-specs{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.product-price-info{display:flex;gap:var(--spacing-lg);align-items:center}.product-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.product-quantity{font-size:var(--font-size-sm);color:var(--color-text-light)}.product-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:100px;text-align:right}.price-details{background-color:var(--color-bg-page);padding:var(--spacing-xl);border-radius:var(--radius-md)}.price-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:var(--font-size-body)}.price-row:last-child{margin-bottom:0}.price-label{color:var(--color-text-secondary)}.price-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.price-value.discount{color:var(--color-primary)}.price-row.total{padding-top:var(--spacing-md);border-top:2px solid var(--color-border);margin-top:var(--spacing-md)}.price-row.total .price-label,.price-row.total .price-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.payment-info,.shipping-info{background-color:var(--color-bg-page);padding:var(--spacing-xl);border-radius:var(--radius-md)}.payment-info p,.shipping-info p{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.payment-info p:last-child,.shipping-info p:last-child{margin-bottom:0}.order-actions{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-2xl);border-top:2px solid var(--color-border-light)}.btn-cancel,.btn-pay,.btn-confirm,.btn-logistics{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);border:none}.btn-pay,.btn-confirm{background-color:var(--color-primary);color:var(--color-white)}.btn-pay:hover,.btn-confirm:hover{background-color:var(--color-primary-dark)}.btn-cancel,.btn-logistics{background-color:var(--color-bg-page);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-cancel:hover,.btn-logistics:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 768px){.order-detail-page{padding:var(--spacing-2xl) 0}.order-detail{padding:var(--spacing-2xl)}.order-title{font-size:var(--font-size-h2)}.order-meta{flex-direction:column;gap:var(--spacing-md)}.product-item{flex-direction:column}.product-image{width:100%;height:200px}.product-total{text-align:left}.order-actions{flex-direction:column}.btn-cancel,.btn-pay,.btn-confirm,.btn-logistics{width:100%}}.auth-page{padding:var(--spacing-6xl) 0;min-height:calc(100vh - var(--header-height) - 200px);background:var(--color-bg-page)}.auth-card{max-width:460px;margin:0 auto;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-5xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.auth-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}.auth-subtitle{margin-top:var(--spacing-sm);color:var(--color-text-tertiary);text-align:center}.auth-form{margin-top:var(--spacing-4xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.form-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.form-input{width:100%}.auth-submit{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-body-large)}.auth-links{display:flex;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.link{color:var(--color-primary);font-weight:var(--font-weight-medium)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width: 768px){.auth-page{padding:var(--spacing-4xl) 0}.auth-card{padding:var(--spacing-4xl)}}.user-page{padding:var(--spacing-5xl) 0;background:var(--color-bg-page);min-height:calc(100vh - var(--header-height) - 200px)}.page-header{margin-bottom:var(--spacing-4xl)}.page-title{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-subtitle{margin-top:var(--spacing-sm);color:var(--color-text-secondary)}.user-grid{display:grid;grid-template-columns:420px 1fr;gap:var(--spacing-4xl);align-items:start}.user-card,.panel-card{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);padding:var(--spacing-4xl)}.user-card{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.user-avatar{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-gold-light) 100%);display:flex;align-items:center;justify-content:center;font-size:36px}.user-name{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold)}.user-meta{margin-top:var(--spacing-xs);color:var(--color-text-tertiary)}.user-actions{display:flex;gap:var(--spacing-md)}.user-actions .btn-primary,.user-actions .btn-secondary{flex:1}.panel-title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2xl)}.quick-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.quick-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-white);cursor:pointer;transition:var(--transition-base)}.quick-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-icon{font-size:20px}.quick-text{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.panel-hint{margin-top:var(--spacing-2xl);color:var(--color-text-tertiary);font-size:var(--font-size-body-small)}@media (max-width: 1024px){.user-grid{grid-template-columns:1fr}}