body{color:#333;overflow-x:hidden}.header{background-color:#f9f5f0;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><rect width="100" height="100" fill="%23F9F5F0" /><path d="M0 0L100 100M100 0L0 100" stroke="%23D4B48320" stroke-width="0.5"/></svg>');box-shadow:0 2px 10px #0000001a;padding:10px 0;position:relative;z-index:1000}.header-content{height:60px;justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:#4a7c59;font-family:方正手迹,cursive;font-size:24px;margin-right:20px;text-decoration:none;transition:all .3s;white-space:nowrap}.logo:hover{color:#3a5336;transform:scale(1.02)}.logo img{border-radius:50%;height:40px;margin-right:8px}.logo span{font-weight:700}.nav-menu{-ms-overflow-style:none;align-items:center;display:flex;flex-wrap:nowrap;gap:15px;height:100%;list-style:none;margin-right:auto;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.nav-menu::-webkit-scrollbar{display:none}.nav-menu a{border-radius:4px;color:#5c4033;font-size:15px;font-weight:500;padding:8px 10px;position:relative;text-decoration:none;transition:all .3s;white-space:nowrap}.nav-menu a:hover{background-color:#8c31301a;color:#8c3130}.nav-menu a.active{color:#8c3130;font-weight:600;position:relative}.nav-menu a.active:after{background-color:#8c3130;border-radius:2px;bottom:-2px;content:"";display:block;height:3px;left:0;position:absolute;width:100%}.user-actions{align-items:center;display:flex;gap:15px;justify-content:flex-end}.search-box{background-color:#fff;border:1px solid #8c3130;padding:5px 10px;transition:all .3s}.search-box:focus-within{box-shadow:0 0 8px #8c31304d;transform:translateY(-1px)}.search-box input{font-size:14px;padding:5px;width:150px}.search-btn{background:none;transition:all .3s}.cart-icon{color:#8c3130;font-size:24px;margin-right:20px;position:relative;text-decoration:none}.cart-count,.cart-icon{align-items:center;display:flex}.cart-count{background-color:#e91e63;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 3px;position:absolute;right:-10px;top:-8px;transition:all .3s}.cart-icon:hover{color:#6e2726}.user-buttons{align-items:center;display:flex;gap:10px}.btn{display:inline-block}.btn-login{background-color:initial;border:1px solid #8c3130;color:#8c3130}.btn-login:hover{background-color:#8c31301a;transform:translateY(-2px)}.btn-register{background-color:#8c3130;color:#fff}.btn-register:hover{background-color:#6e2726;box-shadow:0 4px 8px #8c31304d;transform:translateY(-2px)}.user-avatar{border:2px solid #8c3130;position:relative;z-index:101}.user-avatar:hover{box-shadow:0 0 8px #8c313080;transform:scale(1.05)}.user-center{position:relative}.user-dropdown{animation:fadeIn .2s ease-out;padding:15px;top:45px;width:240px;z-index:100}.user-info{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:10px;padding-bottom:10px}.user-avatar-large{border:2px solid #8c3130;border-radius:50%;height:50px;margin-right:10px;overflow:hidden;width:50px}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.user-name{color:#333;font-size:16px;font-weight:700}.user-menu{list-style:none}.user-menu li{margin:5px 0}.user-menu a{border-radius:4px;color:#333;display:block;padding:8px 10px;text-decoration:none;transition:all .3s}.user-menu a:hover{background-color:#8c31301a;color:#8c3130}.divider{margin:10px 0}.logout-btn{background:none;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:14px;padding:8px 10px;text-align:left;transition:all .3s;width:100%}.logout-btn:hover{background-color:#e74c3c1a}.page-title{color:#8c3130;font-family:方正手迹,cursive;font-size:2rem;padding:30px 0}.footer{background-color:#8c3130;color:#fff;padding:40px 0 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:0 15px}@media (max-width:992px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.footer-content{grid-template-columns:1fr}}.footer-section{margin-bottom:20px}.footer-title{font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:8px;position:relative}.footer-title:after{background-color:#d4b483;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links li{margin-bottom:8px}.footer-links a{color:#fffc;font-size:14px;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffffb3;font-size:13px;margin-top:20px;padding-top:20px;text-align:center}@media (max-width:992px){.nav-menu{gap:5px;padding-left:5px;padding-right:5px}.nav-menu a{font-size:14px;padding:6px 8px}.search-box input{width:120px}}@media (max-width:768px){.header-content{flex-wrap:wrap}.logo,.nav-menu{margin-right:10px}.nav-menu{display:flex;flex-wrap:nowrap;gap:5px;justify-content:flex-start;overflow-x:auto;padding-left:0;white-space:nowrap}.user-actions{gap:10px}}@media (max-width:576px){.btn{font-size:12px;padding:6px 12px}.logo img{height:30px}.logo{font-size:18px}.nav-menu a{font-size:13px;padding:5px 7px}}main{margin:0;min-height:calc(100vh - 80px);overflow-x:hidden;padding:0}.ethnic-header{background-color:#8c3130;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M25,25 L75,25 L75,75 L25,75 Z" stroke="%23D4B48340" fill="none" stroke-width="1"/><path d="M10,10 C30,30 70,30 90,90" stroke="%23D4B48330" fill="none" stroke-width="0.8"/><circle cx="50" cy="50" r="3" fill="%23D4B48340"/><path d="M20,80 Q50,60 80,80" stroke="%23D4B48330" fill="none"/></svg>');border-bottom:3px solid var(--secondary-color);box-shadow:0 3px 10px #0003;padding:5px 0;position:sticky;top:0;transition:all .3s ease;z-index:100}.ethnic-header.scrolled{background-color:#6e2726}.ethnic-header:after,.ethnic-header:before{background-image:linear-gradient(90deg,#0000,#0000 10px,var(--secondary-color) 10px,var(--secondary-color) 20px,#0000 20px,#0000 30px);background-size:30px 100%;bottom:-3px;content:"";height:3px;opacity:.6;position:absolute;width:100%;z-index:101}.nav-wrapper{height:65px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 15px}.ethnic-logo,.nav-wrapper{align-items:center;display:flex}.ethnic-logo{box-sizing:border-box;color:#fff;font-family:华文行楷,方正手迹,STXingkai,cursive;font-size:26px;max-width:220px;min-width:120px;overflow:visible;padding-left:18px;padding-right:18px;position:relative;text-decoration:none;text-shadow:1px 1px 2px #0003;transition:all .3s;white-space:nowrap}.ethnic-logo:after{background:linear-gradient(to bottom,#0000,var(--secondary-color),#0000);content:"";height:80%;position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:1px}.ethnic-logo:hover{text-shadow:1px 1px 5px #0000004d;transform:scale(1.03)}.ethnic-logo img{border:2px solid var(--secondary-color);border-radius:50%;box-shadow:0 0 5px #0003;height:40px;margin-right:10px}.ethnic-nav-links{align-items:center;display:flex;position:relative}.ethnic-nav-links:after,.ethnic-nav-links:before{color:var(--secondary-color);content:"❧";font-size:18px;opacity:.7;padding:0 10px}.nav-link{color:#fff;font-size:15px;margin:0 5px;padding:5px 15px;position:relative;text-decoration:none;transition:all .3s}.nav-link:before{background-color:var(--secondary-color);border-radius:4px;bottom:-2px;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover{background-color:#ffffff1a;border-radius:4px;color:var(--secondary-color)}.nav-link:hover:before{opacity:1;width:70%}.nav-link.active{color:var(--secondary-color);font-weight:600}.nav-link.active:after{background-color:var(--secondary-color);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:70%}.nav-right,.search-container{align-items:center;display:flex}.search-container{margin-right:20px;position:relative}.search-container:after{background:linear-gradient(to bottom,#0000,var(--secondary-color),#0000);content:"";height:20px;opacity:.7;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:1px}.search-input{background-color:#ffffffe6;border:1px solid var(--secondary-color);border-radius:20px;padding:8px 42px 8px 12px;transition:all .3s;width:180px}.search-input:focus{border-color:var(--secondary-color);box-shadow:0 0 5px #d4b48366;outline:none;width:200px}.search-button{align-items:center;background-color:var(--secondary-color);border:none;box-shadow:0 2px 4px #0003;color:#8c3130;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;right:4px;top:50%;transform:translateY(-50%);width:32px}.search-button,.search-button:before{border-radius:50%;position:absolute;transition:all .3s}.search-button:before{background:linear-gradient(135deg,#fffc,#ffffff4d 50%,#0000);border:1px solid #0000;bottom:0;content:"";left:0;opacity:.8;right:0;top:0;z-index:0}.search-button i{position:relative;text-shadow:0 1px 1px #0003;z-index:1}.search-button:hover{background-color:#e9c897;box-shadow:0 3px 6px #00000026;transform:translateY(-50%) scale(1.05)}.search-button:hover:before{background:linear-gradient(135deg,#ffffffe6,#fff6 50%,#0000);opacity:1}.cart-link,.user-section{align-items:center;display:flex}.cart-link{color:#fff;margin-right:15px;position:relative;text-decoration:none;transition:all .3s}.cart-link:hover{color:var(--secondary-color);filter:brightness(1.1);transform:translateY(-2px)}.cart-link .cart-count{align-items:center;background-color:var(--secondary-color);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.login-button{background-color:initial;border:1px solid #fff;border-radius:20px;color:#fff;font-size:13px;font-weight:600;margin-right:10px;overflow:hidden;padding:6px 12px;position:relative;text-decoration:none;transition:all .3s;z-index:1}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%;z-index:-1}.login-button:hover{background-color:#ffffff1a;transform:translateY(-2px)}.login-button:hover:before{left:100%}.register-button{background-color:var(--secondary-color);border:1px solid var(--secondary-color);border-radius:20px;color:#8c3130;font-size:13px;font-weight:600;padding:6px 12px;text-decoration:none;transition:all .3s}.register-button:hover{background-color:#e9c897;box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.user-avatar{border:2px solid var(--secondary-color);border-radius:50%;cursor:pointer;height:40px;overflow:hidden;transition:all .3s ease;width:40px}.user-avatar:hover{box-shadow:0 0 10px #d4b483b3;transform:scale(1.1)}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;min-width:150px;position:absolute;right:0;top:50px;z-index:1000}.user-dropdown:before{border-color:#0000 #0000 #fff;border-style:solid;border-width:0 10px 10px;content:"";position:absolute;right:20px;top:-10px}.dropdown-item{color:var(--text-color);display:block;padding:10px 15px;text-decoration:none;transition:all .3s}.dropdown-item:hover{background-color:#d4b4831a;color:#8c3130}.logout-button{background:none;border:none;color:#e76f51;cursor:pointer;display:block;padding:10px 15px;text-align:left;transition:all .3s;width:100%}.logout-button:hover{background-color:#e76f511a}@media (max-width:992px){.search-container,.search-input{width:150px}.search-input:focus{width:170px}}@media (max-width:768px){.ethnic-nav-links,.search-container{display:none}}.ethnic-footer{background-color:#8c3130;background-image:url('data:image/svg+xml;utf8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><path d="M10,10 L40,10 L40,40 L10,40 Z" stroke="%23D4B48340" fill="none" stroke-width="1"/><path d="M50,20 C60,10 70,30 80,20" stroke="%23D4B48360" fill="none" stroke-width="0.8"/><circle cx="100" cy="30" r="2" fill="%23D4B48370"/><path d="M120,15 L130,25 L140,15 L130,5 Z" stroke="%23D4B48350" fill="none" stroke-width="0.8"/></svg>');border-image:linear-gradient(90deg,#0000 0,#d4b483 20%,#d4b483 80%,#0000) 1;border-top:5px solid;color:#fff;padding:50px 0 20px;position:relative}.ethnic-footer:before{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M0,15 L10,0 L20,15 L30,0 L40,15" stroke="%23D4B48360" fill="none" stroke-width="1.5"/></svg>');background-repeat:repeat-x;content:"";height:15px;left:0;position:absolute;right:0;top:-15px}.footer-container{margin:0 auto;max-width:1200px;padding:0 15px}.footer-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.footer-column{position:relative}.footer-column:after{background:linear-gradient(180deg,#0000,#d4b48380,#0000);content:"";height:80%;position:absolute;right:-15px;top:0;width:1px}.footer-column:last-child:after{display:none}.footer-heading{color:var(--secondary-color);font-family:华文行楷,方正手迹,STXingkai,cursive;font-size:22px;margin-bottom:20px;padding-bottom:10px;position:relative;text-shadow:1px 1px 2px #0003}.footer-heading:after{background:linear-gradient(to right,var(--secondary-color),#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}.footer-heading:before{color:var(--secondary-color);content:"❖";font-size:16px;left:-25px;opacity:.8;position:absolute;top:0}.footer-links{list-style:none;padding:0}.footer-link{margin-bottom:12px;padding-left:15px;position:relative;transition:all .3s}.footer-link:before{color:var(--secondary-color);content:"◈";font-size:10px;left:0;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.footer-link a{color:#fffc;display:inline-block;font-size:15px;text-decoration:none;transition:all .3s}.footer-link a:hover{color:var(--secondary-color);transform:translateX(5px)}.social-links{display:flex;gap:15px;margin-top:10px}.social-links a{align-items:center;background-color:#d4b4834d;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s;width:36px}.social-links a:before{background:radial-gradient(circle,#d4b483cc 0,#0000 70%);content:"";height:100%;opacity:0;position:absolute;transition:all .3s;width:100%}.social-links a:hover{background-color:var(--secondary-color);transform:translateY(-3px)}.social-links a:hover:before{opacity:1}.ethnic-footer-bottom{margin-top:40px;padding-top:20px;position:relative;text-align:center}.ethnic-footer-bottom:before{background:linear-gradient(90deg,#0000,#d4b48380,#0000);content:"";height:1px;left:20%;position:absolute;right:20%;top:0}.copyright{color:#ffffffb3;font-family:华文细黑,Microsoft YaHei,sans-serif;font-size:14px;margin-bottom:5px}.icp{color:#ffffff80;font-size:12px}.ethnic-pattern{display:flex;justify-content:center;margin:10px 0}.pattern-item{height:20px;margin:0 5px;position:relative;width:20px}.pattern-item:first-child:before{color:var(--secondary-color);content:"◆";font-size:12px}.pattern-item:nth-child(2):before{color:#d4b483cc;content:"◈";font-size:14px}.pattern-item:nth-child(3):before{color:var(--secondary-color);content:"❖";font-size:16px}.pattern-item:nth-child(4):before{color:#d4b483cc;content:"◈";font-size:14px}.pattern-item:nth-child(5):before{color:var(--secondary-color);content:"◆";font-size:12px}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-column:nth-child(2):after{display:none}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr}.footer-column:after{display:none}}.music-player{background-blend-mode:overlay;background-color:#ffffffe6;background-image:linear-gradient(180deg,#ffffffe6,#f5f2e6f2);background-position:50%;background-size:cover;border:1px solid #6a5acd4d;border-radius:12px;bottom:20px;box-shadow:0 4px 15px #0003;font-family:Roboto,Arial,sans-serif;overflow:hidden;position:fixed;position:relative;right:20px;transition:all .3s ease;width:320px;z-index:9999}.music-player:before{background:linear-gradient(90deg,#e53935 16.6%,#ffc107 33.2%,#4caf50 49.8%,#2196f3 66.4%,#9c27b0 83%,#ff5722);border-radius:12px 12px 0 0;height:8px;z-index:10}.music-player:after,.music-player:before{content:"";left:0;position:absolute;right:0;top:0}.music-player:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="%23604a9e" opacity="0.1" d="M30,10 L70,10 L90,30 L90,70 L70,90 L30,90 L10,70 L10,30 Z"/></svg>');background-position:50%;background-repeat:repeat;background-size:40px;border-radius:12px;bottom:0;opacity:.07;pointer-events:none}.music-player.collapsed{border-radius:50%;height:60px;overflow:hidden;width:60px}.music-player.collapsed .player-content{display:none}.music-player.expanded{height:330px}.player-toggle{align-items:center;background:linear-gradient(135deg,#604a9e,#9370db);border:2px solid #ffffffb3;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:absolute;right:0;top:0;transition:transform .3s ease;-webkit-user-select:none;user-select:none;width:60px;z-index:1001}.player-toggle:hover{transform:scale(1.05)}.player-toggle:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" opacity="0.3" d="M12,2 L22,12 L12,22 L2,12 Z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:40px;left:50%;opacity:.2;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.music-player.expanded .player-toggle{right:0;top:0}.player-content{display:flex;flex-direction:column;height:calc(100% - 70px);justify-content:space-between;padding:70px 15px 15px}.player-header{margin-bottom:18px}.now-playing,.player-header{align-items:center;display:flex}.now-playing{width:100%}.cover-art{border:2px solid #6a5acd4d;border-radius:8px;box-shadow:0 3px 8px #00000026;height:60px;margin-right:12px;object-fit:cover;overflow:hidden;position:relative;width:60px}.cover-art:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><path fill="%23ffffff" opacity="0.3" d="M10,5 L30,5 L35,10 L35,30 L30,35 L10,35 L5,30 L5,10 Z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:60px;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.track-info{flex:1 1}.track-info h4{color:#333;display:inline-block;font-size:16px;font-weight:500;margin:0;padding-right:24px;position:relative}.track-info h4:after{color:#604a9e;content:"♪";font-size:14px;opacity:.7;position:absolute;right:0;top:0}.track-info p{color:#666;display:inline-block;font-size:14px;margin:5px 0 0;position:relative}.player-controls{align-items:center;background-color:#f5f2e666;border-radius:10px;margin-bottom:18px;padding:10px;position:relative}.player-controls:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="10" viewBox="0 0 40 10"><path fill="%23604a9e" opacity="0.1" d="M0,5 C10,0 15,10 20,5 C25,0 30,10 40,5 L40,10 L0,10 Z"/></svg>');background-position:bottom;background-repeat:repeat-x;background-size:40px;border-radius:10px;bottom:0;content:"";left:0;opacity:.15;pointer-events:none;position:absolute;right:0;top:0}.control-btn{background:none;border:none;border-radius:50%;color:#555;cursor:pointer;font-size:18px;margin:0 10px;padding:8px;position:relative;transition:all .2s}.control-btn:hover{background-color:#6a5acd1a;color:#604a9e}.play-btn{align-items:center;background:linear-gradient(135deg,#604a9e,#9370db);border:2px solid #ffffffb3;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff!important;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;width:44px}.play-btn:hover{background:linear-gradient(135deg,#563d91,#8560d4);color:#fff!important}.play-btn:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="%23ffffff" opacity="0.2" d="M10,3 L17,10 L10,17 L3,10 Z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0}.play-btn i{color:#fff;position:relative;z-index:2}.player-timeline{align-items:center;display:flex;margin-bottom:18px;position:relative}.player-timeline:after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2"><path fill="%23604a9e" opacity="0.3" d="M0,1 L4,1 L6,0 L10,1 L4,2 Z"/></svg>');background-repeat:repeat-x;background-size:10px 1px;content:"";height:1px;left:45px;opacity:.3;pointer-events:none;position:absolute;right:45px;top:50%;z-index:0}.time-current,.time-total{background-color:#ffffffb3;border-radius:4px;color:#666;font-size:12px;min-width:35px;padding:0 4px;position:relative;z-index:1}.seek-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#604a9e,#9370db);border-radius:3px;flex:1 1;height:5px;margin:0 10px;outline:none;position:relative;z-index:2}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #604a9e;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;width:14px}.player-volume{align-items:center;background-color:#f5f2e666;border-radius:8px;display:flex;padding:8px 12px;position:relative}.player-volume:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="20" viewBox="0 0 60 20"><path fill="%23604a9e" opacity="0.05" d="M0,10 C15,5 30,15 45,10 C50,8 55,12 60,10 L60,20 L0,20 Z"/></svg>');background-position:bottom;background-repeat:repeat-x;background-size:60px;border-radius:8px;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0}.player-volume i{color:#555;font-size:16px;margin-right:10px}.volume-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#604a9e,#9370db);border-radius:2px;flex:1 1;height:4px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #604a9e;border-radius:50%;cursor:pointer;height:12px;width:12px}.player-cultural-info{background-color:#f5f2e680;border:1px dashed #6a5acd33;border-radius:6px;color:#666;font-size:12px;margin-top:8px;padding:4px;position:relative;text-align:center}.player-cultural-info:before{left:5px}.player-cultural-info:after,.player-cultural-info:before{color:#604a9e;content:"✿";font-size:10px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.player-cultural-info:after{right:5px}@media (max-width:768px){.music-player{width:280px}.music-player.expanded{height:310px}.cover-art{height:50px;width:50px}.track-info h4{font-size:14px}.track-info p{font-size:12px}}.hero{height:500px;margin-bottom:50px}.hero,.hero-slider{overflow:hidden;position:relative}.hero-slider{height:100vh;margin-bottom:0;width:100%}.slide{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1.1);transition:opacity 1.5s ease-in-out,transform 1.5s ease-in-out,visibility 1.5s ease-in-out;visibility:hidden;width:100%}.slide.active{opacity:1;transform:scale(1);visibility:visible}.video-overlay{background-image:linear-gradient(180deg,#0000004d,#0003,#0000004d);height:100%;left:0;position:absolute;top:0;transition:background-color .5s ease;width:100%;z-index:1}.slide-content{color:#fff;left:50%;max-width:800px;opacity:.75;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-50%) translateY(20px);transition:opacity .8s ease,transform .8s ease;width:80%;z-index:2}.slide.active .slide-content{opacity:.85;transform:translate(-50%,-50%) translateY(0)}.slide-title{animation:fadeInUp 1s ease;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-shadow:1px 1px 3px #0003}.slide-subtitle{animation:fadeInUp 1s ease .3s backwards;font-size:1.5rem;margin-bottom:2rem;opacity:.85;text-shadow:1px 1px 2px #0003}.explore-btn{animation:fadeInUp 1s ease .6s backwards;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border-radius:50px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;display:inline-block;font-size:1.2rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.explore-btn:hover{background:linear-gradient(45deg,#ff8e8e,#ff6b6b);box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-3px)}.slider-controls{bottom:2rem;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.control-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.control-dot.active,.control-dot:hover{background:#fff;transform:scale(1.2)}@media (max-width:768px){.hero-slider{height:100vh}.slide-title{font-size:2.5rem}.slide-subtitle{font-size:1.2rem}.explore-btn{font-size:1rem;padding:.8rem 2rem}}@media (max-width:480px){.hero-slider{height:100vh}.slide-title{font-size:2rem}.slide-subtitle{font-size:1rem}.slider-controls{bottom:1rem}.control-dot{height:8px;width:8px}}.featured-categories{padding:50px 0}.section-title h2{display:inline-block;font-size:2rem;padding-bottom:15px;position:relative}.section-title h2:after{background-color:#4a7c59;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.categories-grid{grid-template-columns:1fr}}.category-card{border-radius:8px;box-shadow:0 3px 10px #0000001a;height:180px;overflow:hidden;position:relative;transition:all .3s}.category-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.category-image{height:100%;object-fit:cover;transition:all .5s;width:100%}.category-card:hover .category-image{transform:scale(1.1)}.category-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;left:0;padding:20px 15px;position:absolute;text-align:center;width:100%}.category-name{font-size:1.1rem;font-weight:600;margin-bottom:0}.featured-products{background:linear-gradient(180deg,#f9f5f0,#fff);overflow:hidden;padding:80px 0;position:relative}.featured-products:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0Z' stroke='%23D4B48320' fill='none'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m80 40 20 20-20 20-20-20Z' stroke='%23B2675E40' fill='%23B2675E10' stroke-width='2'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m60 60 20-20 20 20-20 20Zm60 60 20-20 20 20-20 20Z' stroke='%234A7C5935' fill='%234A7C5908' stroke-width='2'/%3E%3C/svg%3E");background-position:50%,0 0,100% 100%;background-repeat:repeat,repeat,repeat;background-size:100px,160px,200px;opacity:.15;top:0;width:100%}.featured-products:after,.featured-products:before{content:"";height:100%;left:0;pointer-events:none;position:absolute}.featured-products:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='250' height='500' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='80' cy='100' r='60' stroke='%23538CC660' fill='none' stroke-width='2' stroke-dasharray='8,4'/%3E%3Ccircle cx='80' cy='100' r='30' stroke='%23538CC660' fill='none' stroke-width='2'/%3E%3Ccircle cx='170' cy='300' r='50' stroke='%23538CC660' fill='none' stroke-width='2' stroke-dasharray='8,4'/%3E%3Ccircle cx='170' cy='300' r='25' stroke='%23538CC660' fill='none' stroke-width='2'/%3E%3Ccircle cx='50' cy='420' r='40' stroke='%23538CC660' fill='none' stroke-width='2' stroke-dasharray='8,4'/%3E%3Ccircle cx='50' cy='420' r='20' stroke='%23538CC660' fill='none' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;opacity:.2;top:50%;transform:translateY(-50%);width:250px;z-index:1}.featured-products .section-title{color:#8c3130;font-size:2.5rem;margin-bottom:50px;position:relative;text-shadow:1px 1px 2px #0000001a;z-index:3}.products-grid{grid-gap:40px;gap:40px;margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:3}.product-card{border-radius:12px;box-shadow:0 10px 30px #00000014;perspective:1000px;transform-style:preserve-3d;transition:all .5s ease}.product-card:hover{box-shadow:0 15px 40px #8c313026;transform:translateY(-15px)}.product-image{height:280px;overflow:hidden;position:relative}.product-image:after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0;content:"";height:40%;left:0;opacity:0;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.product-card:hover .product-image:after{opacity:1}.product-image img{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.1)}.product-badge{background:linear-gradient(45deg,#8c3130,#c04848);border-radius:0 4px 4px 0;box-shadow:2px 2px 5px #0003;font-size:.8rem;font-weight:600;left:-5px;letter-spacing:.5px;padding:6px 15px;top:15px;transform:translateZ(20px);z-index:2}.product-badge:after{background:#6a2626;border-radius:0 0 0 5px;bottom:-5px;content:"";height:5px;left:0;position:absolute;width:5px;z-index:-1}.product-info{background:#fff;padding:20px;position:relative;z-index:2}.product-info h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px;transition:color .3s ease}.price,.product-card:hover .product-info h3{color:#8c3130}.price{display:block;font-size:1.3rem;font-weight:700;margin-bottom:10px}.rating{align-items:center;color:#ffb805;display:flex;font-size:.9rem;margin-top:10px}.rating span{color:#666;font-size:.8rem;margin-left:5px}.product-button{margin-top:15px;opacity:0;text-align:center;transform:translateZ(5px);transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.product-card:hover .product-button{opacity:1;transform:translateY(0)}.buy-button{background:linear-gradient(45deg,#8c3130,#c04848);border:none;border-radius:30px;box-shadow:0 4px 10px #c048484d;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 25px;transition:all .3s ease}.buy-button:hover{box-shadow:0 6px 15px #c0484866;transform:translateY(-3px)}@media (max-width:1200px){.products-grid{gap:30px;grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.products-grid{gap:25px;grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.products-grid{gap:30px;grid-template-columns:1fr}.product-image{height:240px}}.home-page{display:flex;flex-direction:column;min-height:100vh}.ethnic-costumes{background-image:url('data:image/svg+xml;utf8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L20,0 L20,20 L0,20 Z" stroke="%23D4B48330" fill="none" stroke-width="1.5"/></svg>'),url('data:image/svg+xml;utf8,<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"><circle cx="60" cy="60" r="40" stroke="%234A7C5930" fill="none" stroke-width="2" stroke-dasharray="5,5"/></svg>'),url('data:image/svg+xml;utf8,<svg width="100%" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 L2000,10" stroke="%23B2675E40" stroke-width="2.5" stroke-dasharray="8,12"/></svg>'),url('data:image/svg+xml;utf8,<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M150,50 L170,90 L215,90 L180,115 L190,160 L150,135 L110,160 L120,115 L85,90 L130,90 Z" stroke="%234A7C5925" fill="%234A7C5905" stroke-width="2"/><path d="M150,180 L165,210 L200,210 L170,230 L180,265 L150,245 L120,265 L130,230 L100,210 L135,210 Z" stroke="%23B2675E25" fill="%23B2675E05" stroke-width="2"/><path d="M70,140 L85,170 L120,170 L90,190 L100,225 L70,205 L40,225 L50,190 L20,170 L55,170 Z" stroke="%23D4B48325" fill="%23D4B48305" stroke-width="2"/><path d="M230,140 L245,170 L280,170 L250,190 L260,225 L230,205 L200,225 L210,190 L180,170 L215,170 Z" stroke="%23D4B48325" fill="%23D4B48305" stroke-width="2"/></svg>');background-position:50%,50%,top 5px left 0,50%;background-repeat:repeat,repeat,repeat-x,no-repeat}.ethnic-costumes:after,.ethnic-costumes:before{background-repeat:no-repeat;content:"";position:absolute;z-index:0}.ethnic-costumes:before{background-image:url('data:image/svg+xml;utf8,<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"><path d="M20,20 L60,20 L60,60 L20,60 Z M30,30 L50,30 L50,50 L30,50 Z" stroke="%23D4B48370" fill="none" stroke-width="2"/><path d="M80,20 L120,20 L120,60 L80,60 Z M90,30 L110,30 L110,50 L90,50 Z" stroke="%23B2675E70" fill="none" stroke-width="2"/><path d="M20,80 L60,80 L60,120 L20,120 Z M30,90 L50,90 L50,110 L30,110 Z" stroke="%234A7C5970" fill="none" stroke-width="2"/></svg>');height:150px;width:150px}.ethnic-costumes:after{background-image:url('data:image/svg+xml;utf8,<svg width="150" height="150" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="20" stroke="%23D4B48370" fill="none" stroke-width="2"/><circle cx="100" cy="40" r="20" stroke="%23B2675E70" fill="none" stroke-width="2"/><circle cx="40" cy="100" r="20" stroke="%234A7C5970" fill="none" stroke-width="2"/><circle cx="100" cy="100" r="20" stroke="%23D4B48370" fill="none" stroke-width="2"/></svg>');height:150px;width:150px}.ethnic-costumes:before{top:0}.ethnic-costumes:after,.ethnic-costumes:before{background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 L2000,10" stroke="%23B2675E50" stroke-width="3" stroke-dasharray="8,12"/></svg>');background-repeat:repeat-x;height:20px;left:0;opacity:1;right:0}.ethnic-costumes:after{bottom:0}.ethnic-costumes:before{left:10px}.ethnic-costumes:after,.ethnic-costumes:before{background-image:url('data:image/svg+xml;utf8,<svg width="30" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M15,20 L5,40 L15,60 L25,40 Z M15,80 L5,100 L15,120 L25,100 Z M15,140 L5,160 L15,180 L25,160 Z M15,200 L5,220 L15,240 L25,220 Z M15,260 L5,280 L15,300 L25,280 Z" stroke="%23D4B48370" fill="%23D4B48310" stroke-width="2"/></svg>');background-repeat:no-repeat;content:"";height:80%;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:1}.ethnic-costumes:after{right:10px}.ethnic-costumes{background-color:#f7f2e8;background-image:url('data:image/svg+xml;utf8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L20,0 L20,20 L0,20 Z" stroke="%23D4B48330" fill="none" stroke-width="1.5"/></svg>'),url('data:image/svg+xml;utf8,<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"><circle cx="60" cy="60" r="40" stroke="%234A7C5930" fill="none" stroke-width="2" stroke-dasharray="5,5"/></svg>'),url('data:image/svg+xml;utf8,<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M150,50 L170,90 L215,90 L180,115 L190,160 L150,135 L110,160 L120,115 L85,90 L130,90 Z" stroke="%234A7C5925" fill="%234A7C5905" stroke-width="2"/><path d="M150,180 L165,210 L200,210 L170,230 L180,265 L150,245 L120,265 L130,230 L100,210 L135,210 Z" stroke="%23B2675E25" fill="%23B2675E05" stroke-width="2"/><path d="M70,140 L85,170 L120,170 L90,190 L100,225 L70,205 L40,225 L50,190 L20,170 L55,170 Z" stroke="%23D4B48325" fill="%23D4B48305" stroke-width="2"/><path d="M230,140 L245,170 L280,170 L250,190 L260,225 L230,205 L200,225 L210,190 L180,170 L215,170 Z" stroke="%23D4B48325" fill="%23D4B48305" stroke-width="2"/></svg>'),url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="10" height="10"><path d="M-2,2 l4,-4 M0,10 l10,-10 M8,12 l4,-4" stroke="%23D4B48320" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23diagonalHatch)" /></svg>');background-position:50%,50%,50%,50%;background-repeat:repeat,repeat,no-repeat,repeat;overflow:hidden;padding:5rem 0;position:relative}.section-title{color:#4a7c59;font-family:方正手迹,cursive;margin-bottom:40px;z-index:5}.ethnic-decoration{color:#d4b483;font-size:1.4rem;margin:0 10px;vertical-align:middle}.costumes-slider{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:5}.costumes-wrapper{-ms-overflow-style:none;display:flex;gap:30px;overflow-x:auto;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none}.costumes-wrapper::-webkit-scrollbar{display:none}.costume-item{flex:0 0 300px;height:400px;perspective:1000px}.costume-card{border-radius:20px;box-shadow:0 15px 35px #0000001a;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.costume-item:hover .costume-card{transform:rotateY(180deg)}.costume-back,.costume-front{backface-visibility:hidden;border-radius:20px;height:100%;overflow:hidden;position:absolute;width:100%}.costume-back{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;transform:rotateY(180deg)}.costume-image,.pattern-image{height:100%;object-fit:cover;width:100%}.pattern-image{height:50%;margin-bottom:15px;object-fit:contain;width:80%}.costume-title{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;font-size:1.2rem;left:0;margin:0;padding:20px;position:absolute;right:0;text-align:center}.pattern-description h3{color:#4a7c59;font-size:1.2rem;margin-bottom:10px;text-align:center}.pattern-description p{color:#666;font-size:.9rem;line-height:1.5;text-align:center}.costume-nav{display:flex;justify-content:space-between;left:0;padding:0 10px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.next-btn,.prev-btn{align-items:center;background-color:#fffc;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#4a7c59;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.next-btn:hover,.prev-btn:hover{background-color:#fff;transform:scale(1.1)}.ethnic-crafts{background-color:#fcf9f2;background-image:url('data:image/svg+xml;utf8,<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M200,20 C250,20 300,70 300,120 C300,170 250,220 200,220 C150,220 100,170 100,120 C100,70 150,20 200,20 Z" stroke="%234A7C5920" fill="none" stroke-width="2" stroke-dasharray="6,4"/><path d="M80,280 L320,280" stroke="%23B2675E20" stroke-width="2" stroke-dasharray="12,8"/><path d="M80,300 L320,300" stroke="%23B2675E20" stroke-width="2" stroke-dasharray="12,8"/><path d="M80,320 L320,320" stroke="%23B2675E20" stroke-width="2" stroke-dasharray="12,8"/></svg>'),url('data:image/svg+xml;utf8,<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"><path d="M20,20 L60,20 L60,60 L20,60 Z" stroke="%23D4B48330" fill="none" stroke-width="1.5"/><path d="M30,30 L50,30 L50,50 L30,50 Z" stroke="%23D4B48330" fill="none" stroke-width="1.5"/></svg>');background-position:center 40px,50%;background-repeat:no-repeat,repeat;padding:5rem 0}.ethnic-crafts:before{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L20,15 L40,0 L60,15 L80,0 L100,15 L120,0" stroke="%23D4B48360" fill="none" stroke-width="2"/></svg>');background-repeat:repeat-x;height:15px}.ethnic-crafts:after{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M0,15 L20,0 L40,15 L60,0 L80,15 L100,0 L120,15" stroke="%23D4B48360" fill="none" stroke-width="2"/></svg>');background-repeat:repeat-x;bottom:0;content:"";height:15px;left:0;position:absolute;right:0}.ethnic-crafts .side-decor-left{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M40,40 L20,60 L40,80 L60,60 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/><path d="M40,120 L20,140 L40,160 L60,140 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/><path d="M40,200 L20,220 L40,240 L60,220 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/><path d="M40,280 L20,300 L40,320 L60,300 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/></svg>');left:20px}.ethnic-crafts .side-decor-left,.ethnic-crafts .side-decor-right{background-repeat:no-repeat;height:400px;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:80px;z-index:1}.ethnic-crafts .side-decor-right{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="400" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="120" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="200" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="280" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="360" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/></svg>');right:20px}.ethnic-crafts:before{background-image:url('data:image/svg+xml;utf8,<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M300,100 L340,180 L430,180 L360,230 L390,310 L300,260 L210,310 L240,230 L170,180 L260,180 Z" stroke="%23D4B48320" fill="%23D4B48305" stroke-width="2"/><path d="M200,200 C220,180 280,180 300,200 C320,220 320,280 300,300 C280,320 220,320 200,300 C180,280 180,220 200,200 Z" stroke="%234A7C5920" fill="%234A7C5905" stroke-width="2" stroke-dasharray="5,5"/><path d="M400,200 C420,180 480,180 500,200 C520,220 520,280 500,300 C480,320 420,320 400,300 C380,280 380,220 400,200 Z" stroke="%234A7C5920" fill="%234A7C5905" stroke-width="2" stroke-dasharray="5,5"/></svg>');background-position:50%;background-repeat:no-repeat;opacity:.15}.ethnic-crafts{position:relative}.ethnic-crafts:before{background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="10" height="10"><path d="M-2,2 l4,-4 M0,10 l10,-10 M8,12 l4,-4" stroke="%23D4B48310" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23diagonalHatch)" /></svg>');bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.crafts-showcase{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;padding:0 40px;position:relative;z-index:2}.craft-video{box-shadow:0 15px 30px #0000001a;overflow:hidden;position:relative}.craft-video,.main-video{border-radius:20px;width:100%}.main-video{display:block}.video-caption{background:linear-gradient(180deg,#000c,#0000);color:#fff;left:0;padding:20px;position:absolute;right:0;top:0}.video-caption h3{font-size:1.3rem;margin:0 0 10px}.video-caption p{font-size:.9rem;margin:0;opacity:.9}.yunnan-scenery{background-color:#f7f1e8;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L50,0 L50,50 L0,50 Z" stroke="%23B2675E30" fill="none" stroke-width="2"/><path d="M50,50 L100,50 L100,100 L50,100 Z" stroke="%23B2675E30" fill="none" stroke-width="2"/></svg>'),url('data:image/svg+xml;utf8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><path d="M100,20 L115,50 L150,50 L120,70 L130,100 L100,80 L70,100 L80,70 L50,50 L85,50 Z" stroke="%234A7C5940" fill="%234A7C5908" stroke-width="2"/></svg>'),url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="yunnanPattern" patternUnits="userSpaceOnUse" width="20" height="20"><path d="M0,10 L20,10 M10,0 L10,20" stroke="%23D4B48325" stroke-width="1" stroke-dasharray="2,3"/></pattern></defs><rect width="100%" height="100%" fill="url(%23yunnanPattern)" /></svg>');background-position:50%,50%,50%;background-repeat:repeat,repeat,repeat;overflow:hidden;padding:5rem 0;position:relative}.yunnan-scenery .top-decor{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M0,25 L20,5 L40,25 L60,5 L80,25 L100,5 L120,25" stroke="%23D4B48360" fill="none" stroke-width="2.5"/></svg>');top:0}.yunnan-scenery .bottom-decor,.yunnan-scenery .top-decor{background-repeat:repeat-x;height:25px;left:0;position:absolute;right:0;z-index:1}.yunnan-scenery .bottom-decor{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L20,20 L40,0 L60,20 L80,0 L100,20 L120,0" stroke="%23D4B48360" fill="none" stroke-width="2.5"/></svg>');bottom:0}.yunnan-scenery .left-decor{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M50,20 L20,50 L50,80 L80,50 Z" stroke="%23B2675E60" fill="%23B2675E15" stroke-width="2.5"/><path d="M50,120 L20,150 L50,180 L80,150 Z" stroke="%23B2675E60" fill="%23B2675E15" stroke-width="2.5"/><path d="M50,220 L20,250 L50,280 L80,250 Z" stroke="%23B2675E60" fill="%23B2675E15" stroke-width="2.5"/></svg>');left:15px}.yunnan-scenery .left-decor,.yunnan-scenery .right-decor{background-repeat:no-repeat;height:300px;opacity:.85;pointer-events:none;position:absolute;top:40%;width:100px;z-index:1}.yunnan-scenery .right-decor{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="300" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="30" stroke="%234A7C5960" fill="%234A7C5915" stroke-width="2.5"/><circle cx="50" cy="150" r="30" stroke="%234A7C5960" fill="%234A7C5915" stroke-width="2.5"/><circle cx="50" cy="250" r="30" stroke="%234A7C5960" fill="%234A7C5915" stroke-width="2.5"/></svg>');right:15px}.yunnan-scenery .center-watermark{background-image:url('data:image/svg+xml;utf8,<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg"><path d="M400,100 L450,200 L560,200 L470,270 L500,380 L400,310 L300,380 L330,270 L240,200 L350,200 Z" stroke="%23D4B48330" fill="%23D4B48308" stroke-width="3"/><path d="M250,300 C300,250 400,250 450,300 C500,350 500,450 450,500 C400,550 300,550 250,500 C200,450 200,350 250,300 Z" stroke="%23B2675E30" fill="%23B2675E08" stroke-width="3"/><path d="M550,300 C600,250 700,250 750,300 C800,350 800,450 750,500 C700,550 600,550 550,500 C500,450 500,350 550,300 Z" stroke="%23B2675E30" fill="%23B2675E08" stroke-width="3"/></svg>');background-position:50%;background-repeat:no-repeat;bottom:0;left:0;opacity:.25;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.scenery-gallery{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.gallery-main{border-radius:20px;box-shadow:0 15px 30px #0000001a;margin-bottom:30px;overflow:hidden;position:relative}.main-scenery{display:block;height:400px;object-fit:cover;width:100%}.scenery-caption{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0}.scenery-caption h3{font-size:1.5rem;margin:0 0 10px}.scenery-caption p{margin:0;opacity:.9}.gallery-grid{grid-gap:20px;gap:20px;grid-auto-rows:200px;grid-template-columns:repeat(3,1fr);position:relative}.gallery-grid .next-btn,.gallery-grid .prev-btn{align-items:center;background-color:#ffffffd9;border:2px solid #d4b483;border-radius:50%;box-shadow:0 4px 8px #00000026;color:#4a7c59;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:100}.gallery-grid .prev-btn{left:10px}.gallery-grid .next-btn{right:10px}.gallery-grid .next-btn:hover,.gallery-grid .prev-btn:hover{background-color:#4a7c59;color:#fff;transform:translateY(-50%) scale(1.1)}.gallery-item{border-radius:15px;box-shadow:0 5px 15px #0000001a}.gallery-item:hover{box-shadow:0 15px 30px #00000026}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{background:linear-gradient(0deg,#000000b3,#0000 70%);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;left:0;opacity:0;padding:15px;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay h4{font-size:1.1rem;margin:0 0 5px}.gallery-overlay p{font-size:.8rem;margin:0;opacity:.9}@media (max-width:992px){.crafts-showcase{flex-direction:column;gap:20px}.craft-thumbnails{height:auto;max-height:300px}.craft-thumbnail{flex-basis:calc(40% - 7.5px);flex-grow:0;flex-shrink:0;height:140px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.costume-item{flex:0 0 250px;height:350px;min-width:250px}.craft-thumbnails{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-height:180px}.gallery-main,.main-scenery{height:300px}.gallery-grid{grid-auto-rows:150px;grid-template-columns:repeat(2,1fr)}.gallery-grid .next-btn,.gallery-grid .prev-btn{font-size:1rem;height:36px;width:36px}}@media (max-width:576px){.costume-item{flex:0 0 200px;height:300px;min-width:200px}.pattern-description p{font-size:.8rem}.gallery-grid{grid-auto-rows:200px;grid-template-columns:repeat(1,1fr)}.gallery-overlay{background:linear-gradient(0deg,#000000b3,#0000 90%);opacity:1}.gallery-grid .next-btn,.gallery-grid .prev-btn{background-color:#ffffffe6;height:32px;width:32px}}.inheritors-stories{background-color:#fff;padding:4rem 0}.inheritors-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.inheritor-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.inheritor-card:hover{transform:translateY(-5px)}.inheritor-image{overflow:hidden;padding-top:75%;position:relative}.inheritor-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.inheritor-info{padding:1.5rem}.inheritor-info h3{font-size:1.5rem;margin-bottom:.5rem}.inheritor-info .title{color:#666;margin-bottom:1rem}.inheritor-info .story{line-height:1.6;margin-bottom:1rem}.works h4{margin-bottom:.5rem}.works ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}.works li{background-color:#f0f0f0;border-radius:15px;font-size:.9rem;padding:.3rem .8rem}.interactive-zone{background-color:#f8f4ea;background-image:url('data:image/svg+xml;utf8,<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M150,50 Q200,100 250,50 M150,150 Q200,200 250,150 M150,250 Q200,300 250,250 M50,100 Q100,150 150,100 M50,200 Q100,250 150,200" stroke="%23B2675E30" fill="none" stroke-width="3" stroke-linecap="round"/><path d="M10,10 Q60,60 110,10 M10,110 Q60,160 110,110 M10,210 Q60,260 110,210" stroke="%234A7C5930" fill="none" stroke-width="3" stroke-linecap="round"/></svg>'),url('data:image/svg+xml;utf8,<svg width="160" height="160" xmlns="http://www.w3.org/2000/svg"><path d="M40,40 L60,60 M100,40 L120,60 M40,100 L60,120 M100,100 L120,120 M70,70 L90,90 M70,90 L90,70" stroke="%23D4B48320" fill="none" stroke-width="2"/></svg>');background-position:0,50%;background-repeat:no-repeat,repeat;overflow:hidden;padding:5rem 0;position:relative}.interactive-zone .interactive-top-decor{background-image:url('data:image/svg+xml;utf8,<svg width="200" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M0,12.5 L12.5,0 L25,12.5 L37.5,0 L50,12.5 L62.5,0 L75,12.5 L87.5,0 L100,12.5 L112.5,0 L125,12.5 L137.5,0 L150,12.5 L162.5,0 L175,12.5 L187.5,0 L200,12.5" stroke="%23B2675E" fill="none" stroke-width="2"/></svg>');background-repeat:repeat-x;height:25px;left:0;opacity:.8;position:absolute;right:0;top:0}.interactive-zone .interactive-bottom-decor{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="25" xmlns="http://www.w3.org/2000/svg"><path d="M0,12.5 Q15,0 30,12.5 Q45,25 60,12.5 Q75,0 90,12.5 Q105,25 120,12.5" stroke="%234A7C59" fill="none" stroke-width="2"/></svg>');background-repeat:repeat-x;bottom:0;height:25px;left:0;opacity:.8;position:absolute;right:0}.interactive-zone .interactive-decor-left{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M40,20 L60,40 L40,60 L20,40 Z M40,100 L60,120 L40,140 L20,120 Z M40,180 L60,200 L40,220 L20,200 Z M40,260 L60,280 L40,300 L20,280 Z M40,340 L60,360 L40,380 L20,360 Z" stroke="%23BE442F" fill="%23BE442F20" stroke-width="2"/></svg>');left:20px}.interactive-zone .interactive-decor-left,.interactive-zone .interactive-decor-right{background-repeat:no-repeat;height:400px;opacity:.9;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:80px}.interactive-zone .interactive-decor-right{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M20,20 L60,20 L60,60 L20,60 Z M30,30 L50,30 L50,50 L30,50 Z" stroke="%234A7C59" fill="%234A7C5920" stroke-width="2"/><path d="M20,100 L60,100 L60,140 L20,140 Z" stroke="%234A7C59" fill="%234A7C5920" stroke-width="2"/><path d="M20,100 L60,140 M20,140 L60,100" stroke="%234A7C59" fill="none" stroke-width="1"/><path d="M20,180 L60,180 L40,220 Z" stroke="%234A7C59" fill="%234A7C5920" stroke-width="2"/><path d="M20,260 L40,280 L60,260 L40,300 Z" stroke="%234A7C59" fill="%234A7C5920" stroke-width="2"/></svg>');right:20px}.interactive-zone .interactive-watermark{background-image:url('data:image/svg+xml;utf8,<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg"><path d="M250,100 C300,50 400,50 450,100 C500,150 500,250 450,300 C400,350 300,350 250,300 C200,250 200,150 250,100 Z" stroke="%23D4B48320" fill="none" stroke-width="3" stroke-dasharray="5,10"/><path d="M150,200 L170,180 L190,200 L170,220 Z" stroke="%23B2675E30" fill="none" stroke-width="2"/><path d="M150,300 L170,280 L190,300 L170,320 Z" stroke="%23B2675E30" fill="none" stroke-width="2"/><path d="M350,200 A30,30 0 1,0 410,200 A30,30 0 1,0 350,200 Z" stroke="%234A7C5930" fill="none" stroke-width="2"/><path d="M350,300 A30,30 0 1,0 410,300 A30,30 0 1,0 350,300 Z" stroke="%234A7C5930" fill="none" stroke-width="2"/><path d="M100,100 L100,150 L150,150 L150,100 Z" stroke="%23BE442F30" fill="none" stroke-width="2"/><path d="M100,100 L150,150 M100,150 L150,100" stroke="%23BE442F30" fill="none" stroke-width="1"/><path d="M310,100 L270,100 L270,130 L290,150 L330,150 L330,120 Z" stroke="%23BE442F30" fill="none" stroke-width="2"/></svg>');background-position:50%;background-repeat:no-repeat;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%}.interactive-zone .section-title{color:#be442f;margin-bottom:50px;position:relative;z-index:5}.interactive-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:5}.interactive-card{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;text-align:center;transition:all .3s ease}.interactive-card:before{animation:gradientBorder 6s ease infinite;background:linear-gradient(90deg,#be442f,#d4b483,#4a7c59,#be442f);background-size:300% 100%;content:"";height:8px;left:0;position:absolute;top:0;width:100%;z-index:2}@keyframes gradientBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.interactive-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.experience-image{border-top-left-radius:15px;border-top-right-radius:15px;height:180px;object-fit:cover;transition:transform .5s ease;width:100%}.interactive-card:hover .experience-image{transform:scale(1.05)}.experience-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.interactive-card h3{color:#333;font-size:1.3rem;margin-bottom:.8rem}.interactive-card p{color:#666;flex-grow:1;line-height:1.5;margin-bottom:1.2rem}.experience-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.2rem}.feature-tag{background-color:#f0f0f0;border-radius:15px;color:#666;font-size:.8rem;padding:.3rem .8rem;transition:all .3s ease}.interactive-card:hover .feature-tag{background-color:#ffeee8;color:#be442f}.experience-btn{background:linear-gradient(45deg,#be442f,#d4724a);border-radius:30px;box-shadow:0 4px 15px #be442f4d;color:#fff;display:inline-block;font-weight:600;margin:0 auto;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease;width:fit-content}.experience-btn:hover{background:linear-gradient(45deg,#d4724a,#be442f);box-shadow:0 6px 20px #be442f66;transform:translateY(-3px)}.experience-more{margin-top:2rem;padding:1rem;text-align:center}.more-experience-link{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:25px;box-shadow:0 2px 4px #0000001a;color:#333;display:inline-flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.more-experience-link:hover{background:linear-gradient(135deg,#e0e4f0,#b3bfd9);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.more-experience-link .arrow-icon{transition:transform .3s ease}.more-experience-link:hover .arrow-icon{transform:translateX(4px)}@media (max-width:1200px){.interactive-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.interactive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.interactive-grid{grid-template-columns:1fr}.experience-image{height:160px}}.ethnic-stories{background-color:#f9f5f0;background-image:url('data:image/svg+xml;utf8,<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M130,50 C160,80 190,80 220,50 M180,75 C200,95 220,95 240,75 M160,100 C190,130 220,130 250,100 M120,120 C150,150 180,150 210,120 M70,150 C100,180 130,180 160,150 M40,200 C70,230 100,230 130,200" stroke="%23B2675E40" fill="none" stroke-width="3" stroke-linecap="round"/><circle cx="60" cy="60" r="40" stroke="%234A7C5920" fill="none" stroke-width="2" stroke-dasharray="5,5"/><path d="M240,200 L260,180 L280,200 L260,220 Z" stroke="%23D4B48350" fill="%23D4B48310" stroke-width="2"/><path d="M60,260 L80,240 L100,260 L80,280 Z" stroke="%23D4B48350" fill="%23D4B48310" stroke-width="2"/></svg>'),url('data:image/svg+xml;utf8,<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"><path d="M40,40 l10,0 l0,10 l10,0 l0,10 l-10,0 l0,10 l-10,0 Z" stroke="%23D4B48340" fill="none" stroke-width="2"/><path d="M80,60 l-10,10 l0,10 l10,0 l10,-10 l0,-10 Z" stroke="%234A7C5940" fill="none" stroke-width="2"/></svg>');background-position:20px 20px,100% 100%;background-repeat:no-repeat,repeat;padding:5rem 0}.ethnic-stories:before{background-image:url('data:image/svg+xml;utf8,<svg width="160" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 L20,0 L40,10 L60,0 L80,10 L100,0 L120,10 L140,0 L160,10" stroke="%23B2675E" fill="none" stroke-width="2"/></svg>');top:0}.ethnic-stories:after,.ethnic-stories:before{background-repeat:repeat-x;content:"";height:20px;left:0;opacity:.7;position:absolute;right:0}.ethnic-stories:after{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 Q30,20 60,10 Q90,0 120,10" stroke="%234A7C59" fill="none" stroke-width="2"/></svg>');bottom:0}.ethnic-stories .left-decor{background-image:url('data:image/svg+xml;utf8,<svg width="150" height="300" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="30" stroke="%23538CC6" fill="none" stroke-width="2"/><circle cx="50" cy="50" r="15" stroke="%23538CC6" fill="none" stroke-width="2"/><circle cx="110" cy="150" r="25" stroke="%23538CC6" fill="none" stroke-width="2"/><circle cx="110" cy="150" r="12" stroke="%23538CC6" fill="none" stroke-width="2"/><circle cx="40" cy="220" r="20" stroke="%23538CC6" fill="none" stroke-width="2"/><circle cx="40" cy="220" r="10" stroke="%23538CC6" fill="none" stroke-width="2"/></svg>');height:100%;left:0;top:50%;transform:translateY(-50%);width:150px}.ethnic-stories .left-decor,.ethnic-stories .right-decor{background-repeat:no-repeat;opacity:.3;pointer-events:none;position:absolute}.ethnic-stories .right-decor{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M60,40 L90,40 L90,70 L60,70 Z" stroke="%23B2675E" fill="none" stroke-width="2"/><path d="M40,100 L40,130 L70,130 L70,100 Z" stroke="%23B2675E" fill="none" stroke-width="2"/><path d="M40,100 L70,130 M40,130 L70,100" stroke="%23B2675E" fill="none" stroke-width="1"/><path d="M50,170 L80,170 L80,200 L50,200 Z" stroke="%23B2675E" fill="none" stroke-width="2"/><path d="M50,170 L80,200 M50,200 L80,170" stroke="%23B2675E" fill="none" stroke-width="1"/><path d="M30,240 L30,270 L90,270 L90,240 Z" stroke="%23B2675E" fill="none" stroke-width="2"/><path d="M30,240 L90,270 M30,270 L90,240" stroke="%23B2675E" fill="none" stroke-width="1"/><path d="M30,310 L50,290 L70,310 L50,330 Z" stroke="%23B2675E" fill="none" stroke-width="2"/></svg>');height:400px;right:0;top:30%;width:120px}.ethnic-stories .center-watermark{background-image:url('data:image/svg+xml;utf8,<svg width="600" height="600" xmlns="http://www.w3.org/2000/svg"><path d="M300,150 C350,100 450,100 500,150 C550,200 550,300 500,350 C450,400 350,400 300,350 C250,300 250,200 300,150 Z" stroke="%23B2675E30" fill="none" stroke-width="3" stroke-dasharray="5,10"/><path d="M150,300 L190,260 L230,300 L190,340 Z" stroke="%234A7C5925" fill="none" stroke-width="2"/><path d="M390,220 A50,50 0 1,0 490,220 A50,50 0 1,0 390,220 Z" stroke="%23D4B48320" fill="none" stroke-width="2"/><path d="M240,400 A40,40 0 1,0 320,400 A40,40 0 1,0 240,400 Z" stroke="%23D4B48320" fill="none" stroke-width="2"/><path d="M100,150 L125,125 L150,150 L125,175 Z" stroke="%23D4B48320" fill="none" stroke-width="2"/><path d="M500,450 L460,490 L420,450 L460,410 Z" stroke="%234A7C5925" fill="none" stroke-width="2"/><path d="M150,400 C175,375 225,375 250,400 C275,425 275,475 250,500 C225,525 175,525 150,500 C125,475 125,425 150,400 Z" stroke="%23B2675E30" fill="none" stroke-width="2"/><path d="M400,350 C425,325 475,325 500,350 C525,375 525,425 500,450 C475,475 425,475 400,450 C375,425 375,375 400,350 Z" stroke="%234A7C5925" fill="none" stroke-width="2"/></svg>');background-position:50%;background-repeat:no-repeat;bottom:0;left:0;opacity:.08;pointer-events:none;position:absolute;right:0;top:0}.stories-wrapper{padding:30px 20px;z-index:5}.stories-wrapper,.story-card-wrapper{position:relative}.story-card{background:#fff;box-shadow:0 10px 25px #0000001a;transition:all .5s ease}.story-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.story-image img{transition:transform .5s ease}.story-tag{background:linear-gradient(45deg,#4a7c59,#7bae8c);border-radius:0 4px 4px 0;box-shadow:0 2px 5px #0003;font-size:.8rem;left:-5px;padding:5px 15px;z-index:2}.story-tag:after{background:#3a6347;border-radius:0 0 0 5px;bottom:-5px;content:"";height:5px;left:0;position:absolute;width:5px;z-index:-1}.story-favorite-btn{background:#fffc;color:#ccc;font-size:1.2rem;height:35px;right:15px;top:15px;width:35px;z-index:2}.story-favorite-btn.active{color:#b2675e}.story-favorite-btn:hover{background:#fff;transform:scale(1.1)}.story-title{font-size:1.2rem}.story-excerpt{font-size:.95rem}.story-date{font-size:.8rem}.story-stats{font-size:.85rem;gap:10px}.story-link{font-size:.9rem;font-weight:600;transition:all .3s ease}.story-link:hover{color:#3a6347;text-decoration:underline}.stories-more{margin-top:40px}.more-link{color:#4a7c59;font-size:1.1rem;font-weight:600;padding:5px 10px;position:relative}.more-link:after{background:#4a7c59;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.more-link:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width:576px){.stories-grid{grid-template-columns:1fr}.story-image{height:180px}}.featured-products .top-decor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10q25-10 50 0t50 0 50 0 50 0' stroke='%23C0484870' fill='none' stroke-width='2'/%3E%3C/svg%3E");top:0}.featured-products .bottom-decor,.featured-products .top-decor{background-repeat:repeat-x;height:20px;left:0;opacity:.8;position:absolute;right:0;z-index:2}.featured-products .bottom-decor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0 20 5 20-5 20 5 20-5 20 5 20-5 20 5 20-5 20 5 20-5' stroke='%23C0484870' fill='none' stroke-width='2'/%3E%3C/svg%3E");bottom:0}.featured-products .right-decor{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='160' height='500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 50h60v60H60Z' stroke='%23B2675E50' fill='none' stroke-width='2'/%3E%3Cpath d='m60 50 60 60m-60 0 60-60' stroke='%23B2675E50' fill='none' stroke-width='1.5'/%3E%3Cpath d='M40 180h60v60H40ZM80 320l-40 40 40 40 40-40Z' stroke='%23B2675E50' fill='none' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;height:500px;opacity:.25;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:160px;z-index:1}.scenery-modal{animation:zoomIn .3s;background-color:#fff;border:none;border-radius:10px;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:90%}.scenery-modal .story-modal-image{border-radius:8px;height:350px;margin-bottom:20px;overflow:hidden;width:100%}.scenery-modal .story-modal-image img{height:100%;object-fit:cover;width:100%}.scenery-modal .story-modal-content{padding:0 15px}.scenery-modal .story-modal-content h3{color:#333;display:inline-block;font-size:22px;font-weight:600;margin-bottom:10px;padding-bottom:5px;position:relative}.scenery-modal .story-modal-content h3:after{background:linear-gradient(90deg,#e8871e,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.scenery-short-desc{color:#666;font-size:16px;font-style:italic;margin-bottom:20px}.scenery-full-content{color:#333;line-height:1.8;margin-top:15px}.scenery-full-content p{margin-bottom:15px;text-align:justify}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-item:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.video-poster{cursor:pointer;transition:transform .3s ease}.video-poster:hover{transform:scale(1.02)}.video-poster-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.video-poster:hover .video-poster-overlay{opacity:1}.play-icon-large{color:#fff;font-size:64px;text-shadow:0 2px 4px #0000004d;transform:scale(1);transition:transform .3s ease}.video-poster:hover .play-icon-large{transform:scale(1.1)}.thumbnails-container{margin-top:25px;padding:0 20px;position:relative}.craft-thumbnails{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:15px;height:auto;max-height:200px;overflow-x:auto;padding:15px 0;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.craft-thumbnails::-webkit-scrollbar{display:none}.craft-thumbnail{border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;flex:0 0 230px;height:160px;margin-bottom:0;max-width:230px;min-width:230px;overflow:hidden;position:relative;scroll-snap-align:start;transition:transform .3s ease}.craft-thumbnail:hover{transform:translateY(-5px)}.craft-thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail-title{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;font-size:.9rem;left:0;padding:10px;position:absolute;right:0;text-align:center}.play-icon{align-items:center;background-color:#fffc;border-radius:50%;color:#4a7c59;display:flex;font-size:1rem;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:40px}.craft-thumbnail:hover .play-icon{opacity:1}.craft-nav{display:flex;justify-content:space-between;left:0;padding:0 10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:100}.craft-nav .next-btn,.craft-nav .prev-btn{align-items:center;background-color:#fffffff2;border:2px solid #4a7c59;border-radius:50%;box-shadow:0 4px 8px #0003;color:#4a7c59;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin:0;pointer-events:auto;position:relative;transition:all .3s ease;width:40px}.craft-nav .prev-btn{margin-left:-5px}.craft-nav .next-btn{margin-right:-5px}.craft-nav .next-btn:hover,.craft-nav .prev-btn:hover{background-color:#4a7c59;color:#fff;transform:scale(1.1)}.product-advantages{background-color:#f1eae1;overflow:hidden;padding:60px 0;position:relative}.advantages-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;position:relative;z-index:1}.advantage-item{background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;padding:25px;text-align:center;transition:transform .3s ease;width:250px}.advantage-item:hover{transform:translateY(-10px)}.advantage-icon{color:#4a7c59;font-size:48px;margin-bottom:15px}.advantage-title{color:#4a7c59;font-size:18px;font-weight:600;margin-bottom:10px}.advantage-desc{color:#666;font-size:14px;line-height:1.6}.rural-stories{background-color:#fff;padding:70px 0 80px}.stories-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.story-card{border-radius:12px;box-shadow:0 4px 15px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.story-card:hover{box-shadow:0 8px 25px #0000001a}.story-image{height:200px}.story-image img{transition:transform .3s ease}.story-card:hover .story-image img{transform:scale(1.05)}.story-favorite-btn:hover{color:#ff4d4f}.story-favorite-btn.active{background-color:#fff;color:#ff4d4f}.story-tag{background-color:#e8871ed9;font-weight:600;left:15px;padding:5px 10px;top:15px}.story-content{flex:1 1;padding:20px}.story-title{font-weight:600;margin-bottom:12px}.story-excerpt{line-height:1.6;margin-bottom:15px;text-overflow:ellipsis}.story-meta{flex-wrap:wrap}.story-stats{align-items:center;color:#999;gap:12px}.story-link{border-radius:4px;font-weight:500;padding:3px 8px;transition:all .2s ease}.story-link:hover{background-color:#4a7c59;color:#fff}.view-more-container{margin-top:20px;text-align:center}.customer-testimonials{background-color:#f7f2ea;padding:70px 0;position:relative}.testimonials-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;position:relative;z-index:1}.testimonial-card{background-color:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;padding:25px;position:relative;transition:transform .3s ease;width:350px}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-card:before{color:#4a7c591a;content:"❝";font-family:serif;font-size:60px;left:15px;position:absolute;top:15px;z-index:0}.testimonial-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:70px;margin:0 auto 20px;overflow:hidden;width:70px;z-index:1}.testimonial-avatar img{height:100%;object-fit:cover;width:100%}.testimonial-content{flex:1 1;position:relative;text-align:center;z-index:1}.testimonial-stars{color:#e8871e;font-size:18px;letter-spacing:3px;margin-bottom:15px}.testimonial-text{color:#555;font-size:15px;font-style:italic;line-height:1.6;margin-bottom:15px}.testimonial-author{color:#4a7c59;font-size:14px;font-weight:600}@media (max-width:992px){.stories-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.advantages-container{align-items:center;flex-direction:column}.advantage-item{max-width:320px;width:90%}.testimonial-card{max-width:350px;width:90%}}@media (max-width:576px){.stories-container{grid-template-columns:1fr}}.stories-page{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='%234a7c59' fill-opacity='.03' d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zm10 8a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm40 40a8 8 0 1 0 0-16 8 8 0 0 0 0 16z' fill='%23e8871e' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%23a89f9f' fill-opacity='.05' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E");min-height:100vh;padding-bottom:50px;position:relative;width:100%}.stories-page-container{margin:0 auto;max-width:1200px;padding:20px 20px 50px;position:relative}.stories-page-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='15'%3E%3Cpath fill='%23E8871E' fill-opacity='.3' d='M0 15 10 0l10 15L30 0l10 15L50 0l10 15L70 0l10 15L90 0l10 15Z'/%3E%3C/svg%3E");height:15px;top:0}.stories-page-container:after,.stories-page-container:before{background-repeat:repeat-x;content:"";left:0;position:absolute;right:0;z-index:2}.stories-page-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='30'%3E%3Cpath fill='%234A7C59' fill-opacity='.2' d='M20 15 0 30V0ZM40 0v30l20-15Zm30 5v20l15-10Zm30-5v30L90 15l10-15Zm20 0v30l-10-15 10-15Zm20 0v15l5-10 5 10-10 15Zm30 0v30l-10-15 10-15Zm10 30V0l20 15Zm40-25v20l15-10Zm30-5v30l-10-15 10-15Zm20 0v30l-10-15 10-15Zm20 0v15l5-10 5 10-10 15Z'/%3E%3C/svg%3E");background-position:50%;bottom:10px;height:30px}.stories-page-top-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.btn-create-story,.btn-my-stories{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s}.btn-create-story:hover,.btn-my-stories:hover{background-color:#3d664a}.btn-my-stories{background-color:#f0f0f0;border:1px solid #4a7c59;color:#4a7c59}.btn-my-stories:hover{background-color:#e8f0e8}.stories-page-description{color:#666;font-size:16px;margin-bottom:30px;text-align:center}.stories-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;position:relative}.stories-filter{display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.stories-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 38.59 2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%234a7c59' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%234A7C59' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:50%,right 10px center;background-repeat:no-repeat;background-size:cover,12px 8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;outline:none;padding:8px 30px 8px 15px;position:relative;transition:all .3s}.stories-filter-select:hover{border-color:#4a7c59}.stories-search{border:1px solid #ddd;border-radius:4px;display:flex;overflow:hidden;position:relative}.stories-search:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6h2c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6h-2c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6zm25.464-1.95 8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23e8871e' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stories-search input{background-color:initial;border:none;outline:none;padding:8px 15px;position:relative;width:200px;z-index:1}.stories-search button{background-color:#4a7c59;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 38.59 2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");border:none;color:#fff;cursor:pointer;padding:0 15px;position:relative;z-index:1}.stories-search button:hover{background-color:#3d664a}.stories-page-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.story-card{background-color:#fff;border:1px solid #4a7c591a;border-radius:8px;box-shadow:0 3px 10px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.story-card:after,.story-card:before{background-repeat:no-repeat;background-size:contain;content:"";height:20px;opacity:.5;position:absolute;width:20px}.story-card:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%23E8871E' d='m10 0 10 10-10 10L0 10Z'/%3E%3C/svg%3E");right:5px;top:5px;z-index:1}.story-card:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='%234A7C59' d='m10 0 10 10-10 10L0 10Z'/%3E%3C/svg%3E");bottom:5px;left:5px;z-index:1}.story-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.story-image{height:180px;overflow:hidden;position:relative}.story-image:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2V6h4V4H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.story-image img{height:100%;object-fit:cover;position:relative;transition:transform .5s;width:100%;z-index:0}.story-card:hover .story-image img{transform:scale(1.1)}.story-favorite-btn{align-items:center;background-color:#fffc;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:22px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:30px;z-index:10}.story-favorite-btn:hover{background-color:#fff;box-shadow:0 2px 5px #0003}.story-favorite-btn.active{color:gold;text-shadow:0 0 3px gold,0 0 5px #ffd700b3}.story-tag{background-color:#e8871e;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 38.59 2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:4px;color:#fff;font-size:12px;left:10px;padding:4px 8px;position:absolute;top:10px}.story-content{display:flex;flex-direction:column;flex-grow:1;padding:15px}.story-title{color:#333;font-size:18px;line-height:1.4;margin-bottom:10px}.story-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;height:60px;line-height:1.5;margin-bottom:10px;overflow:hidden;white-space:pre-line}.story-meta{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172 6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%234a7c59' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:auto;padding-top:10px;position:relative}.story-date{color:#999;font-size:12px}.story-stats{color:#888;display:flex;font-size:12px;gap:15px}.story-meta-left{display:flex;flex-direction:column;gap:5px}.story-favorites,.story-views{align-items:center;display:flex}.story-favorites i,.story-views i{margin-right:5px}.story-link{align-items:center;color:#4a7c59;display:inline-flex;font-size:14px;padding-right:15px;position:relative;text-decoration:none;transition:all .3s}.story-link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%234A7C59' d='m1 5 4-4 4 4-4 4Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:10px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s;width:10px}.story-link:hover{color:#e8871e}.story-link:hover:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23E8871E' d='m1 5 4-4 4 4-4 4Z'/%3E%3C/svg%3E");transform:translateY(-50%) rotate(90deg)}.story-action{margin-top:10px;text-align:right}.story-detail{background-color:#fff;border-radius:8px;box-shadow:0 3px 15px #0000001a;margin-bottom:40px;padding:30px}.story-detail-image{border-radius:8px;height:400px;margin-bottom:20px;overflow:hidden;width:100%}.story-detail-image img{height:100%;object-fit:cover;width:100%}.story-detail-title{color:#333;font-size:28px;font-weight:700;margin-bottom:15px}.story-detail-meta{gap:15px;margin-bottom:20px}.story-detail-author,.story-detail-meta{align-items:center;display:flex}.story-detail-author img{border-radius:50%;height:40px;margin-right:10px;width:40px}.story-detail-author span{color:#333;font-weight:600}.story-detail-date{color:#777;font-size:14px}.story-detail-tag{background-color:#e8871e;border-radius:4px;color:#fff;font-size:12px;padding:4px 10px}.story-detail-content{color:#444;font-size:16px;line-height:1.8}.story-detail-content p{margin-bottom:15px}.filter-sort-container{align-items:center;display:flex;gap:20px}.stories-sort{align-items:center;display:flex;gap:10px}.stories-sort span:first-child{color:#666;font-size:14px}.sort-options{gap:10px}.sort-option{background:none;border:none;color:#555;display:inline-block;min-width:60px;text-align:center}.sort-option:hover{background-color:#f0f0f0}.sort-option.active{border:none;box-shadow:none;color:#fff!important;font-weight:400;outline:none}.no-stories-found{background-color:#fffc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 38.59 2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%234a7c59' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");border:1px dashed #4a7c594d;border-radius:8px;margin:30px auto;max-width:500px;padding:50px 20px;position:relative;text-align:center}.no-stories-icon{color:#e8871e;display:inline-block;font-size:50px;margin-bottom:20px;position:relative}.no-stories-icon:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath fill='%23E8871E' fill-opacity='.1' d='M40 0c20 13.33 40 33.33 40 40 0 6.67-20 26.67-40 40C20 66.67 0 46.67 0 40c0-6.67 20-26.67 40-40Z'/%3E%3C/svg%3E");content:"";height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:-1}.no-stories-found h3{color:#4a7c59;margin-bottom:10px}.no-stories-found p{color:#666;margin-bottom:20px}.btn-clear-filters{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s}.btn-clear-filters:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.172 6.172 0h5.656L0 11.828V6.172zm40 5.656L28.172 0h5.656L40 6.172v5.656zM6.172 12l12-12h3.656l12 12h-5.656L20 3.828 11.828 12H6.172zm12 0L20 10.172 21.828 12h-3.656z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.btn-clear-filters:hover{background-color:#3d664a}.btn-clear-filters:hover:before{opacity:1}.story-modal:after,.story-modal:before{display:none}.story-modal-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;position:relative}.story-modal-header:after{display:none}.story-modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;line-height:1;margin:0;padding:0;position:relative;transition:all .3s;z-index:10}.story-modal-close:before{display:none}.story-modal-close:hover{color:#e8871e;transform:none}.story-modal-close:hover:before{opacity:0}.story-modal-footer:before,.story-modal-header:before{display:none}.story-modal-content{word-wrap:break-word;background-color:initial;background-image:none;border-radius:0;color:#333;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin:0;max-width:100%;padding:0;white-space:pre-line;word-break:break-word}.story-modal-content div p,.story-modal-content p{margin-bottom:1em;text-indent:2em}.btn-favorite:before,.btn-share:before{display:none}.create-story-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:90%}.create-story-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;z-index:10}.create-story-title{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.create-story-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#333}.required{color:#e74c3c;margin-left:3px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a7c59;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-error{color:#e74c3c;font-size:12px;margin-top:5px}.image-preview{display:block;max-height:200px;max-width:100%}.btn-cancel{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:10px 15px;transition:all .3s}.btn-cancel:hover{background-color:#e0e0e0}.btn-submit{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:all .3s}.btn-submit:hover{background-color:#3d664a}.my-stories-modal{background-color:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:90%}.my-stories-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px}.my-stories-title{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.no-stories-message{padding:30px 0;text-align:center}.no-stories-message p{color:#666;margin-bottom:15px}.btn-create-now{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s}.btn-create-now:hover{background-color:#3d664a}.my-stories-list{display:flex;flex-direction:column;gap:20px}.my-story-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;overflow:hidden;transition:transform .3s}.my-story-item:hover{box-shadow:0 5px 10px #00000026;transform:translateY(-3px)}.my-story-image{flex-shrink:0;height:150px;position:relative;width:150px}.my-story-image img{height:100%;object-fit:cover;width:100%}.my-story-tag{background-color:#e8871e;border-radius:4px;color:#fff;font-size:12px;left:10px;padding:3px 8px;position:absolute;top:10px}.my-story-info{display:flex;flex:1 1;flex-direction:column;padding:15px}.my-story-title{color:#333;font-size:18px;margin-bottom:10px}.my-story-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#666;display:-webkit-box;font-size:14px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:pre-line;word-break:break-word}.my-story-meta{color:#999;flex-wrap:wrap;font-size:12px;margin-bottom:10px}.my-story-actions,.my-story-meta,.my-story-stats{display:flex;gap:10px}.my-story-actions{margin-top:auto}.btn-delete-story,.btn-edit-story,.btn-view-story{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:5px 10px;transition:all .3s}.btn-view-story{background-color:#f0f0f0;color:#333}.btn-view-story:hover{background-color:#e0e0e0}.btn-edit-story{background-color:#4a7c59;color:#fff}.btn-edit-story:hover{background-color:#3d664a}.btn-delete-story{background-color:#e74c3c;color:#fff}.btn-delete-story:hover{background-color:#c0392b}.pagination{margin-top:40px}.pagination:after,.pagination:before{background-repeat:no-repeat;background-size:contain;content:"";height:15px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%);width:25px}.pagination:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15'%3E%3Cpath fill='%23E8871E' d='M0 7.5 25 0v15Z'/%3E%3C/svg%3E");left:-40px}.pagination:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='15'%3E%3Cpath fill='%234A7C59' d='M25 7.5 0 0v15Z'/%3E%3C/svg%3E");right:-40px}.pagination-button{background-color:#f0f0f0;display:flex;height:32px;margin:0 3px;min-width:32px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.pagination-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20L10 10zm0 20h20L10 10z' fill='%234A7C59' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.pagination-button:hover:not(.disabled){background-color:#e0e0e0}.pagination-button.active:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20L10 10zm0 20h20L10 10z' fill='%23FFF' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.pagination-ellipsis{margin:0 2px}@media (max-width:992px){.stories-page-grid{grid-template-columns:repeat(2,1fr)}.my-story-item{flex-direction:column}.my-story-image{height:120px;width:100%}}@media (max-width:768px){.stories-page-header{flex-direction:column;gap:10px}.stories-filter{position:static;transform:none;width:100%}.stories-search{width:100%}.filter-sort-container{align-items:flex-start;flex-direction:column;width:100%}.stories-page-grid{grid-template-columns:1fr}.create-story-modal,.my-stories-modal{padding:20px;width:95%}.story-modal{margin:10px;width:95%}.story-modal-image{height:200px}.story-modal-title{font-size:20px}.story-modal-meta{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:576px){.stories-page-container{padding:15px}.story-modal-image{height:200px}.my-story-actions{flex-wrap:wrap}}.ethnic-stories{background-color:#f9f7f4;overflow:hidden;padding:60px 0;position:relative}.stories-wrapper{margin:0 auto;max-width:1200px;padding:0 20px}.stories-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;margin-top:40px}.story-card-wrapper{height:100%}.stories-more{margin-top:30px;text-align:center}.more-link{background-color:#e8871e;border-radius:5px;color:#fff;display:inline-block;font-weight:500;padding:10px 25px;text-decoration:none;transition:all .3s ease}.more-link:hover{background-color:#d67b17;box-shadow:0 5px 15px #e8871e4d;transform:translateY(-2px)}@media (max-width:992px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.stories-grid{grid-template-columns:1fr}}.stories-page-title{color:#333;font-size:32px;font-weight:700;margin-bottom:15px;padding-bottom:15px;padding-top:20px;position:relative;text-align:center}.stories-page-title:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='20'%3E%3Cpath fill='%23E8871E' fill-opacity='.5' d='m15 0 15 10L45 0l15 10-15 10-15-10-15 10L0 10Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;height:20px;top:-5px;width:60px}.stories-page-title:after,.stories-page-title:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.stories-page-title:after{background:linear-gradient(90deg,#0000,#e8871e,#4a7c59,#e8871e,#0000);bottom:0;height:3px;width:120px}.story-modal{animation:zoomIn .3s;background-color:#fff;background-image:none;border:none;border-radius:10px;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:90%}.story-modal-footer:before,.story-modal-header:before,.story-modal:after,.story-modal:before{display:none}.story-modal-title{color:#333;font-size:24px;font-weight:700;margin-bottom:5px;max-width:85%;padding-bottom:5px;position:relative;text-align:left}.story-modal-title:after{display:none}.story-modal-body{padding:20px}.story-modal-image{border-radius:8px;height:300px;margin-bottom:20px;overflow:hidden;width:100%}.story-modal-image img{height:100%;object-fit:cover;width:100%}.story-modal-info{margin-bottom:20px}.story-modal-tag{background:#f0f0f0;border-radius:16px;display:inline-block;padding:4px 12px}.story-modal-meta,.story-modal-tag{color:#666;font-size:14px;margin-bottom:12px}.story-modal-meta{align-items:center;display:flex;justify-content:space-between}.story-modal-stats{display:flex;gap:16px}.story-modal-stats span{align-items:center;display:flex;gap:4px}.story-modal-stats i{font-size:16px}.story-modal-author{color:#666;font-size:14px}.story-modal-footer{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px;position:sticky;z-index:1}.btn-favorite,.btn-share{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:14px;overflow:visible;padding:8px 20px;transition:all .3s}.btn-favorite:hover,.btn-share:hover{background:#f5f5f5;color:#666}.btn-favorite.active{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.btn-favorite.active:hover{background:#ff7875}.stories-page:after,.stories-page:before{background-repeat:repeat-y;content:"";height:80%;opacity:.15;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);width:30px;z-index:1}.stories-page:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='60'%3E%3Cpath fill='%23E8871E' d='M15 0c5 10 15 15 15 30S20 50 15 60C10 50 0 45 0 30S10 10 15 0Z'/%3E%3C/svg%3E");left:15px}.stories-page:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='60'%3E%3Cpath fill='%234A7C59' d='M0 0h30v10H20v40h10v10H0V50h10V10H0Z'/%3E%3C/svg%3E");right:15px}.message-toast{animation:fadeIn .3s,fadeOut .3s 2.7s;box-shadow:0 2px 8px #0003;z-index:1000}.message-toast.success{background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.message-toast.error{background-color:#fef0f0;border:1px solid #fde2e2;color:#f56c6c}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.auth-page{align-items:center;background-color:#f5f5f5;justify-content:center;min-height:100vh;padding:40px 0}.auth-container,.auth-page{display:flex;position:relative}.auth-container{background-color:#fff;border:1px solid #e1b8784d;border-radius:10px;box-shadow:0 5px 20px #8a392b26;max-width:1000px;overflow:hidden;width:100%}.auth-banner{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:580px;padding:40px;position:relative;text-align:center}.auth-banner:after{background:linear-gradient(180deg,#4a7c59a6,#4a7c59e6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.auth-banner-content{position:relative;z-index:2}.auth-banner h2{font-family:方正手迹,cursive;font-size:2.2rem;margin-bottom:20px;text-shadow:0 2px 4px #0003}.auth-banner p{font-size:1.1rem;line-height:1.7;margin-bottom:30px;text-shadow:0 1px 2px #0000004d}.auth-form-container{background-color:#fffffff2;flex:1 1;padding:40px;position:relative}.auth-tabs{border-bottom:2px solid #e1b878;display:flex;margin-bottom:30px;position:relative;z-index:1}.auth-tab{color:#666;cursor:pointer;font-size:18px;font-weight:500;padding:10px 20px;position:relative}.auth-tab.active{color:#8a392b}.auth-tab.active:after{background-color:#8a392b;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.auth-form h3{color:#8a392b;font-size:24px;margin-bottom:25px}.form-group{margin-bottom:25px;position:relative}.form-group.error input{border-color:#e53935}.form-group label{color:#8a392b;font-weight:500;margin-bottom:8px}.form-group input{background-color:#ffffffe6;border:1px solid #e1b878;border-radius:6px;padding:12px 15px}.form-group input:focus{border-color:#8a392b;box-shadow:0 0 0 2px #8a392b1a}.error-message{animation:fadeIn .3s ease-out;background-color:#e539351a;border:1px solid #e539354d;border-radius:6px;color:#e53935;font-size:14px;justify-content:center}.error-message,.form-footer{align-items:center;display:flex}.form-footer{justify-content:space-between;margin-bottom:25px}.remember-me{align-items:center;display:flex}.remember-me input{margin-right:8px}.forgot-password{color:#8a392b;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-btn{background-color:#8a392b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:12px;position:relative;transition:background-color .3s;width:100%}.auth-btn:hover{background-color:#70301f}.auth-btn:disabled{cursor:not-allowed;opacity:.7}.btn-decoration{background:linear-gradient(90deg,#0000,#e1b878 20%,#e1b878 80%,#0000);height:4px;left:0;position:absolute;right:0;top:0}.verify-code-container{display:flex;gap:10px}.verify-code-container input{flex:1 1}.verify-code-btn{background-color:#8a392b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 15px;position:relative;white-space:nowrap}.verify-code-btn:disabled{background-color:#ccc;cursor:not-allowed}.checkbox-group{align-items:center;color:#5c4033;display:flex;margin-bottom:20px;padding:0;white-space:nowrap}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #e1b878;border-radius:3px;cursor:pointer;flex-shrink:0;height:16px;margin-right:8px;outline:none;position:relative;vertical-align:middle;width:16px}.checkbox-group input[type=checkbox]:checked{background-color:#8a392b;border-color:#8a392b}.checkbox-group input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-group label{align-items:center;display:flex}.social-login{margin-top:30px;position:relative;text-align:center}.social-divider{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.social-divider-line{background-color:#e1b878;height:1px;opacity:.5;width:80px}.social-divider-text{color:#8a392b;font-size:14px;padding:0 15px}.social-icons{gap:15px}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{align-items:center;background-color:#e5d7c54d;border:1px solid #e5d7c580;border-radius:50%;color:#8a392b;cursor:pointer;font-size:16px;height:40px;transition:all .3s ease;width:40px}.social-icon:hover{background-color:#e5d7c599;transform:translateY(-2px)}.ethnic-culture-note{background-color:#e1b8781a;border:1px dashed #e1b87880;border-radius:8px;color:#8a392b;font-size:14px;margin-top:25px;padding:15px;position:relative;text-align:center}.note-pattern-corner{background-repeat:no-repeat;background-size:contain;height:15px;opacity:.7;position:absolute;width:15px}.ethnic-crafts-icons{display:flex;justify-content:center;margin-bottom:30px}.craft-icon{flex-direction:column;margin:0 10px}.craft-icon,.craft-icon-circle{align-items:center;display:flex}.craft-icon-circle{background-color:#fff3;border-radius:50%;font-size:24px;height:50px;justify-content:center;margin-bottom:5px;width:50px}.craft-icon-text{font-size:.8rem}.ethnic-pattern{background-repeat:no-repeat;background-size:contain;opacity:.1;position:absolute;z-index:0}.ethnic-pattern:first-child{background-image:url(/static/media/%E5%BD%9D%E6%97%8F%E5%9B%BE%E8%85%BE.329e2779da6d2d00bad7.jpg);height:100px;right:10px;top:10px;width:100px}.ethnic-pattern:nth-child(2){background-image:url(/static/media/%E7%99%BD%E6%97%8F%E5%9B%BE%E8%85%BE.9a0779d7d252421451d9.jpg);height:120px;right:5%;top:30%;width:120px}.ethnic-pattern:nth-child(3){background-image:url(/static/media/%E5%82%A3%E6%97%8F%E5%9B%BE%E8%85%BE.c4e0657b44ac7c43a012.jpg);bottom:20%;height:100px;right:10%;width:100px}.ethnic-pattern:nth-child(4){background-image:url(/static/media/%E7%BA%B3%E8%A5%BF%E6%97%8F%E5%9B%BE%E8%85%BE.97d37ad5a7f666497f7e.jpg);bottom:10px;height:120px;right:25%;width:120px}.ethnic-pattern:nth-child(5){background-image:url(/static/media/%E5%93%88%E5%B0%BC%E6%97%8F%E5%9B%BE%E8%85%BE.dc92218f93b0baffd9a9.jpg);height:100px;right:20%;top:20%;width:100px}.ethnic-background-decoration{background-repeat:no-repeat;background-size:contain;opacity:.15;position:absolute;z-index:0}.footer-decoration{background-position:50%;background-repeat:repeat-x;background-size:contain;height:80px;margin-top:30px;opacity:.4;width:100%}@media (max-width:900px){.auth-container{flex-direction:column;margin:20px;max-width:600px}.auth-banner{min-height:200px;padding:30px 20px}.auth-banner h2{font-size:1.8rem}.ethnic-pattern,.ethnic-pattern-bottom{display:none}.ethnic-crafts-icons{margin-bottom:20px}.craft-icon-circle{font-size:20px;height:40px;width:40px}.auth-forms{border-radius:0 0 10px 10px!important}}@media (max-width:600px){.auth-container{box-shadow:0 3px 10px #0000001a;margin:15px}.auth-banner{min-height:150px;padding:20px}.auth-banner h2{font-size:1.5rem;margin-bottom:10px}.auth-banner p{font-size:.9rem;margin-bottom:15px}.auth-form-container{padding:20px}.form-group{margin-bottom:15px}.form-group input{font-size:14px;padding:10px}.social-divider-line{width:50px}.button-decoration-left,.button-decoration-right{display:none}.footer-decoration{height:50px}.ethnic-culture-note{font-size:12px;padding:10px}.note-pattern-corner{height:10px;width:10px}}.dai-pattern{background-image:url(/static/media/%E5%82%A3%E6%97%8F%E5%9B%BE%E8%85%BE.c4e0657b44ac7c43a012.jpg)}.bai-pattern{background-image:url(/static/media/%E7%99%BD%E6%97%8F%E5%9B%BE%E8%85%BE.9a0779d7d252421451d9.jpg)}.yi-pattern{background-image:url(/static/media/%E5%BD%9D%E6%97%8F%E5%9B%BE%E8%85%BE.329e2779da6d2d00bad7.jpg)}.naxi-pattern{background-image:url(/static/media/%E7%BA%B3%E8%A5%BF%E6%97%8F%E5%9B%BE%E8%85%BE.97d37ad5a7f666497f7e.jpg)}.hani-pattern{background-image:url(/static/media/%E5%93%88%E5%B0%BC%E6%97%8F%E5%9B%BE%E8%85%BE.dc92218f93b0baffd9a9.jpg)}.auth-btn:hover .btn-decoration{animation:flowPattern 2s linear infinite}@keyframes flowPattern{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes shake-error{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake-error{animation:shake-error .6s cubic-bezier(.36,.07,.19,.97) both;backface-visibility:hidden;border-color:#e53935!important;box-shadow:0 0 0 2px #e5393533!important;perspective:1000px;transform:translateZ(0)}.auth-form input.error{border-color:#e53935;box-shadow:0 0 0 1px #e5393533}body{background-attachment:fixed;background-blend-mode:overlay;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M20,20 L40,20 L40,40 L20,40 Z M60,20 L80,20 L80,40 L60,40 Z M20,60 L40,60 L40,80 L20,80 Z M60,60 L80,60 L80,80 L60,80 Z" stroke="%238B451330" fill="none" stroke-width="1.5"/></svg>');background-repeat:repeat;background-size:100px;position:relative}body:before{background-image:url('data:image/svg+xml;utf8,<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M150,50 L160,70 L180,70 L165,85 L170,105 L150,95 L130,105 L135,85 L120,70 L140,70 Z" stroke="%23BE442F30" fill="%23BE442F10" stroke-width="2"/><path d="M50,150 C60,140 70,140 80,150 C90,160 90,170 80,180 C70,190 60,190 50,180 C40,170 40,160 50,150 Z" stroke="%234A7C5930" fill="%234A7C5910" stroke-width="2" stroke-dasharray="4,2"/><path d="M200,200 L210,210 L220,200 L230,210 L240,200 L230,190 L240,180 L230,170 L220,180 L210,170 L200,180 L210,190 Z" stroke="%23D4724A30" fill="%23D4724A10" stroke-width="2"/></svg>'),url('data:image/svg+xml;utf8,<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M180,180 L220,180 L220,220 L180,220 Z" stroke="%23BE442F20" fill="none" stroke-width="1.5"/><path d="M180,180 L220,220 M180,220 L220,180" stroke="%23BE442F20" fill="none" stroke-width="1"/></svg>');background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:300px,400px;content:"";height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.container{background-color:#f9f5f0e6;border:1px solid #be442f1a;border-radius:10px;box-shadow:0 0 20px #0000000d;padding:15px}.container:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M20,20 L40,40 M40,20 L20,40" stroke="%23BE442F30" stroke-width="2"/><circle cx="30" cy="30" r="25" stroke="%23BE442F30" fill="none" stroke-width="1.5" stroke-dasharray="4,2"/></svg>');background-position:0 0;height:100px;left:0;width:100px}.container:after,.container:before{background-repeat:no-repeat;background-size:contain;content:"";opacity:.2;pointer-events:none;position:absolute;top:0;z-index:0}.container:after{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"><path d="M30,30 L90,30 L90,90 L30,90 Z" stroke="%234A7C5940" fill="none" stroke-width="2"/><path d="M45,45 L75,45 L75,75 L45,75 Z" stroke="%234A7C5940" fill="none" stroke-width="1.5"/><path d="M30,30 L90,90 M30,90 L90,30" stroke="%234A7C5930" fill="none" stroke-width="1"/></svg>');background-position:100% 0;height:120px;right:0;width:120px}main:after{background-image:url('data:image/svg+xml;utf8,<svg width="200" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M0,20 L20,5 L40,20 L60,5 L80,20 L100,5 L120,20 L140,5 L160,20 L180,5 L200,20" stroke="%23BE442F40" fill="none" stroke-width="2"/><path d="M0,35 L20,20 L40,35 L60,20 L80,35 L100,20 L120,35 L140,20 L160,35 L180,20 L200,35" stroke="%23BE442F30" fill="none" stroke-width="1.5"/></svg>');background-position:bottom;background-repeat:repeat-x;background-size:200px 40px;bottom:0;content:"";height:40px;left:0;opacity:.25;pointer-events:none;position:fixed;width:100%;z-index:-1}.filter-section,.page-banner,.products-grid,.products-list,.sort-layout{border:1px solid #be442f33;border-radius:8px;box-shadow:0 3px 10px #0000000d;overflow:hidden;position:relative}.filter-section:before,.page-banner:before,.sort-layout:before{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L10,4 L0,8 L10,8 L20,4 L30,8 L40,8 L50,4 L60,8 L70,8 L80,4 L90,8 L100,8 L110,4 L120,8 L120,0 Z" fill="%23BE442F50"/></svg>');background-position:top;background-repeat:repeat-x;background-size:120px 8px;content:"";height:8px;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.page-banner:after{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"><path d="M60,20 C80,20 100,40 100,60 C100,80 80,100 60,100 C40,100 20,80 20,60 C20,40 40,20 60,20 Z" stroke="%23BE442F30" fill="none" stroke-width="2" stroke-dasharray="4,3"/><path d="M60,40 L70,55 L90,55 L75,65 L80,85 L60,75 L40,85 L45,65 L30,55 L50,55 Z" stroke="%23BE442F30" fill="%23BE442F10" stroke-width="1.5"/></svg>');background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:120px;opacity:.3;pointer-events:none;position:absolute;right:0;width:120px;z-index:0}.page-banner{background-blend-mode:overlay,soft-light;background-color:#f5f1e8cc;background-image:url('data:image/svg+xml;utf8,<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L300,300 M300,0 L0,300" stroke="%23BE442F10" stroke-width="1"/></svg>'),url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="30" stroke="%234A7C5920" fill="none" stroke-width="1.5"/><circle cx="50" cy="50" r="15" stroke="%234A7C5920" fill="none" stroke-width="1"/></svg>');background-position:50%,50%;background-repeat:repeat,repeat;background-size:300px,100px;box-shadow:0 3px 15px #0000001a;margin-bottom:30px;padding:40px 0;position:relative;text-align:center}.page-banner h1{color:#be442f;display:inline-block;font-family:方正手迹,cursive;font-size:2.2rem;margin-bottom:15px;position:relative;text-shadow:1px 1px 2px #0000001a;z-index:2}.page-banner h1:after,.page-banner h1:before{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M20,5 L25,15 L35,15 L27,22 L30,32 L20,25 L10,32 L13,22 L5,15 L15,15 Z" stroke="%23BE442F" fill="none" stroke-width="1.5"/></svg>');background-repeat:no-repeat;background-size:contain;content:"";height:40px;opacity:.7;position:absolute;width:40px;z-index:3}.page-banner h1:before{left:-50px;top:50%;transform:translateY(-50%)}.page-banner h1:after{right:-50px;top:50%;transform:translateY(-50%) scaleX(-1)}.page-banner p{color:#5c4033;font-size:1rem;margin:0 auto;max-width:700px;position:relative;z-index:2}.active-filters-bar{align-items:center;background-color:#fffaf0e6;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L100,100 M100,0 L0,100" stroke="%23BE442F08" stroke-width="1"/></svg>');background-repeat:repeat;background-size:30px;border:1px solid #be442f33;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px;padding:10px 15px;position:relative}.active-filter-tag:after{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 L5,5 L10,10 L15,5 L20,10 L25,5 L30,10 L35,5 L40,10" stroke="rgba%28255,255,255,0.2%29" fill="none" stroke-width="1"/></svg>');background-repeat:repeat-x;background-size:40px 20px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.clear-filters-btn{background-color:initial;border:1px solid #be442f;border-radius:4px;color:#be442f;cursor:pointer;font-size:14px;overflow:hidden;padding:5px 12px;position:relative;transition:all .2s}.clear-filters-btn:after{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 L5,5 L10,10 L15,5 L20,10 L25,5 L30,10 L35,5 L40,10" stroke="%23BE442F20" fill="none" stroke-width="1"/></svg>');background-repeat:repeat-x;background-size:40px 20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.clear-filters-btn:hover{background-color:#be442f;color:#fff}.clear-filters-btn:hover:after{opacity:.3}.product-card:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L100,0 L100,100 Z" fill="%23BE442F10"/><path d="M50,0 L100,50 L100,0 Z" fill="%23BE442F15"/><path d="M70,50 L70,70 L50,70 Z" stroke="%23BE442F20" fill="none" stroke-width="1"/></svg>');background-repeat:no-repeat;height:100px;right:0;transition:opacity .3s ease;width:100px}.product-card:hover:before{opacity:.5}.product-card .product-details:before{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M4,0 L4,100" stroke="%23BE442F40" stroke-width="1.5" stroke-dasharray="3,3"/><path d="M0,25 L8,25 M0,50 L8,50 M0,75 L8,75" stroke="%23BE442F40" stroke-width="1"/></svg>');background-size:8px 100%;opacity:.4}.product-card:after{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M0,8 L10,3 L20,8 L30,3 L40,8 L50,3 L60,8 L70,3 L80,8 L90,3 L100,8" stroke="%23BE442F40" fill="none" stroke-width="1.5"/></svg>');background-size:100px 8px;height:8px;opacity:.4}.filter-section:after{animation:borderGradientAnimation 8s linear infinite;background:linear-gradient(45deg,#b8860b33,#4a7c594d,#e99b4d33,#4a7c594d);border-radius:10px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes borderGradientAnimation{0%{background-position:0 0}to{background-position:200% 200%}}.filter-header{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:20px}.filter-header h3{color:#333;font-size:18px;font-weight:600;margin:0;white-space:nowrap}.filter-row{border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;margin-bottom:15px;padding-bottom:15px}.filter-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-options{display:flex;flex:1 1;flex-wrap:wrap}.filter-option{background-color:#f7f7f7;border:1px solid #0000;border-radius:15px;color:#666;cursor:pointer;font-size:14px;margin:0 10px 10px 0;padding:5px 12px;transition:all .3s}.filter-option:hover{border-color:#4a7c59;color:#4a7c59}.filter-option.active{background-blend-mode:overlay;background-color:#4a7c59;background-image:url(https://img95.699pic.com/xsj/0j/6q/tk.jpg!/fh/300);background-size:cover;border-color:#4a7c59;color:#fff}.sort-layout{align-items:center;background-color:#ffffffe6;border:1px solid #4a7c5926;border-radius:8px;box-shadow:0 3px 15px #00000012;display:flex;justify-content:space-between;margin-bottom:25px;overflow:hidden;padding:18px 20px;position:relative}.sort-layout:after{background-image:url(https://pic.616pic.com/ys_img/00/04/22/QbEYBseww8.jpg);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:80px;opacity:.12;pointer-events:none;position:absolute;right:0;width:80px}.results-count{color:#666;font-size:14px}.results-count span{color:#4a7c59;font-weight:700}.sort-options{align-items:center;display:flex}.sort-by{margin-right:15px}.sort-by,.sort-option{color:#666;font-size:14px}.sort-option{border-radius:4px;cursor:pointer;margin-right:10px;padding:5px 10px;transition:all .3s}.sort-option:hover{color:#4a7c59}.sort-option.active{background-color:#4a7c59;box-shadow:0 2px 4px #4a7c594d;color:#fff;font-weight:600}.layout-option,.layout-options{align-items:center;display:flex}.layout-option{border-radius:4px;cursor:pointer;font-size:18px;height:32px;justify-content:center;margin-left:10px;transition:all .3s;width:32px}.layout-option:hover{background-color:#f0f8f4;color:#4a7c59}.layout-option.active{background-color:#4a7c59;box-shadow:0 2px 4px #4a7c594d;color:#fff}.no-products-found{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:300px;padding:50px 20px;text-align:center}.no-result-icon{color:#4a7c59;margin-bottom:20px;opacity:.7}.no-products-found h3{color:#333;font-size:22px;margin-bottom:15px}.no-products-found p{color:#666;font-size:16px;margin-bottom:25px;max-width:400px}.no-products-found .clear-filters-btn{background-color:#4a7c59;border:none;border-radius:6px;box-shadow:0 2px 6px #4a7c5933;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:all .3s}.no-products-found .clear-filters-btn:hover{background-color:#3e6a4b;box-shadow:0 4px 8px #4a7c594d;transform:translateY(-2px)}.products-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.products-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.products-list .product-card{grid-gap:15px;align-items:center;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:grid;gap:15px;grid-template-columns:200px 1fr 200px;height:auto;padding:15px;transition:all .3s ease;width:100%}.products-list .product-image-container{height:200px;margin-right:15px;min-width:200px;width:100%}.products-list .product-details{flex:1 1;padding:0 15px;text-align:left}.products-list .product-actions{align-items:flex-end;display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:180px}.products-list .product-name{font-size:1.2rem;margin-bottom:10px;text-align:left}.products-list .product-price{font-size:1.25rem;margin-bottom:10px;text-align:left}.products-list .product-origin{color:#666;margin-bottom:10px;text-align:left}.product-card{background-color:#fff;border:1px solid #4a7c5933;border-radius:8px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.product-image-container img{transition:transform .5s}.product-card:hover .product-image-container img{transform:scale(1.05)}.product-details{display:flex;flex:1 1;flex-direction:column;padding:15px}.product-name{-ms-box-orient:vertical;box-orient:vertical;line-clamp:2;display:-ms-flexbox;display:box;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:10px;max-height:2.8em;text-overflow:ellipsis}.product-price{color:#e91e63;display:inline-block;font-size:16px;margin-bottom:5px;position:relative}.product-price:after{background-image:url(https://img.51miz.com/Element/00/71/64/53/64e8a61c_E716453_2a28bd5b.png);background-repeat:no-repeat;background-size:contain;content:"";height:28px;opacity:.7;position:absolute;right:-15px;top:-8px;transform:rotate(15deg);width:28px}.product-origin{color:#888;font-size:14px;margin-bottom:5px}.product-actions{gap:8px;padding:0 15px 15px}.add-to-cart-btn,.buy-now-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;justify-content:center;overflow:hidden;padding:8px 0;position:relative;transition:all .3s;z-index:1}.add-to-cart-btn{box-shadow:0 3px 6px #0000000d}.add-to-cart-btn:hover{box-shadow:0 4px 8px #8c313026}.buy-now-btn{box-shadow:0 3px 6px #8c31304d}.buy-now-btn:hover{box-shadow:0 4px 10px #8c313066}.favorite-btn{box-shadow:0 3px 6px #0000000d;flex:1 1;font-size:14px;font-weight:500;padding:8px 0;transition:all .3s}.favorite-btn:hover{box-shadow:0 4px 8px #ff6b6b26}.favorite-btn.active{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-color:#0000;color:#fff}.favorite-btn.active:hover{background:linear-gradient(135deg,#ff5252,#ff3838);box-shadow:0 4px 10px #ff6b6b40}.favorite-btn-corner{background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;color:#ff6b6b;cursor:pointer;font-size:22px;height:36px;margin:0;opacity:1;padding:0;position:absolute;right:10px;top:10px;transition:all .3s ease;width:36px;z-index:10}.favorite-btn-corner,.favorite-btn-corner span{align-items:center;display:flex;justify-content:center}.favorite-btn-corner span{line-height:1}.product-card:hover .favorite-btn-corner{background-color:#fff;box-shadow:0 3px 8px #ff6b6b33}.favorite-btn-corner:hover{background-color:#fff0f0;box-shadow:0 4px 10px #ff6b6b40;transform:scale(1.1) translateY(-2px)}.favorite-btn-corner.active{background:linear-gradient(135deg,#fff,#fff0f0);color:#ff5252;text-shadow:0 0 3px #ff52524d}.product-card:before{background-image:url(https://pic.616pic.com/ys_img/00/04/22/DQN42vTIgR.jpg);background-repeat:repeat-x;height:10px;opacity:.3;top:0;width:100%;z-index:1}.product-card .product-details:before,.product-card:before{background-size:contain;content:"";left:0;position:absolute}.product-card .product-details:before{background-image:url(https://pic.616pic.com/ys_img/00/04/28/9QbVRGKvQN.jpg);background-repeat:repeat-y;height:60%;opacity:.2;top:50%;transform:translateY(-50%);width:8px;z-index:0}.product-card:hover:before{opacity:.4;transition:opacity .3s ease}.product-card:after{background-image:url(https://img95.699pic.com/xsj/0f/x7/jl.jpg!/fh/300);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";height:6px;left:0;opacity:.2;position:absolute;width:100%;z-index:1}.product-list-card{background-color:#fff;border-radius:8px;box-shadow:0 3px 10px #00000014;display:flex;overflow:hidden;transition:all .3s}.product-list-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-3px)}.product-list-image{flex-shrink:0;height:200px;overflow:hidden;position:relative;width:200px}.product-list-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.product-list-card:hover .product-list-image img{transform:scale(1.05)}.product-list-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.product-list-name{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.product-list-name a{color:#333;text-decoration:none;transition:color .3s ease}.product-list-name a:hover{color:#be442f}.product-list-desc{-webkit-box-orient:vertical;-ms-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;color:#666;display:-ms-flexbox;display:box;font-size:14px;line-height:1.5;margin-bottom:15px;max-height:4.5em;overflow:hidden}.product-list-meta{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.product-list-actions{display:flex;gap:10px}.product-list-actions .add-to-cart-btn,.product-list-actions .buy-now-btn{flex:1 1;min-width:100px;width:auto}.product-list-actions .buy-now-btn{flex:1.5 1;min-width:120px;width:auto}.product-list-actions .add-to-cart-btn{flex:1 1;min-width:120px;width:auto}.product-list-actions .add-to-cart-btn:hover{background-color:#f8f0f0;box-shadow:0 4px 8px #8c313026;transform:translateY(-2px)}.product-list-actions .buy-now-btn:hover{background:linear-gradient(135deg,#a83635,#d15858);box-shadow:0 4px 10px #8c313066;transform:translateY(-2px)}.pagination{flex-direction:row;flex-wrap:wrap;gap:5px;padding:15px 0;position:relative}.pagination:before{background-image:url(https://img95.699pic.com/xsj/0k/0p/2a.jpg!/fh/300);background-repeat:repeat-x;background-size:contain;content:"";height:5px;left:50%;opacity:.15;position:absolute;top:0;transform:translateX(-50%);width:80%}.pagination-button{align-items:center;background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;height:40px;justify-content:center;margin:0 2px;min-width:40px;padding:0 10px;transition:all .3s;white-space:nowrap}.pagination-text{display:inline-block;font-size:14px;padding:0 5px;white-space:nowrap}.pagination-button.active,.pagination-button:hover:not(.disabled){background-color:#4a7c59;border-color:#4a7c59;color:#fff}.pagination-button.disabled{background-color:#f7f7f7;color:#999;cursor:not-allowed;opacity:.5}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.products-grid{grid-template-columns:repeat(2,1fr)}.products-list .product-image-container{width:150px}.products-list .product-actions{min-width:150px;width:auto}}@media (max-width:768px){.products-grid{grid-gap:15px;grid-template-columns:repeat(2,1fr)}.filter-section{padding:15px}.filter-header{flex-direction:row}.filter-header,.sort-layout{flex-wrap:wrap;gap:10px}.results-count{margin-bottom:10px;width:100%}.sort-options{flex-wrap:wrap}.sort-by{margin-bottom:5px;width:100%}.sort-option{font-size:13px}.active-filters-bar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px}.active-filters{flex:1 1;flex-wrap:wrap;margin-bottom:5px}.clear-filters-btn{margin-left:auto}.filter-label{width:60px}.products-list .product-card{flex-direction:column}.products-list .product-image-container{height:200px;width:100%}.products-list .product-actions{padding:0 15px 15px;width:100%}.products-list .product-actions button{width:48%}.products-list .product-actions .buy-now-btn{flex:1.5 1;min-width:0;width:auto}.products-list .product-actions .add-to-cart-btn{flex:1 1;min-width:0;width:auto}}@media (max-width:576px){.products-grid{grid-template-columns:1fr}.filter-option{font-size:13px;padding:5px 8px}.product-actions{flex-direction:row;gap:10px}.pagination{gap:5px}}.products-search-box{margin-bottom:0;margin-left:auto;max-width:300px;position:relative}.products-search-input{background-color:#ffffffe6;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 40px 10px 15px;transition:all .3s;width:100%}.products-search-input:focus{border-color:#4a7c59;box-shadow:0 0 5px #4a7c594d;outline:none}.products-search-button{background:none;border:none;color:#4a7c59;cursor:pointer;font-size:16px;padding:8px;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .3s}.products-search-button:hover{color:#e8871e}.search-result-indicator{background-color:#4a7c591a;border-left:4px solid #4a7c59;border-radius:4px;clear:both;margin:0 0 20px;padding:10px 15px}.search-result-indicator p{align-items:center;color:#333;display:flex;font-size:14px;justify-content:space-between;margin:0}.clear-search-btn{background-color:#e8871e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:5px 10px;transition:all .3s}.clear-search-btn:hover{background-color:#d67b17}@media (max-width:768px){.filter-header{flex-direction:row;flex-wrap:wrap;gap:10px}.products-search-box{flex:1 1;margin-left:0;max-width:100%;min-width:200px}.clear-filters-btn{align-self:flex-end}}.filter-row .filter-label{color:#666;flex-shrink:0;font-weight:500;line-height:30px;width:70px}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.active-filter-tag{align-items:center;background:linear-gradient(135deg,#be442f,#d4724a);border-radius:4px;color:#fff;display:flex;font-size:14px;overflow:hidden;padding:5px 10px;position:relative;white-space:nowrap}.products-list .product-name a{color:#333;text-decoration:none;transition:color .3s ease}.products-list .product-name a:hover{color:#be442f}.products-list .original-price{color:#999;font-size:.85em;margin-left:8px;text-decoration:line-through}.products-list .product-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:10px;max-width:500px}.products-list .product-badge{background-color:#be442f;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;margin-right:10px;padding:3px 8px}.products-list .product-rating{align-items:center;display:flex;font-size:.9rem;margin-top:10px}.products-list .stars{color:#ffb900;margin-right:5px}.products-list .reviews-count{color:#777}@media (max-width:992px){.products-list .product-card{grid-template-columns:150px 1fr 150px}.products-list .product-image-container{height:150px;min-width:150px}.products-list .product-actions{min-width:140px}}@media (max-width:768px){.products-list .product-card{gap:10px;grid-template-columns:120px 1fr}.products-list .product-image-container{height:120px;min-width:120px}.products-list .product-actions{flex-direction:row;grid-column:1/span 2;justify-content:space-between;margin-top:10px;min-width:auto}.products-list .product-actions button{width:48%}.products-list .product-actions .buy-now-btn{flex:1.5 1;min-width:0;width:auto}.products-list .product-actions .add-to-cart-btn{flex:1 1;min-width:0;width:auto}}@media (max-width:576px){.products-list .product-card{grid-template-columns:1fr}.products-list .product-image-container{height:200px;margin-right:0;width:100%}.products-list .product-details{padding:10px 0}.products-list .product-actions{grid-column:1;margin-top:0}}.product-image-container{height:200px}.product-badge-corner{background:linear-gradient(135deg,#be442f,#d4724a);border-bottom-right-radius:8px;box-shadow:2px 2px 5px #0003;color:#fff;font-size:12px;font-weight:500;left:0;padding:5px 10px;position:absolute;top:0;z-index:5}.product-badge-corner:after{border-color:#d4724a #0000 #0000;border-style:solid;border-width:10px 10px 0 0;content:"";height:0;position:absolute;right:-10px;top:0;width:0}.products-list .product-actions .buy-now-btn{flex:1.5 1;min-width:120px;width:auto}.products-list .product-actions .add-to-cart-btn{flex:1 1;min-width:120px;width:auto}.product-detail-page{background-color:#f5f5f5;min-height:calc(100vh - 260px);padding:30px 0 50px}.spinner{border:4px solid #4a7c5933}.error-container{background-color:#f5f5f5;min-height:calc(100vh - 400px);padding:80px 0;text-align:center}.error-container h2{color:#333;font-size:24px;margin-bottom:15px}.error-container p{color:#666;font-size:16px;margin-bottom:25px}.back-btn{background-color:#4a7c59;color:#fff;padding:10px 20px}.back-btn:hover{background-color:#3d6a4a}.breadcrumb{color:#777;font-size:14px;margin-bottom:20px}.breadcrumb a{color:#666;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#4a7c59}.breadcrumb span{color:#333;font-weight:500}.product-detail-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;margin-bottom:30px;overflow:hidden}.product-images{border-right:1px solid #f0f0f0;flex-shrink:0;padding:20px;width:450px}.main-image{border-radius:4px;height:350px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.main-image img{height:100%;object-fit:cover;width:100%}.product-badge{background-color:#4a7c59;border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:10px;padding:4px 8px;position:absolute;top:10px;z-index:1}.thumbnails{display:flex;gap:10px}.thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;height:80px;overflow:hidden;transition:all .3s;width:80px}.thumbnail.active,.thumbnail:hover{border-color:#4a7c59}.thumbnail:hover{opacity:.9}.thumbnail img{height:100%;object-fit:cover;width:100%}.product-info{flex:1 1;padding:30px}.product-title{color:#333;font-size:24px;font-weight:600;margin-bottom:15px}.product-meta{color:#666;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:20px}.product-rating .stars{color:#ffb300;margin-right:5px}.product-price-container{margin-bottom:20px}.current-price{color:#e91e63;font-size:28px;font-weight:600}.current-price .unit{color:#888;font-size:16px;margin-left:5px}.original-price{margin-top:5px}.product-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tag{background-color:#f0f8f4;color:#4a7c59;font-size:12px;padding:4px 10px}.divider{background-color:#eee;height:1px;margin:20px 0}.product-options{margin-bottom:20px}.option-label{color:#333;font-weight:500;margin-bottom:10px}.option-values{display:flex;flex-wrap:wrap;gap:10px}.option-value{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 15px;transition:all .3s}.option-value.active,.option-value:hover{border-color:#4a7c59;color:#4a7c59}.option-value.active{background-color:#f0f8f4}.quantity-container{margin-bottom:30px}.quantity-control{margin-bottom:10px}.quantity-btn{background-color:#f5f5f5;border:1px solid #ddd;height:36px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none;width:36px}.quantity-btn span{font-size:20px;line-height:1;position:relative}.quantity-btn.minus span{top:-2px}.quantity-btn.plus span{top:-1px}.quantity-btn:hover:not(:disabled){background-color:#e5e5e5;border-color:#ccc}.quantity-btn:active:not(:disabled){background-color:#d5d5d5;transform:translateY(1px)}.quantity-input{-moz-appearance:textfield;border:1px solid #ddd;font-size:16px;height:36px;margin:0 10px;transition:border-color .2s;width:60px}.quantity-input:focus{border-color:#4a7c59}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stock-status{align-items:center;color:#666;display:flex;font-size:14px}.stock-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.stock-indicator.in-stock{background-color:#4caf50}.stock-indicator.low-stock{background-color:#ff9800}.stock-indicator.out-of-stock{background-color:#f44336}.stock-info{margin-right:10px}.stock-warning{color:#ff9800;font-weight:500}.product-actions{display:flex;gap:15px;margin-bottom:30px}.favorite-btn{align-items:center;background-color:#fff;border:2px solid #ff6b6b;border-radius:8px;box-shadow:0 4px 8px #0000000d;color:#ff6b6b;cursor:pointer;display:flex;justify-content:center;margin-left:10px;overflow:hidden;padding:10px 15px;position:relative;transition:all .3s ease;z-index:1}.favorite-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s;width:100%;z-index:-1}.favorite-btn:hover{background-color:#fff0f0;box-shadow:0 6px 12px #ff6b6b26;transform:translateY(-2px)}.favorite-btn:hover:before{left:100%}.favorite-btn.favorited{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-color:#0000;color:#fff}.favorite-btn.favorited:hover{background:linear-gradient(135deg,#ff5252,#ff3838);box-shadow:0 6px 12px #ff6b6b40}.favorite-btn .icon{font-size:18px;margin-right:5px}.favorite-btn .icon.active{color:#fff}.add-to-cart-btn{background-color:#fff;border:2px solid #8c3130;border-radius:8px;box-shadow:0 4px 8px #0000000d;color:#8c3130;flex:1 1;font-size:16px;font-weight:600;height:48px;overflow:hidden;position:relative;z-index:1}.add-to-cart-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s;width:100%;z-index:-1}.add-to-cart-btn:hover{background-color:#f8f0f0;box-shadow:0 6px 12px #8c313026;transform:translateY(-2px)}.add-to-cart-btn:hover:before{left:100%}.buy-now-btn{background:linear-gradient(135deg,#8c3130,#c04848);border:none;border-radius:8px;box-shadow:0 4px 8px #8c31304d;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;height:48px;overflow:hidden;position:relative;transition:all .3s;z-index:1}.buy-now-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s;width:100%;z-index:-1}.buy-now-btn:hover{background:linear-gradient(135deg,#a83635,#d15858);box-shadow:0 6px 14px #8c313066;transform:translateY(-2px)}.buy-now-btn:hover:before{left:100%}.seller-info{align-items:center;background-color:#f9f9f9;border-radius:4px;display:flex;padding:15px}.seller-avatar{border-radius:50%;height:50px;margin-right:15px;overflow:hidden;width:50px}.seller-avatar img{height:100%;object-fit:cover;width:100%}.seller-details{flex:1 1}.seller-name{font-weight:500;margin-bottom:5px}.seller-rating .stars{color:#ffb300;margin-right:5px}.contact-seller-btn{background:none;border:1px solid #4a7c59;border-radius:4px;color:#4a7c59;cursor:pointer;font-size:14px;padding:5px 15px;transition:all .3s}.contact-seller-btn:hover{background-color:#4a7c59;color:#fff}.product-detail-tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:30px}.tab{color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:15px 30px;position:relative;transition:all .3s}.tab.active,.tab:hover{color:#4a7c59}.tab.active:after{background-color:#4a7c59;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.product-detail-content{padding:20px 0}.detail-section{margin-bottom:30px}.detail-section h3{border-bottom:1px solid #eee;color:#333;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.detail-section p{color:#444;line-height:1.6;margin-bottom:15px}.detail-images{display:flex;flex-direction:column;gap:20px}.detail-image{border-radius:4px;overflow:hidden;width:100%}.detail-image img{display:block;height:auto;width:100%}.message-toast{animation:fadeInOut 3s forwards;border-radius:4px;box-shadow:0 3px 10px #00000026;font-size:14px;font-weight:500;left:50%;padding:10px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:9999}.message-toast.success{background-color:#4a7c59;color:#fff}.message-toast.error{background-color:#e91e63;color:#fff}@media (max-width:992px){.product-detail-container{flex-direction:column}.product-images{border-bottom:1px solid #f0f0f0;border-right:none;width:100%}.main-image{height:300px}}@media (max-width:768px){.product-detail-page{padding:20px 0 40px}.product-title{font-size:20px}.product-info{padding:20px}.product-actions{flex-direction:column}.quantity-container{margin-bottom:20px}.quantity-control{justify-content:flex-start}.stock-status{margin-top:5px}.product-detail-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{font-size:14px;padding:12px 20px}}@media (max-width:576px){.main-image{height:250px}.thumbnails{justify-content:center}.current-price{font-size:24px}.product-meta{flex-direction:column;gap:10px}}.cart-page{background-color:#f9f5f0;min-height:calc(100vh - 260px);padding:40px 0;position:relative}.cart-page:before{background:linear-gradient(45deg,#8b451308 25%,#0000 0,#0000 75%,#8b451308 0,#8b451308),linear-gradient(45deg,#8b451308 25%,#0000 0,#0000 75%,#8b451308 0,#8b451308);background-position:0 0,25px 25px;background-size:50px 50px;bottom:0;opacity:.6;right:0}.cart-page:after,.cart-page:before{content:"";left:0;pointer-events:none;position:absolute;top:0;z-index:0}.cart-page:after{background-image:url('data:image/svg+xml;utf8,<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M300,100 L340,180 L430,180 L360,230 L390,310 L300,260 L210,310 L240,230 L170,180 L260,180 Z" stroke="%23BE442F10" fill="%23BE442F05" stroke-width="2"/><path d="M200,200 C220,180 280,180 300,200 C320,220 320,280 300,300 C280,320 220,320 200,300 C180,280 180,220 200,200 Z" stroke="%234A7C5915" fill="%234A7C5905" stroke-width="2" stroke-dasharray="5,5"/></svg>');background-position:50%;background-repeat:repeat;background-size:300px auto;height:100%;opacity:.15;width:100%}.container{position:relative;z-index:1}.page-title{margin-bottom:30px;position:relative;text-align:center}.page-title h1{color:#be442f;display:inline-block;font-family:方正手迹,cursive,sans-serif;font-size:28px;font-weight:600;position:relative;text-shadow:1px 1px 2px #0000001a}.page-title h1:after,.page-title h1:before{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M20,5 L25,15 L35,15 L27,22 L30,32 L20,25 L10,32 L13,22 L5,15 L15,15 Z" stroke="%23BE442F" fill="none" stroke-width="1.5"/></svg>');background-repeat:no-repeat;background-size:contain;content:"";height:40px;opacity:.7;position:absolute;width:40px}.page-title h1:before{left:-50px;top:50%;transform:translateY(-50%)}.page-title h1:after{right:-50px;top:50%;transform:translateY(-50%) scaleX(-1)}.loading-container{padding:60px 0;position:relative}.spinner{border:4px solid #be442f33;border-top-color:#be442f}.empty-cart{background-color:#fff;border:1px solid #be442f26;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:60px 30px;position:relative;text-align:center}.empty-cart:before{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L10,4 L0,8 L10,8 L20,4 L30,8 L40,8 L50,4 L60,8 L70,8 L80,4 L90,8 L100,8 L110,4 L120,8 L120,0 Z" fill="%23BE442F40"/></svg>');background-position:top;top:0}.empty-cart:after,.empty-cart:before{background-repeat:repeat-x;background-size:120px 8px;content:"";height:8px;left:0;opacity:.7;position:absolute;right:0}.empty-cart:after{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M0,8 L10,4 L0,0 L10,0 L20,4 L30,0 L40,0 L50,4 L60,0 L70,0 L80,4 L90,0 L100,0 L110,4 L120,0 L120,8 Z" fill="%23BE442F40"/></svg>');background-position:bottom;bottom:0}.empty-cart img{margin-bottom:20px;max-width:200px}.empty-cart p{color:#666;font-size:18px;margin-bottom:20px}.btn-primary{background:linear-gradient(135deg,#be442f,#d4724a);border:none;border-radius:4px;display:inline-block;font-size:16px;overflow:hidden;padding:10px 25px;position:relative;text-decoration:none;transition:all .3s}.btn-primary:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M0,20 L10,10 L20,20 L30,10 L40,20 L50,10 L60,20 L70,10 L80,20 L90,10 L100,20" stroke="rgba%28255,255,255,0.3%29" fill="none" stroke-width="1"/></svg>');bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.btn-primary:hover{background:linear-gradient(135deg,#d4724a,#be442f);box-shadow:0 4px 10px #be442f4d;transform:translateY(-2px)}.btn-primary:hover:before{opacity:.7}.cart-content{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;position:relative}.cart-items{background-color:#fff;border:1px solid #be442f26;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;min-width:60%;overflow:hidden;position:relative}.cart-items:before{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L10,4 L0,8 L10,8 L20,4 L30,8 L40,8 L50,4 L60,8 L70,8 L80,4 L90,8 L100,8 L110,4 L120,8 L120,0 Z" fill="%23BE442F50"/></svg>');background-position:top;background-repeat:repeat-x;background-size:120px 8px;content:"";height:8px;left:0;opacity:.7;position:absolute;right:0;top:0}.cart-header{background:linear-gradient(90deg,#be442f0d,#d4724a0d);border-bottom:1px solid #eee;color:#5c4033;display:grid;font-weight:600;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:15px 20px;position:relative;text-align:center}.cart-header>div:first-child{text-align:left}.cart-header:after{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L100,100 M100,0 L0,100" stroke="%23BE442F08" stroke-width="1"/></svg>');background-repeat:repeat;background-size:30px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.cart-header:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 C15,0 35,0 50,10 C65,0 85,0 100,10" stroke="none" fill="%23BE442F15"/></svg>');background-repeat:repeat-x;background-size:100px 10px;content:"";height:10px;left:0;opacity:.8;position:absolute;right:0;top:-5px}.cart-item{align-items:center;border-bottom:1px solid #eee;display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:20px;position:relative;text-align:center;transition:all .3s}.cart-item>div:first-child{text-align:left}.cart-item:before{background-image:url('data:image/svg+xml;utf8,<svg width="6" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M3,0 L3,100" stroke="%23BE442F30" stroke-width="1.5" stroke-dasharray="3,3"/><path d="M0,25 L6,25 M0,50 L6,50 M0,75 L6,75" stroke="%23BE442F30" stroke-width="1"/></svg>');background-repeat:repeat-y;background-size:6px 100%;content:"";height:60%;left:0;opacity:.4;position:absolute;top:50%;transform:translateY(-50%);width:6px;z-index:0}.cart-item:hover{background-color:#be442f08}.cart-item-info{align-items:center;display:flex;position:relative;z-index:1}.cart-item-image{border:1px solid #be442f1a;border-radius:4px;height:80px;margin-right:15px;overflow:hidden;position:relative;width:80px}.cart-item-image:before{background:linear-gradient(45deg,#be442f4d,#d4724a4d);border-radius:3px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease;z-index:2}.cart-item:hover .cart-item-image:before{opacity:1}.cart-item-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.cart-item-details h3{font-size:16px;margin:0 0 5px}.cart-item-details a{color:#5c4033;text-decoration:none;transition:color .3s}.cart-item-details a:hover{color:#be442f}.cart-item-meta{color:#888;font-size:14px}.cart-item-price,.cart-item-subtotal{color:#5c4033;display:flex;font-weight:500;justify-content:center;position:relative;z-index:1}.cart-item-subtotal{color:#be442f;font-weight:600}.quantity-control{margin:0 auto;position:relative;width:110px;z-index:1}.cart-item-quantity,.quantity-btn,.quantity-control{align-items:center;display:flex;justify-content:center}.quantity-btn{background-color:#be442f1a;border:1px solid #be442f33;border-radius:4px;color:#be442f;cursor:pointer;font-size:18px;font-weight:700;height:30px;transition:all .3s;width:30px}.quantity-btn:hover:not(:disabled){background-color:#be442f33;border-color:#be442f}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-input{border:1px solid #be442f33;border-radius:4px;color:#5c4033;font-size:14px;height:30px;margin:0 5px;text-align:center;width:40px}.quantity-input:focus{border-color:#be442f;box-shadow:0 0 5px #be442f33;outline:none}.remove-btn{background:none;border:none;color:#999;cursor:pointer;position:relative;transition:all .3s;z-index:1}.remove-btn:hover{color:#be442f;transform:scale(1.05)}.cart-summary{background-color:#fff;border:1px solid #be442f26;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:300px;overflow:hidden;padding:20px;position:relative;width:30%}.cart-summary:before{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L80,0 L80,80 Z" fill="%23BE442F10"/><path d="M50,0 L80,30 L80,0 Z" fill="%23BE442F15"/><path d="M70,30 L70,50 L50,50 Z" stroke="%23BE442F20" fill="none" stroke-width="1"/></svg>');background-repeat:no-repeat;content:"";height:80px;opacity:.3;position:absolute;right:0;top:0;width:80px;z-index:0}.summary-actions{border-bottom:1px solid #be442f1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;position:relative;z-index:1}.clear-cart-btn{background:none;border:none;color:#999;cursor:pointer;transition:all .3s}.clear-cart-btn:hover{color:#be442f;transform:scale(1.05)}.continue-shopping a{color:#be442f;font-weight:500;text-decoration:none;transition:all .3s}.continue-shopping a:hover{opacity:.9;text-decoration:underline}.cart-totals{background-color:#f9f5f099;border:1px solid #be442f1a;border-radius:4px;padding:15px;position:relative;z-index:1}.cart-totals:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L100,100 M100,0 L0,100" stroke="%23BE442F08" stroke-width="1"/></svg>');background-repeat:repeat;background-size:20px;content:"";height:100%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.cart-total-row{border-bottom:1px dashed #be442f26;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.cart-total-row.total{border-bottom:none;color:#be442f;font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:20px}.checkout-btn{background:linear-gradient(135deg,#be442f,#d4724a);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;overflow:hidden;padding:12px 0;position:relative;transition:all .3s;width:100%}.checkout-btn:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M0,20 L10,10 L20,20 L30,10 L40,20 L50,10 L60,20 L70,10 L80,20 L90,10 L100,20" stroke="rgba%28255,255,255,0.3%29" fill="none" stroke-width="1"/></svg>');bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1}.checkout-btn:hover{background:linear-gradient(135deg,#d4724a,#be442f);box-shadow:0 4px 10px #be442f4d;transform:translateY(-2px)}.checkout-btn:hover:before{opacity:.7}.recommended-products{background-color:#fff;border:1px solid #be442f26;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:20px;position:relative}.recommended-products:before{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L10,4 L0,8 L10,8 L20,4 L30,8 L40,8 L50,4 L60,8 L70,8 L80,4 L90,8 L100,8 L110,4 L120,8 L120,0 Z" fill="%23BE442F50"/></svg>');background-position:top;background-repeat:repeat-x;background-size:120px 8px;content:"";height:8px;left:0;opacity:.7;position:absolute;right:0;top:0}.recommended-products h2{border-bottom:1px solid #be442f1a;color:#be442f;display:inline-block;font-size:20px;margin-bottom:20px;padding-bottom:10px;position:relative}.recommended-products h2:after{background:linear-gradient(90deg,#be442f,#d4724a);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100px}.product-recommendations{padding:20px 0}@media (max-width:992px){.cart-content{flex-direction:column}.cart-summary{width:100%}}@media (max-width:768px){.cart-header{display:none}.cart-item{gap:15px;grid-template-columns:1fr}.cart-item-info{grid-column:1/-1}.cart-item-price,.cart-item-quantity,.cart-item-subtotal{display:flex;justify-content:space-between;padding:5px 0}.cart-item-price:before{content:"单价:";font-weight:400}.cart-item-subtotal:before{content:"小计:";font-weight:400}.cart-item-action{text-align:right}}.checkout-page{background-color:#f8f8f8;min-height:90vh;padding:40px 0}.checkout-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:20px}.checkout-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.checkout-section:last-child{border-bottom:none}.section-title{border-bottom:1px dashed #eee;color:#333;font-size:18px;margin-bottom:15px}.address-selection{align-items:center;display:flex;margin-bottom:10px}.address-select{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.no-address{background-color:#f9f9f9;border-radius:4px;padding:20px;text-align:center}.add-address-btn{margin-left:10px;padding:8px 15px}.checkout-item{border-bottom:1px solid #eee;display:flex;padding:15px 0}.checkout-item:last-child{border-bottom:none}.checkout-item-image{height:80px;margin-right:15px;width:80px}.checkout-item-image img{border-radius:4px;height:100%;object-fit:cover;width:100%}.checkout-item-info{flex:1 1}.checkout-item-name{font-size:16px;margin-bottom:5px}.checkout-item-meta,.checkout-item-quantity{color:#666;font-size:14px;margin-bottom:5px}.checkout-item-subtotal{align-self:center;color:#4a7c59;font-size:16px;font-weight:700;min-width:100px;text-align:right}.empty-cart-message{background-color:#f9f9f9;border-radius:4px;padding:20px;text-align:center}.continue-shopping-btn{border:none;border-radius:4px;cursor:pointer;margin-top:10px;padding:8px 15px}.payment-options{display:flex;gap:20px;margin-top:15px}.payment-option{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex:1 1;padding:15px;position:relative;transition:all .3s}.payment-option.selected{background-color:#f5f9f7;border-color:#4a7c59}.payment-icon{align-items:center;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.payment-icon img{height:100%;max-height:40px;max-width:40px;object-fit:contain;width:100%}.payment-name{font-size:16px;font-weight:500}.payment-check{position:absolute;right:10px;top:10px}.check-icon{color:#4a7c59;font-size:18px}.order-summary{background-color:#f9f9f9;border-radius:4px;padding:15px}.summary-row{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;padding:10px 0}.summary-row:last-child{border-bottom:none}.summary-row.total{color:#4a7c59;font-size:18px;font-weight:700;margin-top:10px;padding-top:10px}.checkout-actions{display:flex;gap:20px;justify-content:space-between;margin-top:30px}.back-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;flex:1 1;font-size:16px;padding:12px;transition:background-color .3s}.back-btn:hover{background-color:#e0e0e0}.submit-order-btn{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s}.submit-order-btn:hover{background-color:#3d6a4a}.submit-order-btn:disabled{background-color:#aaa;cursor:not-allowed}.loading-container{padding:40px}.spinner{border:4px solid #0000001a;margin-bottom:20px}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;margin-bottom:20px;padding:10px 15px;text-align:center}@media (max-width:768px){.checkout-actions,.checkout-item,.payment-options{flex-direction:column}.checkout-item-image{margin-bottom:10px}.checkout-item-subtotal{margin-top:10px;text-align:left}}.address-form-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.address-form-container{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:25px;width:90%}.address-form-container h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.form-group{margin-bottom:15px}.form-group label{color:#666;font-size:14px}.form-group input{font-size:14px;padding:8px 10px}.form-check{align-items:center!important;display:flex!important;margin-bottom:20px;padding:0!important}.form-check input[type=checkbox]{border:1px solid #ddd;flex-shrink:0;height:16px;margin:0!important;padding:0!important;width:16px}.form-check label{color:#666;cursor:pointer;font-size:14px;line-height:16px;margin:0 0 0 2px!important;padding:0!important}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s}.save-btn{background-color:#4a7c59;border:none;color:#fff}.save-btn:hover{background-color:#3d6a4a}.cancel-btn{border:1px solid #ddd}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.order-success-page{background-color:#f8f8f8;min-height:90vh;padding:40px 0}.success-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:40px;text-align:center}.success-icon{align-items:center;background-color:#4a7c59;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.check-icon{color:#fff;font-size:40px;font-style:normal;font-weight:700}.success-title{color:#333;font-size:24px;margin-bottom:15px}.success-message{color:#666;font-size:16px;margin-bottom:30px}.order-info{background-color:#f9f9f9;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.order-info-item{border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;padding:10px 0}.order-info-item:last-child{border-bottom:none}.info-label{color:#666;font-size:14px}.info-value{color:#333;font-weight:500}.info-value.amount{color:#4a7c59;font-size:16px;font-weight:700}.payment-method{align-items:center;display:flex}.payment-icon{height:24px;margin-right:8px;object-fit:contain;width:24px}.success-actions{align-items:center;display:flex;font-size:0;gap:20px;justify-content:center;margin-top:30px;width:100%}.continue-shopping-btn,.view-order-btn{border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:16px;height:46px;line-height:46px;margin:0;padding:0;text-align:center;transition:background-color .3s;vertical-align:top;width:150px}.view-order-btn{background-color:#f0f0f0;color:#333;font-weight:500}.view-order-btn:hover{background-color:#e0e0e0}.continue-shopping-btn{background-color:#4a7c59;color:#fff;font-weight:500}.continue-shopping-btn:hover{background-color:#3d6a4a}@media (max-width:768px){.success-container{margin:0 15px;padding:20px}.success-actions{align-items:center;flex-direction:column;gap:10px}.continue-shopping-btn,.view-order-btn{max-width:100%;width:100%}}.community-page{background-color:#f8f5f0;min-height:100vh;overflow:visible;padding-bottom:40px;position:relative}.community-page:before{background:linear-gradient(45deg,#8b451305 25%,#0000 0,#0000 75%,#8b451305 0,#8b451305),linear-gradient(45deg,#8b451305 25%,#0000 0,#0000 75%,#8b451305 0,#8b451305);background-position:0 0,30px 30px;background-size:60px 60px;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.community-banner{align-items:center;background:url(https://q2.itc.cn/q_70/images03/20240731/acf2c9462d4947ee8070015611c51e17.jpeg) 50%/cover no-repeat;border-radius:0 0 20px 20px;box-shadow:0 8px 20px #0003;display:flex;height:380px;justify-content:center;margin-bottom:50px;overflow:hidden;position:relative}.banner-content{animation:fadeIn 1.2s ease-in-out;color:#fff;max-width:800px;padding:0 20px;position:relative;text-align:center;text-shadow:0 2px 4px #000000b3;z-index:2}.banner-content h1{color:#fff;font-family:Ma Shan Zheng,cursive;font-size:4rem;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 8px #00000080}.banner-content p{color:#fff;font-size:1.5rem;font-weight:300;line-height:1.7;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:650px;text-shadow:1px 1px 4px #000000b3}.banner-buttons{display:flex;gap:20px;justify-content:center}.community-content{align-items:flex-start;display:flex;gap:35px;margin:0 auto;max-width:1200px;min-height:calc(100vh - 530px);padding:0 20px;position:relative;z-index:1}.community-sidebar{align-self:flex-start;background:linear-gradient(180deg,#fff,#f9f5f0);border-radius:15px;box-shadow:0 6px 20px #00000014;flex-shrink:0;height:auto;margin-right:0;max-height:none;overflow:visible;padding:22px;position:sticky;top:20px;width:280px}.community-sidebar::-webkit-scrollbar,.community-sidebar::-webkit-scrollbar-track{display:none}.community-sidebar::-webkit-scrollbar-thumb{display:none}.search-box{align-items:center;background:#fff;border:1.5px solid tan;border-radius:20px;box-shadow:none;display:flex;margin-bottom:24px;overflow:hidden;padding:4px 10px 4px 16px;position:relative;transition:border-color .3s,box-shadow .3s}.search-box:focus-within{border-color:#8b4513;box-shadow:0 3px 12px #8b451326}.search-box input{background:#0000;border:none;color:#8b4513;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:8px 0;width:100%}.search-box input::placeholder{color:#c2a178;font-size:15px;letter-spacing:.5px;opacity:.8}.search-btn{align-items:center;background:linear-gradient(135deg,#e9c897,#f0e6d2);border:none;border-radius:50%;box-shadow:0 2px 6px #8b45130f;color:#8b4513;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;margin-left:8px;position:relative;right:0;transform:none;transition:all .3s ease;width:30px}.search-btn:hover{background:linear-gradient(135deg,#f0e6d2,#e9c897);box-shadow:0 4px 12px #8b45131f;color:sienna;transform:scale(1.1)}.category-tabs{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:22px}.category-tabs h3{border-bottom:2px solid #f0e6d2;color:#5c421c;font-size:1.25rem;font-weight:600;margin-bottom:18px;padding-bottom:12px;position:relative}.category-tabs h3:after{background:linear-gradient(90deg,#8b4513,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40%}.tab-btn{background:none;border:none;border-radius:8px;color:#5c421c;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin-bottom:10px;overflow:hidden;padding:12px 15px;position:relative;text-align:left;transition:all .3s ease;width:100%}.tab-btn:hover{background:#8b451314;transform:translateX(5px)}.tab-btn.active{background:linear-gradient(135deg,#8b4513,sienna);box-shadow:0 4px 10px #8b451333;color:#fff}.tab-btn .count{background-color:#fff3;border-radius:10px;float:right;font-size:.85rem;font-weight:600;min-width:28px;padding:2px 8px;text-align:center}.popular-tags{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:22px}.popular-tags h3{border-bottom:2px solid #f0e6d2;color:#5c421c;font-size:1.25rem;font-weight:600;margin-bottom:18px;padding-bottom:12px;position:relative}.popular-tags h3:after{background:linear-gradient(90deg,#8b4513,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40%}.tags-container{display:flex;flex-wrap:wrap;gap:10px}.tag{align-items:center;background:#f9f5f0;border:1px solid #8b451314;border-radius:20px;color:#8b4513;cursor:pointer;display:inline-flex;font-size:.95rem;padding:6px 14px;transition:all .3s ease}.tag:hover{background:#f0e6d2;box-shadow:0 3px 8px #8b45131a;transform:translateY(-3px)}.tag .count{background:#8b45131a;border-radius:10px;font-size:.8rem;font-weight:500;margin-left:5px;opacity:.8;padding:2px 6px}.community-stats{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:20px}.community-stats-header{align-items:center;border-bottom:1px dashed #8b451326;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.community-stats-header h3{color:#5c421c;font-size:1.25rem;font-weight:600;margin:0}.community-stats-header .arrow{color:#8b4513;font-size:1.2rem;transition:transform .3s ease}.community-stats-content{display:flex;justify-content:space-between;text-align:center}.community-stats .stat-item{flex:1 1;padding:0 10px;position:relative}.community-stats .stat-item:not(:last-child):after{background:#8b45131a;content:"";height:70%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.community-stats .stat-label{color:sienna;font-size:.9rem;margin-bottom:5px;opacity:.8}.community-stats .stat-value{color:#8b4513;display:block;font-size:1.3rem;font-weight:700}.community-main{background:#fff;border-radius:15px;box-shadow:0 6px 20px #00000014;display:flex;flex:1 1;flex-direction:column;height:auto;min-width:0;overflow:visible;padding:25px}.community-header{border-bottom:1px solid #f0e6d2;border-radius:12px;margin-bottom:25px;padding:0 0 20px}.community-header h2{color:#5c421c;font-size:1.7rem;font-weight:700;margin-bottom:10px}.community-header p{color:#8b4513;font-size:1rem;line-height:1.6;opacity:.8}.post-form-container{animation:fadeIn .4s ease;background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;margin-bottom:0;min-height:calc(100vh - 530px);padding:25px}.post-form-container h2{border-bottom:2px solid #f0e6d2;color:#5c421c;font-size:1.7rem;font-weight:700;margin-bottom:25px;padding-bottom:15px;position:relative}.post-form-container h2:after{background:linear-gradient(90deg,#8b4513,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:120px}.post-form{display:flex;flex:1 1;flex-direction:column}.post-form .form-group{flex:1 1;margin-bottom:22px}.post-form label{color:#5c421c;display:block;font-size:1.05rem;font-weight:600;margin-bottom:8px}.post-form input,.post-form select,.post-form textarea{background-color:#f9f5f0;border:1px solid #e0d0b8;border-radius:8px;color:#5c421c;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.post-form input:focus,.post-form select:focus,.post-form textarea:focus{background-color:#fff;border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.post-form textarea{flex:1 1;line-height:1.6;min-height:200px;resize:vertical}.form-tip{color:sienna;font-size:.9rem;margin-top:6px;opacity:.8}.uploaded-images-preview{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;margin-top:15px}.image-preview-item{border:1px solid #f0e6d2;border-radius:8px;box-shadow:0 4px 10px #0000001a;height:120px;overflow:hidden;position:relative;transition:all .3s ease;width:120px}.image-preview-item:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-5px)}.image-preview-item img{display:block;height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:opacity .3s ease,background .3s ease,transform .3s ease;width:24px}.image-preview-item:hover .remove-image-btn{opacity:1}.remove-image-btn:hover{background:#e74c3ccc;transform:scale(1.1)}.form-actions{border-top:1px solid #f0e6d2;gap:25px;justify-content:center;margin-bottom:20px;margin-top:auto;padding-top:30px}.form-actions .primary-btn,.form-actions .secondary-btn{border-radius:30px;font-size:1rem;min-width:100px;padding:10px 24px;transition:all .3s ease}.form-actions .primary-btn{align-items:center;display:flex;justify-content:center}.form-actions .secondary-btn{background-color:#fff}.form-actions .primary-btn:hover,.form-actions .secondary-btn:hover{box-shadow:0 6px 12px #8b451326;transform:translateY(-2px)}.btn{border:none;border-radius:30px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:1.05rem;overflow:hidden;padding:12px 28px;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s;width:100%}.btn:hover:before{left:100%}.primary-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;box-shadow:0 6px 15px #8b451340;color:#fff;position:relative}.primary-btn:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 8px 20px #8b451359;transform:translateY(-3px)}.primary-btn:active{box-shadow:0 4px 12px #8b45134d;transform:translateY(-1px)}.secondary-btn{background:linear-gradient(135deg,#fff,#f9f5f0);border:1px solid #d2b48c80;box-shadow:0 4px 10px #0000000d;color:#8b4513}.secondary-btn:hover{background:linear-gradient(135deg,#f9f5f0,#f0e6d2);border-color:tan;box-shadow:0 6px 15px #00000014;color:sienna;transform:translateY(-3px)}.secondary-btn:active{box-shadow:0 3px 8px #0000000f;transform:translateY(-1px)}.posts-container{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:1fr 1fr;height:auto;margin-bottom:35px;min-height:calc(100vh - 280px);overflow:visible}@media (max-width:900px){.posts-container{grid-template-columns:1fr}}.post-card{background-color:#fff;border-left:3px solid #8b4513;border-radius:16px;box-shadow:0 6px 20px #00000014;box-sizing:border-box;height:100%;margin-bottom:0;min-height:260px;overflow:hidden;padding:24px;transition:box-shadow .4s,transform .4s}.post-card,.post-card-content{display:flex;flex-direction:column;position:relative}.post-card-content{flex:1 1;min-height:100%}.post-comments{animation:slideUp .3s ease-out;background-color:#fff;border:1px solid #f0e6d2;border-radius:12px;bottom:80px;box-shadow:0 0 18px #8b45132e;left:0;margin-left:12px;margin-right:12px;margin-top:0;padding:18px;position:absolute;right:0;width:calc(100% - 24px);z-index:5}.comment-close-btn{align-items:center;background:#f0e6d2cc;border:none;border-radius:50%;color:#8b4513;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.comment-close-btn:hover{background:#8b451333;color:sienna;transform:scale(1.1)}.post-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-6px)}.post-header{border-bottom:1px dashed #f0e6d2;margin-bottom:16px;padding-bottom:12px;position:relative}.post-title{color:#5c421c;cursor:pointer;font-size:1.35rem;font-weight:700;margin-bottom:10px;transition:color .3s ease}.post-title:hover{color:#8b4513}.post-meta{align-items:center;color:sienna;display:flex;font-size:.9rem;gap:15px;opacity:.8}.post-author{font-weight:600}.post-content{color:#555;flex-grow:1;margin-bottom:15px;max-height:130px}.post-content,.post-content p{line-height:1.7;overflow:hidden}.post-content p{display:block;font-size:1rem;margin:0;max-height:8.5rem;padding-left:.5em;position:relative;text-align:justify;text-indent:2em;text-overflow:ellipsis;white-space:normal;word-break:break-word}.post-content p:after{background:linear-gradient(180deg,#fff0,#fff);bottom:0;content:"";height:1.7em;position:absolute;right:0;width:100%}.post-images{border-radius:8px;display:flex;gap:10px;margin-bottom:18px;overflow-x:auto;padding:5px 0;scroll-snap-type:x mandatory;scrollbar-color:#d4b48c #0000;scrollbar-width:thin}.post-images::-webkit-scrollbar{height:6px}.post-images::-webkit-scrollbar-track{background:#0000}.post-images::-webkit-scrollbar-thumb{background-color:#d4b48c;border-radius:10px}.post-images img{border-radius:8px;box-shadow:0 4px 10px #0000001a;cursor:pointer;flex-shrink:0;height:160px;min-width:180px;object-fit:cover;scroll-snap-align:start;transition:transform .3s ease;width:100%}.post-images img:hover{transform:scale(1.03)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.post-footer{border-top:1px solid #f0e6d2;display:flex;gap:15px;justify-content:flex-start;margin-top:15px;padding-top:15px}.comment-btn,.like-btn,.view-btn{align-items:center;background:none;background-color:#f9f5f0;border:none;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:5px 14px;transition:all .3s ease}.comment-btn:hover,.like-btn:hover,.view-btn:hover{background-color:#f0e6d2;color:#8b4513;transform:translateY(-2px)}.pagination{gap:12px;grid-column:1/-1;margin:30px 0;width:100%}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{background-color:#fff;border:1px solid #e0d0b8;border-radius:8px;box-shadow:0 2px 5px #0000000d;color:#5c421c;cursor:pointer;font-size:.95rem;font-weight:500;height:40px;text-decoration:none;transition:all .3s ease;width:40px}.pagination-btn:hover{background-color:#f9f5f0;border-color:tan;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.pagination-btn.active{background:linear-gradient(135deg,#8b4513,sienna);border-color:#8b4513;box-shadow:0 3px 10px #8b451340;color:#fff}.pagination-next,.pagination-prev{background-color:#f9f5f0;border-radius:8px;color:#5c421c;font-weight:600;letter-spacing:1px;min-width:100px;padding:0 15px;width:auto}.pagination-prev:before{content:"上一页"}.pagination-next:before{content:"下一页"}.pagination-next:hover,.pagination-prev:hover{background-color:#f0e6d2}.pagination-next.disabled,.pagination-prev.disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:992px){.community-content{flex-direction:column}.community-sidebar{margin-bottom:30px;margin-right:0;position:static;width:100%}.banner-content h1{font-size:3rem}.banner-content p{font-size:1.2rem}}@media (max-width:768px){.community-banner{height:300px}.banner-content h1{font-size:2.5rem}.banner-content p{font-size:1.1rem}.post-card{padding:20px}.post-title{font-size:1.2rem}}@media (max-width:576px){.community-banner{height:250px;margin-bottom:30px}.banner-content h1{font-size:2rem}.banner-content p{font-size:1rem;margin-bottom:20px}.post-footer{flex-wrap:wrap}.community-main{padding:20px}.pagination-btn{height:36px;width:36px}}.post-detail-modal{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:1000}.post-detail-content{animation:slideUp .4s ease;background-color:#fff;border-left:4px solid #8b4513;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow-y:auto;position:relative;scrollbar-color:#d4b48c #0000;scrollbar-width:thin;width:90%}.post-detail-content::-webkit-scrollbar{width:8px}.post-detail-content::-webkit-scrollbar-track{background:#0000;margin:10px 0}.post-detail-content::-webkit-scrollbar-thumb{background-color:#d4b48c;border-radius:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.post-detail-content .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8b4513;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.post-detail-content .close-btn:hover{background-color:#8b45131a;transform:scale(1.1)}.post-detail-header{border-bottom:1px solid #f0e6d2;padding:25px 30px}.post-detail-header h2{color:#5c421c;font-size:2rem;font-weight:700;margin-bottom:12px;padding-right:40px}.post-detail-body{overflow-y:auto;padding:25px 30px}.post-detail-images{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:25px;padding:5px}.post-detail-images img{border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;height:200px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.post-detail-images img:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.02)}.post-detail-text{color:#333;font-size:1.05rem;line-height:1.8;margin-bottom:25px}.post-detail-text p{margin:0;padding-left:0;text-indent:2em;white-space:pre-wrap;word-break:break-word}.post-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.post-detail-actions{border-bottom:1px solid #f0e6d2;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.post-detail-actions button{align-items:center;background-color:#f9f5f0;border:none;border-radius:30px;color:#5c421c;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.post-detail-actions button:hover{background-color:#f0e6d2;box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.post-detail-comments{margin-top:10px}.post-detail-comments h3{color:#5c421c;font-weight:600;margin-bottom:15px}.comments-list{margin-bottom:25px}.comment-item{background-color:#ffffffb3;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:10px;position:relative}.comment-header{display:flex;margin-bottom:8px;position:relative}.comment-author{color:#8b4513;font-weight:700;margin-right:10px}.comment-date{color:#888;display:block;font-size:.85rem;margin-top:8px;text-align:right}.delete-comment-btn{background:none;border:none;color:#c00;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 5px;position:absolute;right:0;top:0;transition:all .2s ease}.delete-comment-btn:hover{color:red;transform:scale(1.2)}.comment-content{color:#444;font-size:.95rem;line-height:1.5;word-break:break-word}.post-comments{animation:fadeIn .3s ease;border-top:1px dashed #f0e6d2;margin-top:15px;padding-top:15px}.add-comment{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.add-comment textarea{background-color:#fefcf9;border:1px solid #e0d0b8;border-radius:10px;font-family:inherit;font-size:1rem;height:80px;padding:14px 16px;resize:none;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.add-comment textarea:focus{background-color:#fff;border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.add-comment button{align-self:flex-end;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.add-comment button:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 4px 10px #8b451333;transform:translateY(-2px)}.login-to-comment{background-color:#f9f5f0b3;border:1px dashed #e0d0b8;border-radius:8px;margin:0;padding:12px 15px;text-align:center}.login-to-comment p{color:#8b4513;font-size:.95rem;margin-bottom:10px}.login-to-comment .login-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:6px 18px;text-decoration:none;transition:all .3s ease}.login-to-comment .login-btn:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 4px 10px #8b451326;transform:translateY(-2px)}@media (max-width:768px){.post-detail-content{max-height:90vh;width:95%}.post-detail-header h2{font-size:1.7rem}.post-detail-body,.post-detail-header{padding:20px}.post-detail-images{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:576px){.post-detail-content{border-left:none;border-radius:0;max-height:100vh;width:100%}.post-detail-images{grid-template-columns:1fr}.post-detail-header h2{font-size:1.5rem}.post-detail-actions{flex-wrap:wrap}}.my-posts-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;margin-bottom:24px;padding:22px}.my-posts-section h3{align-items:center;border-bottom:2px solid #f0e6d2;color:#5c421c;display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;position:relative}.my-posts-section h3:after{background:linear-gradient(90deg,#8b4513,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:40%}.my-posts-list{max-height:320px;overflow-y:auto;scrollbar-color:#d4b48c #0000;scrollbar-width:thin}.my-posts-list::-webkit-scrollbar{width:6px}.my-posts-list::-webkit-scrollbar-track{background:#0000}.my-posts-list::-webkit-scrollbar-thumb{background-color:#d4b48c;border-radius:10px}.my-post-item{border-bottom:1px solid #f0e6d2;cursor:pointer;padding:12px;position:relative;transition:all .3s ease}.my-post-item:last-child{border-bottom:none}.my-post-item:hover{background-color:#f0e6d266}.my-post-title{color:#5c421c;display:block;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-post-meta{align-items:center;color:sienna;display:flex;font-size:.85rem;justify-content:space-between;opacity:.8}.my-post-date{display:block}.my-post-stats{align-items:center;display:flex;gap:12px}.my-post-actions{display:flex;gap:10px;opacity:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden}.my-post-item:hover .my-post-actions{opacity:1;visibility:visible}.post-action-btn{align-items:center;background-color:#f9f5f0;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#8b4513;cursor:pointer;display:flex;height:38px;justify-content:center;margin:0 3px;overflow:hidden;position:relative;transition:all .3s ease;width:38px}.post-action-btn:before{background:radial-gradient(circle,#fffc 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.post-action-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-3px)}.post-action-btn:hover:before{opacity:1}.edit-btn{background-color:#3498db1a;color:#3498db}.edit-btn:hover{background-color:#3498db33;color:#3498db}.delete-btn{background-color:#e74c3c1a;color:#e74c3c}.delete-btn:hover{background-color:#e74c3c33;color:#e74c3c}.post-detail-actions-admin .post-action-btn{align-items:center;border-radius:20px;box-shadow:0 2px 5px #00000014;display:flex;font-size:.9rem;font-weight:500;gap:5px;height:auto;padding:5px 15px;width:auto}.post-detail-actions-admin .post-action-btn i{font-size:1.1em;margin-right:3px}.post-detail-actions-admin .edit-btn{background-color:#3498db1a;color:#3498db}.post-detail-actions-admin .edit-btn:hover{background-color:#3498db40;color:#3498db;transform:translateY(-2px)}.post-detail-actions-admin .delete-btn{background-color:#e74c3c1a;color:#e74c3c}.post-detail-actions-admin .delete-btn:hover{background-color:#e74c3c40;color:#e74c3c;transform:translateY(-2px)}.no-my-posts{color:sienna;padding:30px 0;text-align:center}.no-my-posts i{color:tan;display:block;font-size:2.5rem;margin-bottom:15px}.new-post-suggestion{color:#8b4513;font-size:.9rem;margin-top:12px}.edit-post-modal{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-post-content{animation:slideUp .4s ease;background-color:#fff;border-left:4px solid #8b4513;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:800px;overflow-y:auto;padding:25px;position:relative;scrollbar-color:#d4b48c #0000;scrollbar-width:thin;width:90%}.edit-post-content::-webkit-scrollbar{width:8px}.edit-post-content::-webkit-scrollbar-track{background:#0000;margin:10px 0}.edit-post-content::-webkit-scrollbar-thumb{background-color:#d4b48c;border-radius:4px}.edit-post-header{align-items:center;border-bottom:1px solid #f0e6d2;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.edit-post-header h2{color:#5c421c;font-size:1.5rem;margin:0}.edit-post-header .close-btn{background:none;border:none;color:#8b4513;cursor:pointer;font-size:1.8rem;line-height:1;transition:all .2s ease}.edit-post-header .close-btn:hover{color:sienna;transform:scale(1.1)}.image-upload-container{margin-bottom:20px}.image-upload-container input[type=file]{background-color:#f9f5f0;border:1px dashed #d4b48c;border-radius:8px;margin-bottom:10px;padding:8px;width:100%}.my-posts-toggle{align-items:center;color:#8b4513;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;opacity:.8;text-decoration:none;transition:all .3s ease}.my-posts-toggle:hover{opacity:1}.my-posts-toggle i{margin-left:5px;transition:transform .3s ease}.my-posts-toggle.expanded i{transform:rotate(180deg)}@media (max-width:768px){.my-posts-section{padding:15px}.my-post-item{padding:10px}.my-post-actions{display:flex;justify-content:flex-end;margin-top:10px;opacity:1;position:relative;right:auto;top:auto;transform:none;visibility:visible}}.no-posts{animation:fadeIn .5s ease;background-color:#fff;border:1px dashed tan;border-radius:12px;box-shadow:none;flex-direction:column;grid-column:1/-1;margin:10px auto;min-height:300px;padding:40px 20px;text-align:center;width:100%}.no-posts,.no-posts .search-icon{align-items:center;display:flex;justify-content:center}.no-posts .search-icon{background-color:#f0e6d2;border-radius:50%;height:80px;margin-bottom:20px;width:80px}.no-posts i{color:tan;font-size:2.5rem;opacity:.8}.no-posts h3{color:#8b4513;font-size:1.5rem;font-weight:500;margin:15px 0 20px}.no-posts .primary-btn{background:#8b4513;font-size:1rem;margin-top:15px;min-width:160px}@media (max-width:768px){.no-posts{min-height:250px;padding:30px 15px}.no-posts .search-icon{height:60px;width:60px}.no-posts i{font-size:2rem}.no-posts h3{font-size:1.3rem}}.tags-input-container{margin-top:10px}.tags-input-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:10px}.tags-input-wrapper input{background-color:#f9f5f0;border:1px solid #e0d0b8;border-radius:8px;color:#5c421c;flex:1 1;font-size:1rem;padding:12px 15px;transition:all .3s ease}.tags-input-wrapper input:focus{background-color:#fff;border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.add-tag-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.add-tag-btn:hover{background:linear-gradient(135deg,sienna,peru);box-shadow:0 4px 10px #8b451333;transform:translateY(-2px)}.tags-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tags-preview .tag{align-items:center;background:#f0e6d2;border:1px solid #8b45131a;border-radius:20px;color:#8b4513;display:inline-flex;font-size:.95rem;padding:6px 12px;transition:all .3s ease}.tags-preview .tag:hover{background:#e6d7b9}.remove-tag-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8b4513;cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;line-height:1;margin-left:8px;padding:0 5px;transition:all .2s ease}.remove-tag-btn:hover{background-color:#8b45131a;color:sienna;transform:scale(1.1)}.edit-post-content .form-actions{margin-top:25px;padding-top:20px}.edit-post-content .form-actions .primary-btn,.edit-post-content .form-actions .secondary-btn{border-radius:30px;font-size:1rem;min-width:100px;padding:10px 24px;transition:all .3s ease}.edit-post-content .form-actions .primary-btn:hover,.edit-post-content .form-actions .secondary-btn:hover{box-shadow:0 6px 12px #8b451326;transform:translateY(-2px)}.post-detail-actions-admin{display:flex;gap:10px;margin-left:auto}.post-detail-header .post-meta{align-items:center;color:sienna;display:flex;flex-wrap:wrap;font-size:.9rem;gap:15px;opacity:.8}.no-images-message{background-color:#f9f5f0;border-radius:8px;color:sienna;font-style:italic;margin-top:10px;padding:20px 0;text-align:center}.edit-post-content .uploaded-images-preview{margin-bottom:20px;margin-top:15px}.edit-post-content .form-group{margin-bottom:25px}.like-btn.liked{background-color:#e74c3c33;color:#e74c3c;font-weight:600}.like-btn:not(.liked){background-color:#f9f5f0;border:1px solid #ddd;color:#8b4513}.like-btn:not(.liked):hover{background-color:#e74c3c1a;color:#e74c3c}.like-btn:not(.liked) i{color:#e74c3c;font-size:1.1em}.post-detail-actions .like-btn.liked{background-color:#e74c3c33;border:1px solid #e74c3c4d;color:#e74c3c;font-size:1.05rem;padding:10px 20px}.post-detail-actions .like-btn:not(.liked){background-color:#f9f5f0;border:1px solid #ddd;color:#8b4513;font-size:1.05rem;padding:10px 20px}.post-detail-actions .like-btn:not(.liked):hover{background-color:#e74c3c1a;border:1px solid #e74c3c33;color:#e74c3c}.like-btn.liked i{animation:heart-beat .5s ease;color:#e74c3c}@keyframes heart-beat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.back-btn{align-items:center;background:#fffaf0cc;border:1px solid #8b451333;border-radius:20px;box-shadow:0 2px 6px #8b45131a;color:#8b4513;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease;width:auto}.back-btn:before{background:linear-gradient(90deg,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s ease;width:100%}.back-btn:hover{background:#f0e6d2e6;box-shadow:0 4px 10px #8b451333;color:sienna;transform:translateY(-2px)}.back-btn:hover:before{transform:translateX(100%)}.back-btn i{margin-right:8px;transition:transform .3s ease}.back-btn:hover i{transform:translateX(-3px)}.form-header{align-items:center;border-bottom:1px solid #f0e6d2;display:flex;justify-content:center;margin-bottom:25px;min-height:50px;padding-bottom:15px;position:relative}.form-header h2{color:#5c421c;font-size:1.7rem;font-weight:700;margin:0;padding:0 120px;text-align:center}.form-header .back-btn{left:0;max-width:120px;position:absolute;z-index:1}.post-detail-actions .comment-btn{background-color:#3498db;color:#fff}.post-detail-actions .comment-btn:hover{background-color:#2980b9;color:#fff}.loading-message{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;font-size:1.2rem;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-message:after{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;margin-left:10px;width:20px}.about-page{background-color:#fff;min-height:100vh}.yunnan-theme{--yunnan-red:#e94b35;--yunnan-blue:#235789;--yunnan-yellow:#f1c40f;--yunnan-green:#2ecc71;--yunnan-purple:#9b59b6}.ethnic-pattern{position:relative}.ethnic-pattern:before{background-image:url(https://img.freepik.com/free-vector/chinese-cloud-frame-background_52683-69446.jpg);background-size:contain;border-radius:15px;bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:-1}.bai-pattern{position:relative}.bai-pattern:before{background-image:url(https://img.freepik.com/free-vector/chinese-style-background_52683-78953.jpg);background-size:cover;border-radius:15px;bottom:0;content:"";left:0;opacity:.07;position:absolute;right:0;top:0;z-index:-1}.yunnan-gradient .achievement{background:linear-gradient(135deg,var(--yunnan-blue),var(--yunnan-purple));transition:transform .3s ease,box-shadow .3s ease}.yunnan-gradient .achievement:nth-child(2){background:linear-gradient(135deg,var(--yunnan-green),var(--yunnan-blue))}.yunnan-gradient .achievement:nth-child(3){background:linear-gradient(135deg,var(--yunnan-red),var(--yunnan-yellow))}.yunnan-gradient .achievement:nth-child(4){background:linear-gradient(135deg,var(--yunnan-purple),var(--yunnan-red))}.yunnan-gradient .achievement:hover{box-shadow:0 12px 20px #0003;transform:translateY(-8px)}.about-banner{align-items:center;background:linear-gradient(#00000080,#00000080),url(https://img.freepik.com/free-photo/terraced-rice-field-china_1150-17838.jpg) no-repeat 50%;background-size:cover;color:#fff;display:flex;height:400px;justify-content:center;padding:0 20px;text-align:center}.yunnan-banner{background:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1566438480900-0609be27a4be?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80) no-repeat 50%;overflow:hidden;position:relative}.yunnan-banner:before{animation:slowRotate 120s linear infinite;background:url(https://img.freepik.com/free-vector/geometric-pattern-background-vector-red_53876-140726.jpg);background-size:cover;bottom:-10%;content:"";left:-10%;opacity:.15;position:absolute;right:-10%;top:-10%;z-index:0}@keyframes slowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-banner-content{position:relative;z-index:1}.about-banner-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f1c40f);-webkit-background-clip:text;display:inline-block;font-size:3rem;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px #00000080}.about-banner-content p{font-size:1.5rem;margin:0 auto;max-width:700px;text-shadow:1px 1px 3px #0009}.about-container{margin:0 auto;max-width:1200px;padding:50px 20px}.about-section{margin-bottom:70px}.section-title{border-bottom:2px solid #4caf50;border-bottom:2px solid var(--yunnan-red,#4caf50);color:#2c3e50;color:var(--yunnan-blue,#2c3e50);display:inline-block;font-size:2rem;left:50%;margin-bottom:30px;padding-bottom:10px;position:relative;text-align:center;transform:translateX(-50%)}.section-title:after{background-color:#f1c40f;background-color:var(--yunnan-yellow,#f1c40f);bottom:-2px;content:"";height:2px;left:25%;position:absolute;width:50%}.about-story{align-items:center;display:flex;gap:30px}.about-story-image{border-radius:10px;box-shadow:0 10px 20px #0000001a;flex:1 1;overflow:hidden;position:relative}.about-story-image:after{border:3px solid #0000;border-image:linear-gradient(45deg,#e94b35,#235789) 1;border-image:linear-gradient(45deg,var(--yunnan-red,#e94b35),var(--yunnan-blue,#235789)) 1;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.about-story-image img{display:block;transition:transform .5s ease;width:100%}.about-story-image img:hover{transform:scale(1.05)}.about-story-content{flex:1 1}.about-story-content p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:15px}.mission-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mission-card{background-color:#ffffffe6;border-radius:10px;border-top:3px solid #4caf50;border-top:3px solid var(--yunnan-red,#4caf50);box-shadow:0 5px 15px #0000000d;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.mission-card:nth-child(2){border-color:#235789;border-color:var(--yunnan-blue,#235789)}.mission-card:nth-child(3){border-color:#f1c40f;border-color:var(--yunnan-yellow,#f1c40f)}.mission-card:nth-child(4){border-color:#2ecc71;border-color:var(--yunnan-green,#2ecc71)}.mission-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-8px)}.mission-icon{font-size:3.5rem;margin-bottom:20px}.mission-card h3{color:#2c3e50;color:var(--yunnan-blue,#2c3e50);font-size:1.5rem;margin-bottom:15px}.mission-card p{color:#666;line-height:1.6}.team-members{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.team-member{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-8px)}.member-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 10px 20px #0000001a;height:150px;margin:0 auto 20px;overflow:hidden;position:relative;width:150px}.member-avatar:before{animation:borderRotate 8s linear infinite;background:linear-gradient(45deg,#e94b35,#235789,#f1c40f,#2ecc71);background:linear-gradient(45deg,var(--yunnan-red,#e94b35),var(--yunnan-blue,#235789),var(--yunnan-yellow,#f1c40f),var(--yunnan-green,#2ecc71));border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.member-avatar img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.member-avatar:hover img{transform:scale(1.1)}.team-member h3{color:#2c3e50;color:var(--yunnan-blue,#2c3e50);font-size:1.5rem;margin-bottom:5px}.member-title{color:#4caf50;color:var(--yunnan-red,#4caf50);font-weight:700;margin-bottom:10px}.member-desc{color:#666;line-height:1.6}.achievements{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.achievement{background-color:#4caf50;border-radius:10px;box-shadow:0 5px 15px #0000001a;color:#fff;padding:30px;transition:transform .3s ease}.achievement:hover{transform:translateY(-5px)}.achievement-number{font-size:3rem;font-weight:700;margin-bottom:10px}.achievement-text{font-size:1.2rem}.social-responsibility{align-items:center;display:flex;gap:30px}.responsibility-image{border-radius:10px;box-shadow:0 10px 20px #0000001a;flex:1 1;overflow:hidden;position:relative}.responsibility-image:after{border:3px solid #0000;border-image:linear-gradient(45deg,#f1c40f,#2ecc71) 1;border-image:linear-gradient(45deg,var(--yunnan-yellow,#f1c40f),var(--yunnan-green,#2ecc71)) 1;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.responsibility-image img{display:block;transition:transform .5s ease;width:100%}.responsibility-image img:hover{transform:scale(1.05)}.responsibility-content{flex:1 1}.responsibility-content p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:15px}.responsibility-content ul{margin-bottom:20px;padding-left:20px}.responsibility-content li{color:#555;line-height:1.6;margin-bottom:10px;position:relative}.responsibility-content li:before{color:#e94b35;color:var(--yunnan-red,#e94b35);content:"•";display:inline-block;font-size:1.5em;font-weight:700;line-height:1;margin-left:-1em;vertical-align:middle;width:1em}.contact-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-card{background-color:#ffffffe6;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.contact-icon{font-size:2.5rem;margin-bottom:15px}.contact-card h3{color:#2c3e50;color:var(--yunnan-blue,#2c3e50);font-size:1.5rem;margin-bottom:15px}.contact-card p{color:#666;margin-bottom:5px}@media (max-width:992px){.about-story,.social-responsibility{flex-direction:column}.about-banner-content h1{font-size:2.5rem}.about-banner-content p{font-size:1.2rem}}@media (max-width:768px){.about-banner{height:300px}.about-banner-content h1{font-size:2rem}.about-banner-content p{font-size:1rem}.section-title{font-size:1.8rem}}@media (max-width:576px){.about-container{padding:30px 15px}.about-section{margin-bottom:50px}.achievements,.contact-info,.mission-cards,.team-members{grid-template-columns:1fr}.about-banner-content h1{font-size:1.8rem}}section[id]{padding-top:20px;scroll-margin-top:80px}html{scroll-behavior:smooth}.profile-page{background-color:#f5f5f5;min-height:calc(100vh - 260px);padding:20px 0 40px}.profile-page .container{margin:0 auto;max-width:1200px;padding:0 15px}.loading-container{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 260px);padding:50px 0}.loading-container p{color:#666;font-size:16px;margin-top:15px}.profile-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden}.sidebar{background-color:#f9f9f9;border-right:1px solid #eee;flex-shrink:0;padding:20px 0;width:240px}.user-overview{border-bottom:1px solid #eee;margin-bottom:20px;padding:20px;text-align:center}.user-overview .user-avatar{border:3px solid #4a7c59;border-radius:50%;display:block;height:80px;margin:0 auto 15px;object-fit:cover;overflow:hidden;width:80px}.user-overview h3{color:#333;font-size:18px;font-weight:700;margin:0}.sidebar-menu{padding:0 10px}.sidebar-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:5px;padding:15px;transition:all .3s}.sidebar-item:hover{background-color:#4a7c591a}.sidebar-item.active{background-color:#4a7c59;color:#fff}.sidebar-item .icon{font-size:20px;margin-right:10px}.sidebar-item span{font-size:16px}.main-content{flex:1 1;padding:20px}.content-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.content-title{color:#333;font-size:22px;font-weight:600}.profile-details{background-color:#f9f9f9;border-radius:8px;padding:20px}.profile-info{align-items:flex-start;display:flex;margin-bottom:30px}.profile-avatar{border:3px solid #4a7c59;border-radius:50%;flex-shrink:0;height:100px;margin-right:30px;overflow:hidden;width:100px}.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-data{flex:1 1}.profile-item{margin-bottom:15px}.profile-label{color:#666;display:inline-block;font-weight:700;width:80px}.profile-value{color:#333}.edit-profile-btn{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s}.edit-profile-btn:hover{background-color:#3d6a4a}.edit-avatar,.edit-profile-form{display:flex;flex-direction:column}.edit-avatar{align-items:center;margin-bottom:20px}.edit-avatar>img{display:none}.avatar-upload-btn{background-color:#4a7c59;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:5px;padding:5px 10px;transition:all .3s}.avatar-upload-btn:hover{background-color:#3d6a4a}.edit-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.form-group input:focus{border-color:#4a7c59;box-shadow:0 0 0 2px #4a7c5933;outline:none}.edit-actions{display:flex;gap:10px}.cancel-btn,.claim-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s,transform .1s}.claim-btn,.save-btn{background-color:#ff6b6b;color:#fff}.claim-btn:hover,.save-btn:hover{background-color:#ff5252;transform:translateY(-1px)}.cancel-btn{color:#666;margin-right:8px}.cancel-btn:hover{background-color:#e0e0e0;transform:translateY(-1px)}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.order-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.order-id{color:#333;font-weight:700}.order-date{color:#666}.order-status{border-radius:15px;font-size:14px;font-weight:700;padding:5px 10px}.status-待付款{background-color:#ff9800;color:#fff}.status-待发货{background-color:#2196f3;color:#fff}.status-待收货{background-color:#673ab7;color:#fff}.status-已完成{background-color:#4caf50;color:#fff}.status-已取消{background-color:#9e9e9e;color:#fff}.order-items{border-bottom:1px solid #eee;padding:15px}.order-item{border-bottom:1px dashed #eee;display:flex;margin-bottom:10px;padding-bottom:10px}.order-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.item-image{border-radius:4px;height:80px;margin-right:15px;overflow:hidden;width:80px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{display:flex;flex:1 1;flex-direction:column;justify-content:center}.item-name{color:#333;font-weight:700;margin-bottom:5px}.item-price{color:#666}.order-footer{align-items:center;display:flex;justify-content:space-between;padding:15px}.order-total{color:#f44336;font-size:18px;font-weight:700}.order-actions{display:flex;gap:10px}.order-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s}.btn-pay{background-color:#f44336;color:#fff}.btn-cancel{background-color:#9e9e9e;color:#fff}.btn-confirm{background-color:#4a7c59;color:#fff}.btn-review{background-color:#ff9800;color:#fff}.btn-detail{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.btn-confirm:hover,.btn-pay:hover{opacity:.9}.btn-cancel:hover,.btn-detail:hover,.btn-review:hover{opacity:.8}.favorites-list{padding:16px}.favorites-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:10px 0}.favorite-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .3s}.favorite-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.product-image-container{overflow:hidden;padding-top:75%;position:relative;width:100%}.product-image-container img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s;width:100%}.product-image-container:hover img{transform:scale(1.05)}.remove-favorite-btn{align-items:center;background-color:#fffc;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;opacity:.8;position:absolute;right:10px;top:10px;transition:all .3s;width:24px;z-index:10}.remove-favorite-btn:hover{background-color:#fff;color:#ff4d4f;opacity:1;transform:scale(1.1)}.product-info{padding:12px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:15px;font-weight:500;height:40px;line-height:1.3;margin-bottom:8px;overflow:hidden}.product-price{color:#e53935;font-size:18px;font-weight:600;margin-bottom:10px}.original-price{color:#999;font-size:14px;font-weight:400;margin-left:5px;text-decoration:line-through}.add-to-cart-btn{align-items:center;background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 12px;transition:all .3s;width:100%}.add-to-cart-btn:hover{background-color:#3d6a4a}.add-to-cart-btn:active{transform:scale(.98)}.message{animation:fadeInOut 3s ease-in-out;border-radius:4px;box-shadow:0 3px 6px #0003;color:#fff;font-size:14px;left:50%;padding:10px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.message.success{background-color:#4caf50}.message.error{background-color:#f44336}.message.info{background-color:#2196f3}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.addresses-list{display:flex;flex-direction:column;gap:15px}.add-address-btn{align-self:flex-start;background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px 20px;transition:all .3s}.add-address-btn:hover{background-color:#3d6a4a}.address-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:15px}.address-card.default{border-color:#4a7c59}.address-content{flex:1 1}.address-header{align-items:center;display:flex;margin-bottom:10px}.address-name{font-weight:700;margin-right:10px}.address-phone{color:#666}.default-tag{background-color:#4a7c59;border-radius:2px;color:#fff;font-size:12px;margin-left:10px;padding:2px 5px}.address-details{color:#333;line-height:1.5}.address-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}.address-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:all .3s;white-space:nowrap}.edit-btn{color:#333}.delete-btn,.edit-btn{background-color:#f5f5f5;border:1px solid #ddd}.delete-btn{color:#f44336}.set-default-btn{background-color:#f5f5f5;border:1px solid #ddd;color:#4a7c59}.delete-btn:hover,.edit-btn:hover,.set-default-btn:hover{background-color:#eee}.coupons-list{display:flex;flex-direction:column;gap:15px}.coupon-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;position:relative}.coupon-card.expired{background-color:#f5f5f5;opacity:.7}.coupon-card.expired:after{background:repeating-linear-gradient(45deg,#0000000d,#0000000d 10px,#00000005 0,#00000005 20px);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.coupon-amount{align-items:center;background-color:#4a7c59;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;width:100px}.coupon-amount:before{top:0;transform:translateY(-50%)}.coupon-amount:after,.coupon-amount:before{background-color:#fff;border-radius:50%;content:"";height:20px;position:absolute;right:-10px;width:20px;z-index:1}.coupon-amount:after{bottom:0;transform:translateY(50%)}.coupon-card.expired .coupon-amount{background-color:#9e9e9e}.symbol{font-size:16px}.value{font-size:32px;font-weight:700}.coupon-details{border-right:1px dashed #ddd;flex:1 1;padding:15px;position:relative}.coupon-title{color:#333;font-size:18px;font-weight:700;margin-bottom:5px}.coupon-desc{color:#666;margin-bottom:5px}.coupon-expiry{color:#999;font-size:14px}.coupon-status{align-items:center;color:#4a7c59;display:flex;font-weight:700;justify-content:center;width:100px}.coupon-card.expired .coupon-status{color:#9e9e9e}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.empty-state img{height:200px;margin-bottom:20px;width:200px}.empty-state p{font-size:16px;margin-bottom:20px}.empty-state .btn{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-decoration:none;transition:all .3s}.empty-state .btn:hover{background-color:#3d6a4a}.loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #4a7c594d;border-top-color:#4a7c59;height:50px;margin-bottom:15px;width:50px}@media (max-width:992px){.favorites-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-page{padding:15px 0 30px}.profile-container{flex-direction:column}.sidebar{border-bottom:1px solid #eee;border-right:none;padding-bottom:10px;width:100%}.user-overview{align-items:center;display:flex;padding:15px;text-align:left}.user-overview .user-avatar{height:60px;margin:0 15px 0 0;width:60px}.sidebar-menu{display:flex;flex-wrap:wrap;padding:0 5px}.sidebar-item{font-size:14px;margin-right:5px;padding:10px}.profile-info{flex-direction:column}.profile-avatar{margin-bottom:20px;margin-right:0}}@media (max-width:576px){.profile-page{padding:10px 0 20px}.order-header{align-items:flex-start;flex-direction:column}.order-date,.order-status{margin-top:5px}.order-footer{align-items:flex-start;flex-direction:column}.order-actions{margin-top:10px;width:100%}.favorites-grid{grid-template-columns:1fr}.sidebar-item{width:100%}.coupon-card{flex-direction:column}.coupon-amount{padding:10px;width:100%}.coupon-amount:after,.coupon-amount:before{display:none}.coupon-details{border-bottom:1px dashed #ddd;border-right:none}.coupon-status{padding:10px;width:100%}}.loading,.loading-addresses,.loading-coupons,.loading-favorites,.loading-orders{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#35735b;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.order-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background-color:#ebebeb}.filter-btn.active{background-color:#35735b;border-color:#35735b;color:#fff}.address-form-overlay,.coupon-form-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.address-form-container,.coupon-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.coupon-form-container .form-group{margin-bottom:20px}.coupon-form-container .form-actions{margin-top:25px}.address-form-container h3,.coupon-form-container h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.form-check{align-items:center;display:flex;margin-bottom:16px}.form-check input[type=checkbox]{margin-right:8px}.form-actions{gap:12px}.coupon-form-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.coupon-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:30px;width:90%}.coupon-form-container h3{color:#333;font-size:18px;font-weight:600;margin-bottom:25px;margin-top:0;text-align:center}.coupon-form-container .form-group{margin-bottom:25px}.coupon-form-container label{color:#333;display:block;font-weight:500;margin-bottom:8px}.coupon-form-container input{border:1px solid #ddd;border-radius:4px;font-size:15px;padding:12px 15px;transition:border-color .2s;width:100%}.coupon-form-container input:focus{border-color:#ff6b6b;outline:none}.coupon-form-container .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.cancel-btn,.claim-btn{border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s}.claim-btn{background-color:#ff6b6b;color:#fff}.claim-btn:hover{background-color:#ff5252;box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.claim-btn:disabled{background-color:#ffb3b3;box-shadow:none;cursor:not-allowed;transform:none}.cancel-btn{background-color:#f0f0f0;color:#555}.cancel-btn:hover{background-color:#e5e5e5;transform:translateY(-2px)}.cancel-btn:disabled{background-color:#f7f7f7;color:#aaa;cursor:not-allowed;transform:none}.coupons-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.coupon-filters{display:flex;gap:10px}.claim-coupon-btn{align-items:center;background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:all .2s}.claim-coupon-btn:hover{background-color:#ff5252;box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.claim-coupon-btn svg{margin-right:5px}.load-more{display:flex;justify-content:center;margin-top:24px}.load-more-btn{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s}.load-more-btn:hover{background-color:#ebebeb}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.order-card{box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.favorite-card{transition:transform .3s,box-shadow .3s,border-color .3s}.favorite-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-6px)}.remove-favorite{opacity:0;transition:opacity .3s,transform .2s,background-color .2s}.favorite-card:hover .remove-favorite{opacity:1}button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.coupons-header{align-items:flex-start;flex-direction:column;gap:12px}.coupon-filters{overflow-x:auto;padding-bottom:8px;width:100%}}.item-review-btn{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:5px;padding:4px 8px;transition:all .3s}.item-review-btn:hover{background-color:#3d6a4a}.item-review-btn:disabled{background-color:#ccc;cursor:not-allowed}.order-detail-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.order-detail-container{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.detail-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;color:#999;font-size:24px;transition:color .3s}.close-btn:hover{color:#333}.detail-content{padding:20px}.detail-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.detail-section:last-child{border-bottom:none}.detail-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.detail-item{display:flex;margin-bottom:10px}.detail-label{color:#666;flex-shrink:0;font-weight:500;width:100px}.detail-value{color:#333;flex:1 1}.detail-value.discount{color:#f56c6c}.detail-item.total{font-weight:700;margin-top:10px}.detail-products{margin-top:15px}.detail-product{background-color:#f9f9f9;border-radius:4px;display:flex;margin-bottom:10px;padding:10px}.detail-product .product-image{border-radius:4px;flex-shrink:0;height:80px;margin-right:15px;overflow:hidden;width:80px}.detail-product .product-image img{height:100%;object-fit:cover;width:100%}.detail-product .product-info{flex:1 1}.detail-product .product-name{color:#333;font-weight:500;margin-bottom:5px}.detail-product .product-price{color:#666;font-size:14px}.detail-product .product-subtotal{color:#333;font-weight:500}.detail-product .product-action{align-items:center;display:flex;margin-left:10px}.detail-product .review-btn{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s}.detail-product .review-btn:hover{background-color:#3d6a4a}.detail-product .review-btn:disabled{background-color:#ccc;cursor:not-allowed}.detail-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.detail-actions button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.btn-close{background-color:#f0f0f0;border:1px solid #ddd;color:#666}.btn-close:hover{background-color:#e0e0e0}.loading-detail{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-detail .spinner{animation:spin 1s linear infinite;border:4px solid #4a7c5933;border-radius:50%;border-top-color:#4a7c59;height:40px;width:40px}.loading-detail p{color:#666;margin-top:15px}.review-form-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.review-form-container{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.review-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.review-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.review-product{background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;padding:15px 20px}.review-product .product-image{border-radius:4px;flex-shrink:0;height:60px;margin-right:15px;overflow:hidden;width:60px}.review-product .product-image img{height:100%;object-fit:cover;width:100%}.review-product .product-info{flex:1 1}.review-product .product-name{color:#333;font-weight:500;margin-bottom:5px}.review-product .product-price{color:#666;font-size:14px}.review-form{padding:20px}.review-form .form-group{margin-bottom:20px}.review-form label{color:#333;display:block;font-weight:500;margin-bottom:8px}.review-form textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;resize:vertical;width:100%}.review-form textarea:focus{border-color:#4a7c59;box-shadow:0 0 0 2px #4a7c5933;outline:none}.rating-group{margin-bottom:20px}.rating-stars{display:flex;gap:5px}.rating-stars .star{color:#ddd;cursor:pointer;font-size:24px;transition:color .3s}.rating-stars .star.active{color:#ffb800}.image-upload{display:flex;flex-direction:column;gap:10px}.upload-btn-wrapper{display:inline-block;overflow:hidden;position:relative}.upload-btn{background-color:#f0f0f0;border:1px dashed #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s}.upload-btn:hover{background-color:#e0e0e0}.upload-btn-wrapper input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.image-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview{border:1px solid #ddd;border-radius:4px;height:80px;overflow:hidden;position:relative;width:80px}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image{align-items:center;background-color:#00000080;border:none;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;position:absolute;right:0;top:0;width:20px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.submit-btn{background-color:#4a7c59;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.submit-btn:hover{background-color:#3d6a4a}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.order-detail-container,.review-form-container{border-radius:0;max-height:100%;max-width:100%}.detail-product{flex-direction:column}.detail-product .product-image{height:120px;margin-bottom:10px;margin-right:0;width:100%}.detail-product .product-action{margin-left:0;margin-top:10px}.detail-item{flex-direction:column}.detail-label{margin-bottom:5px;width:100%}}.faq-page{background-color:#f8f5f0;min-height:100vh;overflow:visible;padding-bottom:40px;position:relative}.faq-banner{align-items:center;background:url(https://img0.baidu.com/it/u=3279084029,3678703302&fm=253&fmt=auto&app=138&f=JPEG?w=1097&h=500) 50%/cover no-repeat;border-radius:0 0 20px 20px;box-shadow:0 8px 20px #0003;display:flex;height:300px;justify-content:center;margin-bottom:50px;overflow:hidden;position:relative}.faq-banner:before{background-color:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.faq-banner-content{color:#fff;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:2}.faq-banner-content h1{font-family:Ma Shan Zheng,cursive;font-size:3.5rem;letter-spacing:3px;margin-bottom:15px;text-shadow:2px 2px 8px #00000080}.faq-banner-content p{font-size:1.2rem;margin-bottom:0;text-shadow:1px 1px 4px #000000b3}.faq-container{display:flex;flex-wrap:wrap;gap:30px;margin:0 auto;max-width:1200px;padding:0 20px}.faq-sidebar{align-self:flex-start;flex:0 0 300px;position:sticky;top:20px}.faq-search{margin-bottom:25px;position:relative}.faq-search input{background-color:#fff;border:1px solid #e0d0b7;border-radius:8px;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.faq-search input:focus{border-color:#be442f;box-shadow:0 0 0 2px #be442f33;outline:none}.faq-search .search-btn{color:#8b4513;font-size:20px;right:15px}.faq-search .search-btn,.faq-search .search-clear-btn{background:none;border:none;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.faq-search .search-clear-btn{color:#999;font-size:16px;padding:5px;right:45px}.faq-search .search-clear-btn:hover{color:#be442f}.search-results-section{animation:fadeIn .3s ease-in;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:30px;padding:30px}.search-results-header{margin-bottom:20px}.search-info{align-items:center;border-bottom:1px solid #e0d0b7;display:flex;justify-content:space-between;margin-top:10px;padding-bottom:15px}.search-info p{color:#5c421c;font-size:16px;margin:0}.back-to-categories{background-color:#f0e6d2;border:none;border-radius:4px;color:#5c421c;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s ease}.back-to-categories:hover{background-color:#e0d0b7}.search-item{border:1px solid #e0d0b7;border-radius:8px;margin-bottom:25px;overflow:hidden}.search-item-category{align-items:center;background-color:#f0e6d2;border-bottom:1px solid #e0d0b7;color:#5c421c;display:flex;font-size:14px;padding:5px 20px}.search-item-category .category-icon{font-size:16px;margin-right:8px}.no-results{padding:30px 20px;text-align:center}.no-results p{color:#666;margin-bottom:20px}.search-suggestions{margin:0 auto;max-width:500px;text-align:left}.search-suggestions h3{color:#5c421c;font-size:16px;margin-bottom:15px}.search-suggestions ul{padding-left:20px}.search-suggestions li{margin-bottom:10px}.search-suggestions a{color:#be442f;text-decoration:none}.search-suggestions a:hover{text-decoration:underline}.faq-categories{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:25px;padding:20px}.faq-categories h3{border-bottom:1px solid #e0d0b7;color:#5c421c;font-size:1.2rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.category-link{align-items:center;border-radius:6px;color:#5a5a5a;display:flex;margin-bottom:8px;padding:10px 15px;text-decoration:none;transition:all .3s ease}.category-link:hover{background-color:#be442f1a;color:#be442f}.category-link.active{background-color:#be442f;color:#fff}.category-icon{font-size:20px;margin-right:10px}.contact-support{background-color:#f0e6d2;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px}.contact-support h3{color:#5c421c;font-size:1.2rem;margin-bottom:15px;margin-top:0}.contact-support p{color:#5a5a5a;font-size:14px;line-height:1.5;margin-bottom:15px}.support-contact{margin-top:15px}.support-item{align-items:center;color:#5c421c;display:flex;margin-bottom:10px}.support-icon{font-size:18px;margin-right:10px}.faq-content{flex:1 1;min-width:0}.faq-section{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:30px;padding:30px}.faq-section .section-title{align-items:center;border-bottom:2px solid #e0d0b7;color:#5c421c;display:flex;margin-bottom:20px;margin-top:0;padding-bottom:10px}.faq-section .section-title .category-icon{font-size:24px;margin-right:15px}.faq-item{border:1px solid #e0d0b7;border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.faq-item.open{box-shadow:0 4px 15px #0000001a}.faq-question{align-items:center;background-color:#f9f7f2;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .3s ease}.faq-item.open .faq-question,.faq-question:hover{background-color:#f0e6d2}.faq-question h3{color:#5c421c;flex:1 1;font-size:16px;font-weight:500;margin:0}.toggle-icon{color:#be442f;font-size:20px;font-weight:700}.faq-answer{background-color:#fff;max-height:0;overflow:hidden;padding:0 20px;transition:all .5s ease}.faq-answer p{color:#5a5a5a;font-size:15px;line-height:1.6;margin:15px 0}.faq-item.open .faq-answer{max-height:1000px;padding:20px}.faq-feedback{background-color:#f9f7f2;border-radius:10px;margin-top:40px;padding:20px;text-align:center}.faq-feedback h3{color:#5c421c;font-size:1.2rem;margin-bottom:15px;margin-top:0}.feedback-buttons{gap:20px}.feedback-btn,.feedback-buttons{display:flex;justify-content:center}.feedback-btn{align-items:center;background-color:#fff;border:1px solid #e0d0b7;border-radius:6px;color:#5c421c;cursor:pointer;padding:10px 20px;transition:all .3s ease}.feedback-btn span{font-size:18px;margin-right:10px}.feedback-btn.positive:hover{background-color:#f0f9f0;border-color:#4caf50;color:#4caf50}.feedback-btn.negative:hover{background-color:#fff0f0;border-color:#f44336;color:#f44336}.feedback-confirmation{animation:fadeIn .3s ease-in;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px}.feedback-thanks{align-items:center;display:flex;font-size:16px;justify-content:center;line-height:1.5;margin:0}.feedback-thanks span{font-size:20px;margin-right:10px}.feedback-thanks.positive{color:#4caf50}.feedback-thanks.negative{color:#ff9800}@media (max-width:992px){.faq-container{flex-direction:column}.faq-sidebar{flex:0 0 100%;margin-bottom:30px;position:static}}@media (max-width:768px){.faq-banner{height:250px}.faq-banner-content h1{font-size:2.5rem}.faq-section{padding:20px}}@media (max-width:576px){.faq-banner{height:200px}.faq-banner-content h1{font-size:2rem}.feedback-buttons{flex-direction:column;gap:10px}.faq-question h3{font-size:15px}}.experience-page{background-color:#f9f5f0;min-height:100vh;padding-bottom:0;position:relative}.experience-page:before{background:linear-gradient(45deg,#8b45130d 25%,#0000 0,#0000 75%,#8b45130d 0,#8b45130d),linear-gradient(45deg,#8b45130d 25%,#0000 0,#0000 75%,#8b45130d 0,#8b45130d);background-position:0 0,30px 30px;background-size:60px 60px;bottom:0;opacity:.5;right:0}.experience-page:after,.experience-page:before{content:"";left:0;pointer-events:none;position:absolute;top:0;z-index:0}.experience-page:after{background-image:url('data:image/svg+xml;utf8,<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M300,100 L340,180 L430,180 L360,230 L390,310 L300,260 L210,310 L240,230 L170,180 L260,180 Z" stroke="%23BE442F20" fill="%23BE442F05" stroke-width="2"/><path d="M200,200 C220,180 280,180 300,200 C320,220 320,280 300,300 C280,320 220,320 200,300 C180,280 180,220 200,200 Z" stroke="%234A7C5920" fill="%234A7C5905" stroke-width="2" stroke-dasharray="5,5"/><path d="M400,200 C420,180 480,180 500,200 C520,220 520,280 500,300 C480,320 420,320 400,300 C380,280 380,220 400,200 Z" stroke="%234A7C5920" fill="%234A7C5905" stroke-width="2" stroke-dasharray="5,5"/></svg>');background-position:50%;background-repeat:repeat;background-size:300px auto;height:100%;opacity:.15;width:100%}.experience-content:before{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="400" xmlns="http://www.w3.org/2000/svg"><path d="M40,40 L20,60 L40,80 L60,60 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/><path d="M40,120 L20,140 L40,160 L60,140 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/><path d="M40,200 L20,220 L40,240 L60,220 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/><path d="M40,280 L20,300 L40,320 L60,300 Z" stroke="%234A7C5950" fill="%234A7C5910" stroke-width="2"/></svg>');content:"";left:-60px;position:absolute}.experience-content:after,.experience-content:before{background-repeat:no-repeat;height:400px;opacity:.6;pointer-events:none;top:50%;transform:translateY(-50%);width:80px;z-index:0}.experience-content:after{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="400" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="120" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="200" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="280" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/><circle cx="40" cy="360" r="20" stroke="%23B2675E50" fill="%23B2675E10" stroke-width="2"/></svg>');right:-60px}.experience-content{margin:0 auto;max-width:1200px;padding:3rem 0;position:relative;z-index:2}.experience-content:after{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M0,15 L20,0 L40,15 L60,0 L80,15 L100,0 L120,15" stroke="%23D4724A60" fill="none" stroke-width="2"/></svg>');background-repeat:repeat-x;bottom:0;content:"";height:15px;left:0;position:absolute;right:0;z-index:1}.experience-banner{align-items:center;border-radius:0;display:flex;height:350px;justify-content:center;margin-bottom:20px;overflow:hidden;position:relative}.experience-banner:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L10,6 L0,12 L10,12 L20,6 L30,12 L40,12 L50,6 L60,12 L70,12 L80,6 L90,12 L100,12 L90,6 L100,0 L90,0 L80,6 L70,0 L60,0 L50,6 L40,0 L30,0 L20,6 L10,0 Z" fill="%23BE442F90"/></svg>');top:0}.experience-banner:after,.experience-banner:before{background-repeat:repeat-x;content:"";height:12px;left:0;position:absolute;right:0;z-index:4}.experience-banner:after{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M0,12 L10,6 L0,0 L10,0 L20,6 L30,0 L40,0 L50,6 L60,0 L70,0 L80,6 L90,0 L100,0 L90,6 L100,12 L90,12 L80,6 L70,12 L60,12 L50,6 L40,12 L30,12 L20,6 L10,12 Z" fill="%23BE442F90"/></svg>');bottom:0}.experience-banner-content:after,.experience-banner-content:before{background-image:url('data:image/svg+xml;utf8,<svg width="60" height="150" xmlns="http://www.w3.org/2000/svg"><path d="M30,30 L15,45 L30,60 L45,45 Z M30,80 L15,95 L30,110 L45,95 Z" stroke="white" fill="none" stroke-width="2" opacity="0.7"/></svg>');background-repeat:no-repeat;content:"";height:150px;position:absolute;width:60px;z-index:3}.experience-banner-content:before{left:-80px;top:50%;transform:translateY(-50%)}.experience-banner-content:after{right:-80px;top:50%;transform:translateY(-50%) scaleX(-1)}.experience-banner-image{object-fit:cover;z-index:1}.experience-banner-image,.experience-banner-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.experience-banner-overlay{background:linear-gradient(180deg,#0006,#000000b3);z-index:2}.experience-banner-content{color:#fff;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:3}.experience-banner-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.experience-banner-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0000004d}.experience-section{background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="diagonalHatch" patternUnits="userSpaceOnUse" width="10" height="10"><path d="M-2,2 l4,-4 M0,10 l10,-10 M8,12 l4,-4" stroke="%23BE442F05" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23diagonalHatch)" /></svg>');border:1px solid #be442f33;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:2rem;padding:2rem;position:relative;z-index:1}.experience-section:before{background-image:url('data:image/svg+xml;utf8,<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg"><path d="M45,5 L5,45 M5,5 L45,45" stroke="%23BE442F20" stroke-width="1.5"/><circle cx="25" cy="25" r="10" stroke="%23BE442F20" fill="none" stroke-width="1.5"/></svg>');height:50px;right:10px;top:10px;width:50px}.experience-section:after,.experience-section:before{background-repeat:no-repeat;content:"";opacity:.6;position:absolute;z-index:0}.experience-section:after{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M5,5 L15,20 L5,35 M35,5 L25,20 L35,35" stroke="%23BE442F20" stroke-width="1.5" fill="none"/></svg>');bottom:10px;height:40px;left:10px;width:40px}.experience-section-title{border-bottom:3px solid #f0f0f0;color:#be442f;font-family:Ma Shan Zheng,cursive,sans-serif;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.8rem;position:relative}.experience-section-title:after{background:linear-gradient(90deg,#be442f,#d4724a);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:80px}.experience-description{color:#555;line-height:1.8;margin-bottom:1.5rem}.experience-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.experience-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:10px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.experience-card:before{background-image:url('data:image/svg+xml;utf8,<svg width="80" height="80" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L80,0 L80,80 Z" fill="%23BE442F10"/><path d="M60,0 L80,20 L80,0 Z" fill="%23BE442F15"/><path d="M40,0 L80,40 L80,20 Z" fill="%23BE442F10"/><path d="M60,40 L60,60 L40,60 Z" stroke="%23BE442F20" fill="none" stroke-width="1"/></svg>');background-repeat:no-repeat;content:"";height:80px;opacity:.6;position:absolute;right:0;top:0;transition:all .3s ease;width:80px;z-index:0}.experience-card:hover{border-color:#be442f4d;box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.experience-card:hover:before{opacity:.8;transform:scale(1.1)}.experience-card-title{color:#333;font-size:1.3rem;margin-bottom:1rem}.experience-card-content{color:#666;line-height:1.6}.experience-interactive{background-color:#f5f5f5;background-image:url('data:image/svg+xml;utf8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L60,60 M60,0 L0,60" stroke="%23BE442F10" stroke-width="1"/></svg>'),linear-gradient(90deg,#be442f0d,#d4724a0d);border:1px dashed #be442f4d;border-radius:15px;margin:2rem 0;overflow:hidden;padding:2rem;position:relative;text-align:center}.experience-interactive:after,.experience-interactive:before{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M20,10 L5,25 L20,40 L35,25 Z M20,60 L5,75 L20,90 L35,75 Z" stroke="%23BE442F30" fill="none" stroke-width="2"/></svg>');background-repeat:no-repeat;content:"";height:100px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:0}.experience-interactive:before{left:10px}.experience-interactive:after{right:10px;transform:translateY(-50%) scaleX(-1)}.experience-interactive-title{color:#333;display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;position:relative;z-index:2}.experience-interactive-title:after,.experience-interactive-title:before{color:#be442f;content:"✦";font-size:1.2rem;position:relative;top:-2px}.experience-interactive-title:before{margin-right:15px}.experience-interactive-title:after{margin-left:15px}.experience-button{background:linear-gradient(45deg,#be442f,#d4724a);border:none;border-radius:30px;box-shadow:0 4px 15px #be442f4d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.experience-button:before{background-image:url('data:image/svg+xml;utf8,<svg width="120" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M0,20 L10,10 L20,20 L30,10 L40,20 L50,10 L60,20 L70,10 L80,20 L90,10 L100,20 L110,10 L120,20" stroke="rgba%28255,255,255,0.3%29" fill="none" stroke-width="1"/><path d="M0,30 L10,20 L20,30 L30,20 L40,30 L50,20 L60,30 L70,20 L80,30 L90,20 L100,30 L110,20 L120,30" stroke="rgba%28255,255,255,0.2%29" fill="none" stroke-width="1"/></svg>');bottom:0;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:-1}.experience-button:hover{background:linear-gradient(45deg,#d4724a,#be442f);box-shadow:0 6px 20px #be442f66;transform:translateY(-3px)}.experience-button:hover:before{opacity:.8}.experience-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:2rem 0;position:relative}.experience-gallery:before{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M0,10 L10,0 L20,10 L30,0 L40,10" stroke="%23BE442F50" fill="none" stroke-width="1.5"/></svg>');top:-10px}.experience-gallery:after,.experience-gallery:before{background-repeat:repeat-x;content:"";height:10px;left:0;position:absolute;right:0}.experience-gallery:after{background-image:url('data:image/svg+xml;utf8,<svg width="40" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L10,10 L20,0 L30,10 L40,0" stroke="%23BE442F50" fill="none" stroke-width="1.5"/></svg>');bottom:-10px}.gallery-item{border:2px solid #0000;border-radius:10px;height:200px;transition:all .3s ease}.gallery-item:before{background:linear-gradient(45deg,#be442f4d,#d4724a4d);border-radius:8px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);opacity:0;padding:2px;position:absolute;transition:opacity .3s ease;z-index:2}.gallery-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.gallery-item:hover:before{opacity:1}.gallery-item img{height:100%;transition:transform .5s ease}.experience-tips{background-color:#f8f4ea;background-image:url('data:image/svg+xml;utf8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><path d="M20,20 L40,20 L40,40 L20,40 Z M60,20 L80,20 L80,40 L60,40 Z M100,20 L120,20 L120,40 L100,40 Z M140,20 L160,20 L160,40 L140,40 Z M20,60 L40,60 L40,80 L20,80 Z M60,60 L80,60 L80,80 L60,80 Z M100,60 L120,60 L120,80 L100,80 Z M140,60 L160,60 L160,80 L140,80 Z M20,100 L40,100 L40,120 L20,120 Z M60,100 L80,100 L80,120 L60,120 Z M100,100 L120,100 L120,120 L100,120 Z M140,100 L160,100 L160,120 L140,120 Z M20,140 L40,140 L40,160 L20,160 Z M60,140 L80,140 L80,160 L60,160 Z M100,140 L120,140 L120,160 L100,160 Z M140,140 L160,140 L160,160 L140,160 Z" stroke="%23BE442F10" fill="none" stroke-width="1"/></svg>');border-left:4px solid #be442f;border-radius:0 10px 10px 0;margin:2rem 0;padding:1.5rem;position:relative}.experience-tips:before{background-image:url('data:image/svg+xml;utf8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><path d="M30,10 C40,10 50,20 50,30 C50,40 40,50 30,50 C20,50 10,40 10,30 C10,20 20,10 30,10 Z" stroke="%23BE442F20" fill="none" stroke-width="1.5" stroke-dasharray="3,2"/><path d="M30,15 L34,25 L45,25 L36,32 L40,42 L30,35 L20,42 L24,32 L15,25 L26,25 Z" stroke="%23BE442F20" fill="none" stroke-width="1"/></svg>');content:"";height:60px;opacity:.7;position:absolute;right:10px;top:10px;width:60px;z-index:0}.tips-title{color:#be442f;display:inline-block;font-size:1.3rem;margin-bottom:1rem;position:relative}.tips-title:after{background-image:url('data:image/svg+xml;utf8,<svg width="60" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0,3 C10,0 20,6 30,3 C40,0 50,6 60,3" stroke="%23BE442F40" fill="none" stroke-width="1.5"/></svg>');background-repeat:repeat-x;background-size:60px 6px;bottom:-5px;content:"";height:6px;left:0;position:absolute;width:100%}.tips-content{color:#666;line-height:1.6}.tips-content,.tips-list{position:relative;z-index:1}.tips-list{list-style:none;margin:1rem 0;padding:0}.tips-list li{padding:.5rem 0 .5rem 1.5rem;position:relative}.tips-list li:before{color:#be442f;content:"✦";font-size:1rem;left:0;position:absolute;top:.5rem}.experiences-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:2rem;position:relative}.experiences-list:before{background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L100,100 M100,0 L0,100" stroke="%23BE442F05" stroke-width="1"/></svg>');content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.experience-banner{height:280px}.experience-banner-title{font-size:2.2rem}.experience-banner-subtitle{font-size:1rem}.experience-content{padding:2rem 1rem}.experience-gallery,.experience-grid,.experiences-list{grid-template-columns:1fr}}.zaran-canvas{background-color:#fff;border:1px solid #ddd;display:block;height:400px;margin:0 auto;max-width:600px;touch-action:none;width:100%}.zaran-tools{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.zaran-tool{background-color:#f0f0f0;border-radius:20px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.zaran-tool.active,.zaran-tool:hover{background-color:#be442f;color:#fff}.color-picker{gap:.5rem;justify-content:center;margin:1rem 0}.color{border:2px solid #0000;border-radius:50%;cursor:pointer;height:30px;transition:transform .3s ease;width:30px}.color.active,.color:hover{border-color:#333;transform:scale(1.2)}.music-player{background-color:#f9f9f9;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:2rem 0;padding:1.5rem}.player-controls{gap:1rem;margin:1rem 0}.control-button,.player-controls{display:flex;justify-content:center}.control-button{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:1.2rem;height:50px;transition:all .3s ease;width:50px}.control-button:hover{background-color:#be442f;color:#fff;transform:scale(1.1)}.progress-bar{background-color:#eee;border-radius:4px;height:8px;margin:1rem 0;position:relative}.progress{background:linear-gradient(90deg,#be442f,#d4724a);height:100%;position:absolute;transition:width .1s linear;width:0}.music-info{margin:1rem 0;text-align:center}.music-title{color:#333;font-size:1.3rem;margin-bottom:.5rem}.music-artist{color:#666}.instrument-card{background-color:initial;height:300px;margin-bottom:20px;perspective:1000px;position:relative;transition:all .3s ease;width:100%}.instrument-card-inner{height:100%;position:absolute;text-align:center;transform-origin:center center;transform-style:preserve-3d;transition:transform .8s;width:100%}.instrument-card:hover .instrument-card-inner{transform:rotateY(180deg)}.instrument-card-back,.instrument-card-front{backface-visibility:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.instrument-card-front{align-items:center;background-color:#f9f9f9;background-image:linear-gradient(180deg,#fffc,#f5f2e6e6);border:1px solid #be442f33;box-shadow:inset 0 0 10px #fffc,0 5px 15px #0000001a;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.instrument-card-front:before{background:linear-gradient(90deg,#e53935 16.6%,#ffc107 33.2%,#4caf50 49.8%,#2196f3 66.4%,#9c27b0 83%,#ff5722);content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:2}.instrument-card-front:after{background-image:url('data:image/svg+xml;utf8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L60,60 M60,0 L0,60" stroke="%23BE442F08" stroke-width="1"/></svg>');background-repeat:repeat;background-size:20px;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:1}.instrument-card-back{background-color:#f3f0e9;background-image:linear-gradient(45deg,#be442f0d,#d4724a0d);box-sizing:border-box;color:#444;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:20px;transform:rotateY(180deg)}.instrument-image{filter:drop-shadow(3px 3px 5px rgba(0,0,0,.2));height:auto;margin-bottom:15px;max-height:180px;object-fit:contain;position:relative;transition:all .5s ease;width:75%;z-index:3}.instrument-card-back h3{color:#be442f;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px;position:relative;text-align:center}.instrument-card-back h3:after{background-color:#be442f66;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.instrument-card-back p{font-size:.95rem;line-height:1.6;margin:0 0 10px;text-align:justify}.instrument-origin{color:#666;font-size:.85rem;font-style:italic;margin-top:auto;padding-top:15px;text-align:center}@media (max-width:768px){.instrument-card{height:280px}.instrument-card-back h3{font-size:1.1rem;margin-bottom:10px;padding-bottom:8px}.instrument-card-back p{font-size:.9rem;line-height:1.5}.instrument-origin{font-size:.8rem;padding-top:10px}}.instrument-card:hover .instrument-image{filter:drop-shadow(5px 8px 8px rgba(0,0,0,.3));transform:scale(1.08) translateY(-5px)}.instrument-card:hover .instrument-card-front{box-shadow:inset 0 0 15px #ffffffe6,0 8px 20px #be442f33}.decorative-border{border:1px dashed #be442f4d;border-radius:5px;bottom:10px;left:10px;opacity:.7;pointer-events:none;position:absolute;right:10px;top:10px;z-index:2}.corner-decoration{height:20px;position:absolute;width:20px;z-index:2}.top-left{border-left:2px solid #be442f99;left:5px}.top-left,.top-right{border-top:2px solid #be442f99;top:5px}.top-right{border-right:2px solid #be442f99;right:5px}.bottom-left{border-left:2px solid #be442f99;left:5px}.bottom-left,.bottom-right{border-bottom:2px solid #be442f99;bottom:5px}.bottom-right{border-right:2px solid #be442f99;right:5px}.instrument-card-front .experience-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#be442f,#d4724a);-webkit-background-clip:text;background-clip:text;color:#be442f;font-size:1.4rem;font-weight:600;margin:0;padding:0 25px;position:relative;text-align:center;text-shadow:1px 1px 2px #fffc;z-index:3}.instrument-card-front .experience-card-title:after,.instrument-card-front .experience-card-title:before{-webkit-text-fill-color:#be442f;color:#be442f;content:"♪";font-size:.9rem;position:absolute;text-shadow:none;top:50%;transform:translateY(-50%);vertical-align:middle}.instrument-card-front .experience-card-title:before{left:5px}.instrument-card-front .experience-card-title:after{right:5px}.experience-banner-content:before,.experience-banner:before{display:none!important}:root{--dai-primary:#8b6e4e;--dai-secondary:#a89269;--dai-accent:#6b8e4b;--dai-light:#f1ead7;--dai-dark:#473729;--dai-water:#7ba5b9;--dai-highlight:#d7be69;--dai-background:#f9f6f0}.papermaking-experience-page{background-color:#f9f6f0;background-color:var(--dai-background);min-height:100vh}.papermaking-content-container{margin:0 auto;max-width:1200px;padding:20px}.paper-making-progress{margin:50px 0 60px;padding:0 15px}.progress-steps{display:flex;justify-content:space-between;padding:0 30px;position:relative}.progress-steps:before{background-color:#e9e2d5;width:100%;z-index:1}.progress-steps:after,.progress-steps:before{content:"";height:3px;left:0;position:absolute;top:20px}.progress-steps:after{background-color:#6b8e4b;background-color:var(--dai-accent);transition:width .5s cubic-bezier(.165,.84,.44,1);width:0;z-index:2}.progress-steps.step-1-active:after{width:16.66667%}.progress-steps.step-2-active:after{width:33.33333%}.progress-steps.step-3-active:after{width:50%}.progress-steps.step-4-active:after{width:66.66667%}.progress-steps.step-5-active:after{width:83.33333%}.progress-steps.step-6-active:after{width:100%}.progress-step{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:0 5px;position:relative;transition:all .3s ease;width:14.28%;z-index:5}.progress-step:after{background-color:#6b8e4b12;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0;z-index:-1}.progress-step:hover:after{height:100px;width:100px}.step-number{align-items:center;background-color:#fff;border:3px solid #e0d8c9;border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#a89269;display:flex;font-size:20px;font-weight:700;height:55px;justify-content:center;margin-bottom:15px;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1);width:55px;z-index:5}.progress-step:before{border-radius:4px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .2s ease;z-index:4}.progress-step:active .step-number{background-color:#6b8e4b1a;box-shadow:0 1px 3px #0000001a;transform:scale(.92)}.progress-step.active .step-number{background-color:#6b8e4b;background-color:var(--dai-accent);border-color:#6b8e4b;border-color:var(--dai-accent);box-shadow:0 10px 25px #6b8e4b4d;color:#fff;transform:scale(1.15)}.progress-step.active:active .step-number{transform:scale(1.05)}.progress-step.completed:active .step-number{transform:scale(.95)}.progress-step-clickable-area{bottom:-10px;cursor:pointer;left:0;position:absolute;right:0;top:-10px;z-index:3}.step-name{color:#666;font-size:16px;font-weight:500;line-height:1.4;margin-top:8px;max-width:90%;position:relative;text-align:center;transition:all .3s ease}.progress-step.active .step-name{color:#6b8e4b;color:var(--dai-accent);font-size:19px;font-weight:600}.progress-step.completed .step-number{background-color:#6b8e4b;background-color:var(--dai-accent);border-color:#6b8e4b;border-color:var(--dai-accent);color:#fff}.progress-step.completed .step-name{color:#6b8e4b;color:var(--dai-accent);font-weight:600}.progress-step:hover .step-number{border-color:#6b8e4b;border-color:var(--dai-accent);box-shadow:0 8px 20px #6b8e4b40;transform:translateY(-3px)}.progress-step:hover .step-name{color:#6b8e4b;color:var(--dai-accent);transform:translateY(-2px)}.progress-step.active:hover .step-number{box-shadow:0 12px 30px #6b8e4b59;transform:scale(1.18)}.progress-step .step-number:before{align-items:center;background-color:#6b8e4be6;border-radius:50%;box-shadow:0 3px 8px #0003;color:#fff;content:"";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:-5px;top:-5px;transform:scale(.5);transition:all .3s ease;width:20px}.progress-step:hover .step-number:before{content:"↓";opacity:1;transform:scale(1)}.paper-making-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #8b6e4e1a;margin-bottom:30px;padding:30px}.step-title{color:#8b6e4e;color:var(--dai-primary);display:inline-block;font-size:24px;margin-bottom:10px;margin-top:0;padding-bottom:12px;position:relative}.step-title:after{background:linear-gradient(90deg,#6b8e4b,#0000);background:linear-gradient(to right,var(--dai-accent),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:70%}.step-description{background-color:#f9f6f080;border-left:3px solid #d7be69;border-left:3px solid var(--dai-highlight);border-radius:0 6px 6px 0;box-shadow:0 2px 6px #0000000d;color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;max-width:90%;padding:12px 15px;position:relative}.material-selection{display:flex;flex-wrap:wrap;gap:40px;margin-top:20px}.materials-grid{display:flex;flex:3 1;flex-wrap:wrap;gap:25px}.material-card{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 10px 30px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1);width:calc(33.33% - 17px)}.material-card:before{background-color:#6b8e4b;background-color:var(--dai-accent);content:"";height:6px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.material-card.selected{background:linear-gradient(180deg,#f9f6f080 0,#fff);border-color:#d7be69;border-color:var(--dai-highlight);box-shadow:0 15px 35px #8b6e4e40;transform:translateY(-10px)}.material-card.selected:before{opacity:1}.material-card:hover:not(.selected){border-color:#6b8e4b4d;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.material-sample{align-items:center;border:3px solid #0000;border-radius:50%;box-shadow:0 10px 25px #0000001a;display:flex;height:120px;justify-content:center;margin-bottom:25px;overflow:hidden;position:relative;transition:all .4s ease;width:120px}.material-sample:after{background:radial-gradient(circle at 70% 30%,#fffc 0,#fff0 60%);bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0;transition:opacity .4s ease}.material-card:hover .material-sample{border-color:#6b8e4b;border-color:var(--dai-accent);transform:scale(1.05)}.material-card:hover .material-sample:after{opacity:.9}.material-card.selected .material-sample{border-color:#d7be69;border-color:var(--dai-highlight);box-shadow:0 15px 35px #00000026,0 0 0 5px #d7be6933;transform:scale(1.1)}.material-card h3{color:#473729;color:var(--dai-dark);font-size:22px;font-weight:700;margin:0 0 15px;text-align:center;transition:color .3s ease}.material-card.selected h3{color:#8b6e4e;color:var(--dai-primary);text-shadow:0 1px 2px #0000001a}.material-card p{color:#666;font-size:15px;line-height:1.6;margin:0;text-align:center}.material-preview{align-items:center;background:linear-gradient(145deg,#f9f6f0,#fff);background:linear-gradient(145deg,var(--dai-background) 0,#fff 100%);border:1px solid #d7be6933;border-radius:16px;box-shadow:0 15px 35px #0000000f;display:flex;flex:1 1;flex-direction:column;min-width:250px;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.material-preview:before{background:linear-gradient(90deg,#6b8e4b,#d7be69);background:linear-gradient(to right,var(--dai-accent),var(--dai-highlight));content:"";height:5px;left:0;opacity:.8;position:absolute;top:0;width:100%}.material-preview h3{color:#8b6e4e;color:var(--dai-primary);font-size:22px;font-weight:700;margin-bottom:30px;margin-top:0}.preview-box{align-items:center;background-color:#f9f6f0;background-color:var(--dai-background);background-image:linear-gradient(45deg,#6b8e4b08 25%,#0000 0),linear-gradient(-45deg,#6b8e4b08 25%,#0000 0),linear-gradient(45deg,#0000 75%,#6b8e4b08 0),linear-gradient(-45deg,#0000 75%,#6b8e4b08 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #8b6e4e1a;border-radius:16px;box-shadow:0 15px 35px #00000014;color:#473729;color:var(--dai-dark);display:flex;font-size:20px;font-weight:700;height:260px;justify-content:center;overflow:hidden;position:relative;transform:perspective(800px) rotateY(5deg);transform-style:preserve-3d;transition:all .4s ease;width:200px}.preview-box:after{background:linear-gradient(135deg,#fff6,#fff0 60%);border-radius:16px;bottom:0;right:0;z-index:2}.preview-box:after,.preview-box:before{content:"";left:0;position:absolute;top:0}.preview-box:before{animation:shimmerEffect 3s infinite;background:linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0);height:100%;transform:skewX(-20deg) translateX(-100%);width:100%;z-index:3}.preview-box span{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff6;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:8px 16px;position:relative;transform:translateZ(20px);z-index:4}.preview-box:hover{box-shadow:0 20px 40px #0000001f;transform:perspective(800px) rotateY(8deg) translateY(-5px)}@keyframes shimmerEffect{0%{transform:skewX(-20deg) translateX(-100%)}to{transform:skewX(-20deg) translateX(200%)}}.material-card[data-material=bamboo]:before{background:linear-gradient(90deg,#6b8e4b,#7ab55c)}.material-card[data-material=bark]:before{background:linear-gradient(90deg,#a89269,#b89b74)}.material-card[data-material=mulberry]:before{background:linear-gradient(90deg,#d6c9ba,#e5d7c3)}.material-sample[data-material=bamboo]{background:linear-gradient(135deg,#d8e0c5,#e8eedc 50%,#d2dbb7);box-shadow:0 10px 25px #6b8e4b33,inset 0 0 20px #6b8e4b1a}.material-sample[data-material=bark]{background:linear-gradient(135deg,#d9c6a9,#efe4d4 50%,#d2b794);box-shadow:0 10px 25px #a8926933,inset 0 0 20px #a892691a}.material-sample[data-material=mulberry]{background:linear-gradient(135deg,#f1eadb,#fff 50%,#f0e8d6);box-shadow:0 10px 25px #d3c09233,inset 0 0 20px #d3c0921a}.drying-process,.forming-process,.pulping-process,.soaking-process{display:flex;flex-wrap:wrap;gap:30px}.process-animation{border-radius:8px;flex:3 1;min-width:300px;overflow:hidden;position:relative}.process-animation img{border-radius:8px;display:block;height:auto;width:100%}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:30px;position:absolute;right:0;top:0;z-index:10}.progress-container{animation:fadeInUp .5s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:12px;box-shadow:0 8px 25px #0003;margin-bottom:25px;padding:20px;width:80%}.progress-bar{background-color:#fff3;box-shadow:inset 0 2px 5px #0003;height:14px;margin-bottom:10px;width:100%}.progress-bar,.progress-fill{border-radius:12px;overflow:hidden}.progress-fill{background-color:#6b8e4b!important;background-color:var(--dai-accent)!important;box-shadow:0 2px 5px #6b8e4b80!important;height:100%;position:relative;transition:width .3s ease-out}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0)!important;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-value{color:#fff;font-size:16px;font-weight:600;margin-top:5px;text-align:right;text-shadow:0 1px 3px #0000004d}.processing-message{align-items:center;animation:fadeInUp .7s ease;display:flex;flex-direction:column;margin-bottom:25px}.processing-message p{color:#fff;font-size:18px;font-weight:500;margin-top:15px;text-shadow:0 2px 4px #00000080}.processing-icon{display:flex;gap:8px;margin-bottom:10px}.processing-dot{animation:dotPulse 1.5s ease-in-out infinite;background-color:#fff;border-radius:50%;height:12px;width:12px}.processing-tips{animation:fadeInUp .9s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#6b8e4b33!important;border-left:3px solid #6b8e4b!important;border-left:3px solid var(--dai-accent)!important;border-radius:10px;max-width:90%;padding:15px 25px;transition:all .3s ease}.processing-tips p{color:#fff;font-size:15px;font-style:italic;line-height:1.6;margin:0;text-align:center;text-shadow:0 1px 3px #0000004d}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes dotPulse{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.water-overlay{background-color:#7ba5b980!important;transition:all .5s ease}.animate-water,.water-overlay{animation:waterWave 8s ease-in-out infinite}.bubbles-container{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.show-bubbles{opacity:1}.bubble{animation:bubbleRise 4s ease-out infinite;background-color:#fff9;border-radius:50%;position:absolute}.pulping-animation{animation:pulpingShake .5s ease-in-out infinite}.pestle-container{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.pestle-animation{opacity:1}.pestle{animation:pestleMovement 1s ease-in-out infinite;background-color:#8b6e4e;background-color:var(--dai-primary);border-radius:5px;height:120px;left:50%;position:absolute;top:20%;transform:translateX(-50%) rotate(20deg);transform-origin:bottom center;width:20px}.fiber-particles{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}.show-particles{opacity:1}.particle{animation:particleFloat 3s ease-out infinite;border-radius:50%;position:absolute}@keyframes pestleMovement{0%,to{transform:translateX(-50%) rotate(20deg)}50%{transform:translateX(-50%) rotate(-10deg)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translateY(-50px) scale(.5)}}.paper-forming-animation{animation:formingShake 2s ease-in-out infinite}.mold-animation{animation:moldMovement 3s ease-in-out infinite}.mold-frame{border:5px solid #8b6e4e!important;border:5px solid var(--dai-primary)!important;border-radius:10px;box-sizing:border-box;height:60%;left:10%;top:20%;width:80%}.mold-frame,.mold-mesh{position:absolute;transition:all .5s ease}.mold-mesh{background-image:linear-gradient(0deg,#ffffff4d 1px,#0000 0),linear-gradient(90deg,#ffffff4d 1px,#0000 0);background-size:10px 10px;height:56%;left:12%;opacity:.7;top:22%;width:76%}.water-drips{bottom:0;height:50%;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;width:100%}.dripping{opacity:1}.water-drip{animation:dripping 4s infinite;background-color:#ffffffb3;height:0;position:absolute;top:50%;width:2px}@keyframes formingShake{0%,to{transform:translateX(0)}25%{transform:translateX(3px)}75%{transform:translateX(-3px)}}@keyframes moldMovement{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(.5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-5px) rotate(-.5deg)}to{transform:translateY(0) rotate(0deg)}}.completed-paper{align-items:center;display:flex;flex-wrap:wrap;gap:40px;padding:20px}.completed-preview{display:flex;flex:2 1;justify-content:center;min-width:300px}.final-paper-image{border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:500px;max-width:100%;transition:all .5s ease}.final-paper-image:hover{box-shadow:0 25px 50px #0003;transform:scale(1.02)}.completed-info{background-color:#f9f9f9;border-radius:16px;box-shadow:0 15px 35px #00000014;flex:1 1;min-width:250px;padding:30px}.completed-info h3{color:#8b6e4e;color:var(--dai-primary);font-size:26px;margin-bottom:20px;margin-top:0}.completed-info p{color:#666;font-size:16px;line-height:1.8;margin-bottom:30px}.final-actions{display:flex;flex-wrap:wrap;gap:15px}.action-btn{background-color:#fff;border:2px solid #8b6e4e;border:2px solid var(--dai-primary);border-radius:30px;box-shadow:0 5px 15px #0000000d;color:#8b6e4e;color:var(--dai-primary);font-size:16px;font-weight:600;padding:14px 30px;transition:all .3s cubic-bezier(.165,.84,.44,1)}.action-btn:hover{background-color:#8b6e4e;background-color:var(--dai-primary);box-shadow:0 10px 20px #8b6e4e33;color:#fff;transform:translateY(-3px)}.action-btn:active{transform:translateY(-1px)}.step-navigation{display:flex;justify-content:space-between;margin-top:40px}.nav-btn{border:none;border-radius:30px;box-shadow:0 6px 15px #0000001a;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 36px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.nav-btn:after{background:#fff3;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.nav-btn:hover:after{opacity:1}.nav-btn:hover{box-shadow:0 10px 20px #8b6e4e26;transform:translateY(-3px)}.nav-btn:active{box-shadow:0 5px 10px #0000001a;transform:translateY(-1px)}.nav-btn.prev{background-color:#f5f2eb;color:#473729;color:var(--dai-dark)}.nav-btn.next{background:linear-gradient(45deg,#6b8e4b,#8baf6b);background:linear-gradient(45deg,var(--dai-accent) 0,#8baf6b 100%);box-shadow:0 6px 15px #6b8e4b40;color:#fff;position:relative;z-index:1}.nav-btn.next:hover{box-shadow:0 10px 20px #6b8e4b59}.nav-btn.next:before{background:linear-gradient(45deg,#5c7b3f,#6b8e4b);background:linear-gradient(45deg,#5c7b3f 0,var(--dai-accent) 100%);border-radius:30px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.nav-btn.next:hover:before{opacity:1}.nav-btn.next:after{background:radial-gradient(circle at 10% 10%,#ffffff59 0,#fff0 60%)}.nav-btn:disabled{background-color:#e0e0e0;box-shadow:none;color:#999;cursor:not-allowed;transform:none}.nav-btn:disabled:after,.nav-btn:disabled:before{display:none}.control-item input[type=range],.control-item select{transition:all .2s ease}.control-item input[type=range]:hover,.control-item select:hover{border-color:#4caf50}.control-item input[type=range]:focus,.control-item select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.experience-actions{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.experience-actions .action-btn{background-color:#fff;border:1px solid #4caf50;color:#4caf50;font-size:16px;overflow:hidden;padding:12px 25px;position:relative;transition:all .2s ease}.experience-actions .action-btn:after{background:#4caf501a;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.experience-actions .action-btn:hover{background-color:#4caf50;color:#fff}.experience-actions .action-btn:active{transform:translateY(1px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cultural-modal,.gallery-modal,.guide-modal,.share-modal{animation:modalFadeIn .4s ease;background-color:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:900px;overflow:hidden;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.modal-header h2{color:#8b6e4e;color:var(--dai-primary);font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#8b6e4e1a;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#8b6e4e;cursor:pointer;display:flex;font-size:34px;font-weight:700;height:50px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .3s ease;width:50px;z-index:5}.close-btn:hover{background-color:#8b6e4e;box-shadow:0 4px 12px #0003;color:#fff;transform:scale(1.1)}.cultural-content,.gallery-content,.guide-content,.share-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:30px}.guide-step{background-color:#f9f9f9;border-radius:16px;box-shadow:0 10px 30px #0000000d;margin-bottom:30px;padding:20px;text-align:center}.guide-step h3{color:#8b6e4e;color:var(--dai-primary);font-size:24px;font-weight:700;margin-bottom:20px}.guide-step img{border-radius:12px;box-shadow:0 15px 35px #0000001a;margin-bottom:20px;max-height:350px;max-width:100%;object-fit:contain;transition:all .3s ease}.guide-step img:hover{box-shadow:0 20px 40px #00000026;transform:scale(1.02)}.guide-step p{color:#333;font-size:16px;line-height:1.8}.guide-navigation{align-items:center;background-color:#f5f5f5;border-radius:16px;display:flex;justify-content:space-between;margin-top:30px;padding:20px}.guide-nav-btn{background-color:#6b8e4b;background-color:var(--dai-accent);border:none;border-radius:30px;box-shadow:0 5px 15px #6b8e4b33;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.guide-nav-btn:hover{background-color:#3e9142;box-shadow:0 8px 20px #6b8e4b4d;transform:translateY(-3px)}.guide-nav-btn:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.guide-progress{display:flex;gap:12px}.progress-dot{background-color:#e0e0e0;border-radius:50%;cursor:pointer;height:14px;transition:all .3s ease;width:14px}.progress-dot:hover{background-color:#bdbdbd;transform:scale(1.2)}.progress-dot.active{background-color:#6b8e4b;background-color:var(--dai-accent);box-shadow:0 0 0 3px #6b8e4b4d;transform:scale(1.2)}.cultural-images{display:flex;gap:20px;margin-bottom:30px}.cultural-images img{border-radius:16px;box-shadow:0 15px 35px #0000001a;height:250px;object-fit:cover;transition:all .4s ease;width:calc(50% - 10px)}.cultural-images img:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-10px)}.cultural-sections section{background-color:#f9f9f9;border-radius:16px;box-shadow:0 10px 30px #0000000d;margin-bottom:30px;padding:25px;transition:all .3s ease}.cultural-sections section:hover{box-shadow:0 15px 35px #00000014}.cultural-sections h3{color:#8b6e4e;color:var(--dai-primary);font-size:22px;font-weight:700;margin-bottom:15px}.cultural-sections p{color:#333;font-size:16px;line-height:1.8}.process-list{padding-left:20px}.process-list li{line-height:1.5;margin-bottom:10px}.gallery-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.gallery-item{background-color:#fff;border-radius:16px;box-shadow:0 15px 35px #0000001a;overflow:hidden;position:relative;transition:all .4s ease}.gallery-item:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-10px)}.gallery-item img{height:220px;object-fit:cover;transition:all .5s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-info{padding:20px}.gallery-item-info h4{color:#333;font-size:18px;font-weight:700;margin:0 0 15px}.gallery-item-info p{color:#666;font-size:14px;line-height:1.6;margin:8px 0}.empty-message{background-color:#f9f9f9;border-radius:16px;color:#666;font-size:18px;margin:30px 0;padding:60px 0;text-align:center}.completed-work-preview{margin-bottom:20px;text-align:center}.completed-work-preview img{border-radius:8px;margin-bottom:10px;max-height:300px;max-width:100%;object-fit:contain}.completed-work-preview h3{color:#333}.share-options h3{color:#4caf50;margin-bottom:15px;text-align:center}.share-buttons{display:flex;gap:15px;justify-content:center}.share-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:10px 15px}.share-btn.weixin{background-color:#07c160}.share-btn.weibo{background-color:#e6162d}.share-btn.qq{background-color:#12b7f5}.share-btn.download{background-color:#4caf50}@media (max-width:992px){.progress-steps{overflow-x:auto;padding-bottom:10px}.progress-step{min-width:100px}.step-name{font-size:16px}.progress-step.active .step-name{font-size:17px}.step-number{font-size:18px;height:50px;width:50px}}@media (max-width:768px){.material-card{width:100%}.cultural-images{flex-direction:column}.cultural-images img{width:100%}.share-buttons{flex-wrap:wrap}.step-name{font-size:15px}.step-number{font-size:17px;height:45px;width:45px}}@media (max-width:576px){.paper-making-progress{overflow-x:auto;padding-bottom:15px}.progress-steps{min-width:700px}.step-name{font-size:14px}.step-number{font-size:16px;height:40px;width:40px}}@keyframes waterWave{0%{border-top-left-radius:30%;border-top-right-radius:30%;opacity:.5;transform:translateY(0) scaleX(1.1)}25%{border-top-left-radius:40%;border-top-right-radius:20%;filter:hue-rotate(5deg);opacity:.6;transform:translateY(-5px) scale(1.12,1.02)}50%{border-top-left-radius:25%;border-top-right-radius:35%;filter:hue-rotate(0deg);opacity:.55;transform:translateY(-3px) scale(1.1,1.01)}75%{border-top-left-radius:15%;border-top-right-radius:45%;filter:hue-rotate(-5deg);opacity:.65;transform:translateY(-7px) scale(1.13,1.03)}to{border-top-left-radius:30%;border-top-right-radius:30%;filter:hue-rotate(0deg);opacity:.5;transform:translateY(-2px) scaleX(1.1)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) translateX(0) scale(.8)}10%{opacity:.8;transform:translateY(-10px) translateX(0) scale(1);transform:translateY(-10px) translateX(var(--tx,0)) scale(1)}60%{opacity:.7}to{opacity:0;transform:translateY(-150px) translateX(0) scale(.9) rotate(0deg);transform:translateY(-150px) translateX(var(--tx,0)) scale(.9) rotate(var(--rot,0deg))}}@keyframes pulpingShake{0%{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(2px,2px) rotate(1deg) scale(1.01)}50%{transform:translateY(-2px) rotate(0deg) scale(1)}75%{transform:translate(-2px,2px) rotate(-1deg) scale(1.01)}to{transform:translate(0) rotate(0deg) scale(1)}}.pulp-layer.forming{animation:pulpSettle 3s forwards,pulpShimmer 5s infinite alternate}@keyframes pulpShimmer{0%{background-color:#e9efc780;box-shadow:inset 0 0 10px #ffffff4d}to{background-color:#e9efc7b3;box-shadow:inset 0 0 20px #ffffff80}}@keyframes dripping{0%{height:0;opacity:0;top:50%;transform:translateX(0)}10%{height:5px;opacity:.3}50%{height:15px;opacity:1;transform:translateX(2px);transform:translateX(var(--wave,2px))}90%{height:8px;opacity:.7}to{height:5px;opacity:0;top:100%;transform:translateX(0)}}.process-controls{background-color:#f9f9f9;border-radius:8px;flex:1 1;min-width:250px;padding:20px}.control-item{margin-bottom:20px}.control-item:last-child{margin-bottom:0}.control-item label{color:#333;display:block;font-weight:700;margin-bottom:10px}.control-item select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.control-item input[type=range]{-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:10px;height:8px;margin-bottom:10px;outline:none;width:100%}.control-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6b8e4b;background:var(--dai-accent);border-radius:50%;cursor:pointer;height:20px;width:20px}.texture-options{display:flex;flex-direction:column;gap:15px}.texture-option{background-color:#fff;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s}.texture-option:hover{background-color:#f1f8e9}.texture-option.selected{background-color:#6b8e4b0d;border:2px solid #6b8e4b;border:2px solid var(--dai-accent)}.texture-sample{background-color:#eee;border-radius:8px;height:70px;width:70px}.texture-sample.standard{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"><path d="M1,1 L1,3 L3,3 L3,1 L1,1" fill="rgba%280,0,0,0.1%29"/></svg>');background-repeat:repeat}.texture-sample.rough{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path d="M0,0 L2,0 L2,2 L0,2 L0,0 M4,4 L6,4 L6,6 L4,6 L4,4" fill="rgba%280,0,0,0.15%29"/></svg>');background-repeat:repeat}.texture-sample.smooth{background:linear-gradient(45deg,#f9f9f9,#e0e0e0)}.texture-sample.pattern{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M10,2 L18,10 L10,18 L2,10 L10,2" fill="rgba%280,0,0,0.1%29"/></svg>');background-repeat:repeat}.texture-info{flex:1 1}.texture-info h4{color:#333;margin:0 0 5px}.texture-info p{color:#666;font-size:14px;line-height:1.5;margin:0}.paper-preview{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:250px;padding:20px}.preview-label{color:#333;font-weight:700;margin-bottom:15px}.preview-paper{border-radius:8px;box-shadow:0 5px 15px #0000001a;height:250px;transition:all .3s;width:200px}.decoration-process{display:flex;flex-direction:column;gap:20px}.decoration-tools{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.tool-section{background-color:#f9f9f9;border-radius:8px;flex:1 1;min-width:250px;padding:20px}.tool-section h3{color:#333;margin-bottom:15px;margin-top:0}.drawing-tools{gap:15px}.color-picker,.drawing-tools{display:flex;flex-direction:column}.color-picker{gap:10px}.color-picker label{color:#666}.color-picker input[type=color]{border:none;border-radius:4px;cursor:pointer;height:40px;width:100%}.brush-size{display:flex;flex-direction:column;gap:10px}.brush-size label{color:#666}.tool-btn{background-color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .2s}.tool-btn:hover{background-color:#d0d0d0}.pattern-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.pattern-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s}.pattern-item:hover{transform:scale(1.05)}.pattern-item img{border-radius:8px;height:80px;margin-bottom:5px;object-fit:cover;width:80px}.pattern-item span{color:#666;font-size:12px;text-align:center}.canvas-container{align-items:center;display:flex;flex-direction:column}canvas{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 5px 15px #0000001a;height:400px;max-width:600px;width:100%}.canvas-instructions{color:#666;font-size:14px;margin-top:15px}.color-presets .color-preset.selected{border-color:#8b6e4e;border-color:var(--dai-primary)}.canvas-tool{background-color:#6b8e4b;background-color:var(--dai-accent)}.effect-btn.selected{background-color:#6b8e4b!important;background-color:var(--dai-accent)!important}@media (max-width:768px){.paper-making-content{padding:20px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#8c3130;--primary-dark:#6e2726;--secondary-color:#d4b483;--text-color:#5c4033;--background-color:#f9f5f0;--white:#fff;--gray-light:#f5f5f5;--shadow:0 2px 10px #0000001a}body{background-color:#f9f5f0;background-color:var(--background-color);color:#5c4033;color:var(--text-color);font-family:Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 15px}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.btn{border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s}.btn-primary{background-color:#8c3130;background-color:var(--primary-color);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#6e2726;background-color:var(--primary-dark)}.btn-outline{background-color:initial;border:1px solid #8c3130;border:1px solid var(--primary-color);color:#8c3130;color:var(--primary-color)}.btn-outline:hover{background-color:#4a7c591a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}
/*# sourceMappingURL=main.539129b4.css.map*/