*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;height:auto}body{font-family:var(--font-sans);font-size:var(--text-base, 15px);line-height:var(--leading-normal, 1.6);color:var(--color-charcoal, #1a1a1a);background-color:var(--color-bg-cream, #faf7f5);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"palt" 1;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:var(--leading-snug, 1.4);color:var(--color-charcoal, #1a1a1a);letter-spacing:.01em;font-feature-settings:"kern" 1,"liga" 1,"palt" 1}h1{font-size:var(--text-3xl, 36px);font-weight:700;letter-spacing:.005em}h2{font-size:var(--text-2xl, 28px);letter-spacing:.01em}h3{font-size:var(--text-xl, 22px)}h4{font-size:var(--text-lg, 18px)}h1+p,h2+p,h3+p,h4+p{margin-top:8px}p{font-family:var(--font-sans);font-feature-settings:"kern" 1,"liga" 1,"palt" 1}.num,.price,.number,code,kbd,samp{font-family:var(--font-num, var(--font-sans));font-feature-settings:"tnum" 1,"lnum" 1,"kern" 1;letter-spacing:-.005em}button,.btn{font-family:var(--font-sans);letter-spacing:.02em;font-feature-settings:"kern" 1,"liga" 1}.app-container{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.main-content{flex:1;padding:20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--color-charcoal, #1a1a1a);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #1a1a1a33;background:var(--color-rose, #b76e79)}.btn-secondary{background:#fff;color:var(--color-charcoal, #1a1a1a);border:2px solid var(--color-charcoal, #1a1a1a)}.btn-secondary:hover{background:var(--color-bg-warm, #f5f0ec)}.btn-outline{background:transparent;color:var(--color-charcoal, #1a1a1a);border:2px solid var(--color-charcoal, #1a1a1a)}.btn-outline:hover{background:var(--color-charcoal, #1a1a1a);color:#fff}.btn-small{padding:6px 12px;font-size:14px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.text-primary{color:var(--color-rose, #b76e79)}.text-secondary{color:#666}.text-success{color:#28a745}.text-warning{color:#ffc107}.text-danger{color:#dc3545}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.ml-1{margin-left:10px}.mr-1{margin-right:10px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.main-content{padding:10px}}.header{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .08));padding:16px 0;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none;color:var(--color-charcoal, #1a1a1a)}.logo-text{font-family:var(--font-serif, "Noto Serif SC", "Songti SC", serif)}.logo-icon{color:var(--color-rose, #b76e79);margin-right:10px}.logo-text{font-size:20px;font-weight:600}.nav{display:flex;align-items:center;gap:18px;flex-wrap:nowrap}.nav-link{text-decoration:none;color:var(--color-stone, #4a4540);font-weight:500;transition:color .3s ease;position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;font-size:15px;line-height:1.2}.nav-link-highlight{position:relative;color:#1a1a1a!important;font-weight:600!important;padding:6px 12px;border-radius:10px;background:linear-gradient(135deg,#e8c87a1f,#b76e791f);border:1px solid rgba(183,110,121,.25);transition:all .3s ease}.nav-link-highlight:hover{background:linear-gradient(135deg,#e8c87a38,#b76e7938);border-color:#b76e7966;transform:translateY(-1px)}.nav-item{white-space:nowrap;display:inline-flex;align-items:center}.nav-link:after{content:"";position:absolute;bottom:-22px;left:50%;transform:translate(-50%) scaleX(0);width:18px;height:2px;background:linear-gradient(90deg,#b76e79,#d97a7a);border-radius:2px;transition:transform .3s cubic-bezier(.16,1,.3,1);transform-origin:center}.nav-link:hover{color:var(--color-rose, #b76e79)}.nav-link:hover:after,.nav-link.active:after{transform:translate(-50%) scaleX(1)}.nav-link.active{color:var(--color-rose, #b76e79)}.nav-item{position:relative}.dropdown-trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;font-weight:500;color:var(--color-stone, #6b6560);transition:color .3s ease}.dropdown-trigger:hover{color:var(--color-rose, #b76e79)}.dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(-10px) scale(.96);transform-origin:top center;background:#fff;border-radius:22px;box-shadow:0 24px 70px #1a1a1a24,0 4px 12px #1a1a1a0a;padding:0;min-width:720px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:1000;overflow:hidden;border:1px solid var(--color-border, rgba(26, 26, 26, .08))}.dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(232,180,188,.6) 20%,rgba(183,110,121,.9) 50%,rgba(201,168,124,.9) 80%,transparent 100%);z-index:5;pointer-events:none}.dropdown-menu.dropdown-mega{min-width:980px;max-width:min(980px,calc(100vw - 40px));background:linear-gradient(180deg,#fff,#fdfaf7)}.dropdown-menu.dropdown-mega{left:0;transform:translate(0) translateY(-10px) scale(.96);transform-origin:top left}.dropdown.active .dropdown-menu.dropdown-mega{transform:translate(0) translateY(0) scale(1)}.nav-item.dropdown.dropdown-right .dropdown-menu.dropdown-mega{position:fixed;top:62px;left:auto;right:20px;transform:translateY(-10px) scale(.96);transform-origin:top right;max-width:min(980px,calc(100vw - 40px))}.nav-item.dropdown.dropdown-right.active .dropdown-menu.dropdown-mega{transform:translateY(0) scale(1)}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.dropdown-panel{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:360px}.dropdown-mega .dropdown-panel{grid-template-columns:220px minmax(0,1fr) 240px}.dropdown-categories,.dropdown-content,.dropdown-aside{min-width:0}.dropdown-categories{background:var(--color-bg-cream, #faf7f5);padding:20px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--color-border, rgba(26, 26, 26, .08))}.dropdown-categories-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#4a4540;letter-spacing:1.5px;text-transform:uppercase;padding:4px 16px 10px;border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .06));margin-bottom:10px}.dropdown-categories-title span{font-family:var(--font-serif, "Noto Serif SC", serif);letter-spacing:1px;text-transform:none;font-size:12px;color:#4a4540;font-weight:700}.dropdown-category-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;text-decoration:none;color:var(--color-stone, #6b6560);transition:all .3s cubic-bezier(.16,1,.3,1);font-size:14px;font-weight:500;position:relative;cursor:pointer}.dropdown-category-tab:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:18px;background:linear-gradient(180deg,#b76e79,#d97a7a);border-radius:2px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.dropdown-category-tab:hover,.dropdown-category-tab.active{background:#fff;color:var(--color-charcoal, #1a1a1a);box-shadow:0 4px 16px #1a1a1a0f;transform:translate(2px)}.dropdown-category-tab.active{color:var(--color-rose, #b76e79);padding-left:20px}.dropdown-category-tab.active:before{transform:translateY(-50%) scaleY(1)}.dropdown-category-tab .tab-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#a852521f;color:#a85252;transition:all .3s ease}.dropdown-category-tab:hover .tab-icon,.dropdown-category-tab.active .tab-icon{background:var(--color-rose, #b76e79);color:#fff}.dropdown-category-tab .tab-label{flex:1;color:#1a1a1a;font-weight:500}.dropdown-category-tab .tab-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-category-tab .tab-time{font-size:11px;color:#6b6560;letter-spacing:.3px;font-weight:500;white-space:nowrap}.dropdown-category-tab.active .tab-label,.dropdown-category-tab:hover .tab-label{color:var(--color-rose, #b76e79);font-weight:600}.dropdown-category-tab .tab-arrow{opacity:0;transform:rotate(-90deg);transition:all .3s ease;color:var(--color-rose, #b76e79)}.dropdown-category-tab:hover .tab-arrow,.dropdown-category-tab.active .tab-arrow{opacity:1}.dropdown-content{padding:32px;display:flex;flex-direction:column}.dropdown-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .08))}.dropdown-content-header .content-label{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.4rem;font-weight:500;color:var(--color-charcoal, #1a1a1a)}.content-time-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:1px;color:#a85252;background:#a8525226;padding:3px 10px;border-radius:10px;margin-bottom:6px}.dropdown-content-header .view-all-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-rose, #b76e79);text-decoration:none;font-weight:500;transition:gap .3s ease}.dropdown-content-header .view-all-link:hover{gap:8px}.subcat-dot{color:var(--color-rose, #b76e79);margin-right:6px;font-weight:700}.dropdown-subcategories-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dropdown-subcategories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dropdown-subcategory-item{display:flex;align-items:center;padding:14px 16px;border-radius:12px;background:var(--color-bg-cream, #faf7f5);color:#4a4540;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid transparent}.dropdown-subcategory-item:hover{background:#fff;color:#b76e79;border-color:#d4a5ad;transform:translateY(-2px);box-shadow:0 8px 24px #1a1a1a0f;font-weight:600}.dropdown-toolbar{margin-top:20px;padding-top:16px;border-top:1px dashed var(--color-border, rgba(26, 26, 26, .08))}.toolbar-label{font-size:11px;font-weight:600;color:var(--color-stone, #8a7f76);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px}.toolbar-chips{display:flex;gap:8px;flex-wrap:wrap}.toolbar-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:14px;background:#a852521f;color:#a85252;font-size:12px;font-weight:600;border:1px solid rgba(168,82,82,.2)}.scenario-story{position:relative;font-family:var(--font-serif, "Noto Serif SC", serif);font-size:13.5px;line-height:1.85;color:#1a1a1a;background:linear-gradient(135deg,#b76e790a,#c9a87c0a);border-left:3px solid var(--color-rose, #b76e79);border-radius:0 12px 12px 0;padding:14px 16px;margin:0 0 18px;font-style:italic;font-weight:500}.scenario-story:before{content:"「";position:absolute;left:8px;top:6px;font-size:22px;color:var(--color-rose-light, #d4a5ad);opacity:.5;font-family:var(--font-serif, "Noto Serif SC", serif)}.scenario-slogans{background:linear-gradient(135deg,#fff,#fdfaf7);border:1px solid var(--color-border, rgba(26, 26, 26, .06));border-radius:14px;padding:14px 18px;margin-bottom:18px;position:relative;overflow:hidden}.scenario-slogans:before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:radial-gradient(circle,rgba(201,168,124,.15) 0%,transparent 70%)}.slogan-main{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:16px;font-weight:700;color:#8b3a3a;background:linear-gradient(135deg,#8b3a3a,#a85252,#b76e79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.4;margin-bottom:4px}.slogan-sub{font-size:12.5px;color:#4a4540;line-height:1.6;font-weight:500}.dropdown-aside{background:linear-gradient(180deg,#fdfaf7,#f7efe7);padding:28px 24px;border-left:1px solid var(--color-border, rgba(26, 26, 26, .06));display:flex;flex-direction:column;justify-content:center}.aside-card{background:#fff;border-radius:16px;padding:22px 20px;border:1px solid var(--color-border, rgba(26, 26, 26, .08));box-shadow:0 4px 16px #1a1a1a0a}.aside-card-cream{background:linear-gradient(160deg,#fff,#fdfaf7);border-color:#c9a87c33}.aside-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#a85252;background:#a8525226;padding:4px 10px;border-radius:10px;margin-bottom:12px;letter-spacing:.5px}.aside-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:17px;font-weight:600;color:#1a1a1a;line-height:1.5;margin:0 0 10px}.aside-desc{font-size:12.5px;color:#4a4540;line-height:1.7;margin:0 0 14px;font-weight:500}.aside-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.aside-chips .chip{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;background:#faf7f5;color:#1a1a1a;border:1px solid rgba(26,26,26,.08)}.aside-cta{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-rose, #b76e79);text-decoration:none;font-weight:600;transition:gap .3s ease}.aside-cta:hover{gap:8px}.nav-link-creator{position:relative;color:#b76e79;background:linear-gradient(90deg,#b76e79,#d97a7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.nav-badge{display:inline-block;font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,#d97a7a,#b76e79);padding:2px 5px;border-radius:6px;margin-left:4px;letter-spacing:.5px;-webkit-text-fill-color:#fff}.dropdown-creator{min-width:560px;background:linear-gradient(180deg,#fff,#fdfaf7);padding:0}.creator-menu-head{padding:26px 28px 20px;background:radial-gradient(80% 100% at 100% 0%,rgba(201,168,124,.12) 0%,transparent 60%),radial-gradient(80% 100% at 0% 100%,rgba(183,110,121,.08) 0%,transparent 60%),linear-gradient(135deg,#fff,#fdfaf7);border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .06));position:relative}.creator-menu-head:after{content:"✨";position:absolute;top:18px;right:22px;font-size:18px;opacity:.5;animation:creator-twinkle 2.4s ease-in-out infinite}@keyframes creator-twinkle{0%,to{opacity:.4;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(8deg)}}.creator-head-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-rose, #b76e79);background:linear-gradient(135deg,#b76e791a,#c9a87c1a);padding:5px 12px;border-radius:100px;margin-bottom:12px;letter-spacing:.5px;border:1px solid rgba(183,110,121,.15)}.creator-menu-head h3{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:21px;font-weight:500;color:var(--color-charcoal, #1a1a1a);line-height:1.4;margin:0 0 8px;letter-spacing:.3px}.creator-menu-head p{font-size:12.5px;color:#4a4540;line-height:1.6;margin:0;font-weight:500}.creator-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:8px 0;background:linear-gradient(180deg,transparent 0%,rgba(183,110,121,.02) 50%,transparent 100%)}.creator-menu-item{display:flex;align-items:flex-start;gap:12px;padding:18px 24px;background:transparent;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;text-align:left;width:100%;position:relative}.creator-menu-item+.creator-menu-item{border-left:1px solid var(--color-border, rgba(26, 26, 26, .04))}.creator-menu-item:hover{background:linear-gradient(135deg,#b76e790d,#c9a87c0a)}.creator-menu-item:hover .cmi-arrow{transform:translate(2px);opacity:1}.cmi-icon{flex-shrink:0;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#b76e7924,#c9a87c1a);color:var(--color-rose, #b76e79);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:inset 0 1px #fff9}.creator-menu-item:hover .cmi-icon{background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #b76e794d}.cmi-body{flex:1;min-width:0}.cmi-body strong{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.cmi-body small{display:block;font-size:12px;color:#4a4540;line-height:1.5;font-weight:500}.cmi-arrow{flex-shrink:0;color:var(--color-rose, #b76e79);opacity:0;transition:all .3s ease;margin-top:8px}.creator-menu-foot{padding:16px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fdfaf7,#f7efe7);border-top:1px solid var(--color-border, rgba(26, 26, 26, .06))}.creator-stats{display:flex;gap:18px}.creator-stats .stat-item{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding-right:18px}.creator-stats .stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:1px;background:var(--color-border, rgba(26, 26, 26, .1))}.creator-stats .stat-num{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:16px;font-weight:700;color:#8b3a3a;background:linear-gradient(135deg,#8b3a3a,#a85252);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.creator-stats .stat-lbl{font-size:10.5px;color:#5a5550;font-weight:600;margin-top:2px;letter-spacing:.3px}.creator-cta{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#fff;background:linear-gradient(135deg,#b76e79,#d97a7a);text-decoration:none;font-weight:600;padding:7px 14px;border-radius:100px;white-space:nowrap;transition:all .3s ease;box-shadow:0 2px 8px #b76e794d}.creator-cta:hover{gap:8px;transform:translateY(-1px);box-shadow:0 4px 12px #b76e7966}.help-menu{min-width:360px;padding:12px;background:linear-gradient(180deg,#fff,#fdfaf7)}.help-menu-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;background:transparent;text-decoration:none;color:inherit;cursor:pointer;border:none;width:100%;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:inherit;position:relative}.help-menu-item+.help-menu-item{margin-top:2px}.help-menu-item:hover{background:linear-gradient(135deg,#b76e790d,#c9a87c0a);transform:translate(3px)}.help-icon{flex-shrink:0;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#b76e791f,#c9a87c1a);color:var(--color-rose, #b76e79);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:inset 0 1px #fff9}.help-menu-item:hover .help-icon{background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;transform:scale(1.05) rotate(-4deg);box-shadow:0 4px 12px #b76e794d}.help-menu-item strong{display:block;font-size:14.5px;font-weight:700;color:#1a1a1a;margin-bottom:3px;letter-spacing:.2px}.help-menu-item small{display:block;font-size:12px;color:#4a4540;line-height:1.4;font-weight:500}.help-menu-foot{margin-top:8px;padding:12px 14px;background:linear-gradient(135deg,#fdfaf7,#f7efe7);border-radius:10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#1a1a1a;font-weight:500}.help-menu-foot .help-status{display:inline-flex;align-items:center;gap:6px}.help-menu-foot .help-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#2a9d5f;box-shadow:0 0 0 3px #2a9d5f33;animation:status-pulse 1.6s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px #2a9d5f33}50%{box-shadow:0 0 0 5px #2a9d5f0d}}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.header-search{width:200px}.cart-icon{position:relative;cursor:pointer}.cart-badge{position:absolute;top:-6px;right:-8px;background:#ff6b9d;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px}.footer{background:#1a1a1a;color:#ffffffa6;padding:60px 0 24px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px;align-items:start}@media (max-width: 1100px){.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px}}@media (max-width: 900px){.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1 / -1}}.footer-brand{min-width:0}.footer-section h3{color:#fff;font-family:var(--font-serif, "Noto Serif SC", "Songti SC", serif);margin-bottom:20px}.footer-link-highlight{color:var(--color-rose, #d97a7a)!important;font-weight:600}.footer-link-highlight:hover{color:#fff!important}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#fff9;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--color-rose-light, #d4a5ad)}.footer-tagline{font-family:var(--font-serif, "Noto Serif SC", "Songti SC", serif);font-size:18px;font-weight:600;color:#fff;letter-spacing:2px;margin-bottom:14px}.footer-desc{font-size:13.5px;line-height:1.85;color:#ffffffb3;font-weight:400;margin:0 0 18px;max-width:320px}.footer-socials{display:flex;gap:10px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid rgba(255,255,255,.18);border-radius:50px;font-size:12.5px;font-weight:500;color:#ffffffd9;text-decoration:none;background:#ffffff0a;transition:all .3s ease}.social-link:hover{background:#ffffff1f;border-color:#fff6;color:#fff;transform:translateY(-1px)}.footer-promises,.footer-contact{list-style:none;padding:0;margin:0}.footer-promises li,.footer-contact li{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13.5px;color:#ffffffc7;font-weight:500}.footer-promises li svg,.footer-contact li svg{color:#d4a5ad;flex-shrink:0}.footer-mid{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;margin-top:32px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.footer-icp{font-size:12.5px;color:#ffffff8c;font-weight:400}.footer-legal{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#fff9;font-weight:500}.footer-legal a{color:#ffffffa6;text-decoration:none;transition:color .3s ease}.footer-legal a:hover{color:#fff}.footer-legal .dot{color:#ffffff4d}.footer-brand{padding-right:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;color:#fff6}.home .hero{background:linear-gradient(135deg,#fff0f5,#ffe4e9);padding:80px 0;display:flex;align-items:center;justify-content:center;gap:80px}.hero-content{max-width:600px}.hero-title{font-size:48px;font-weight:700;color:#333;margin-bottom:16px}.hero-emoji{font-size:40px}.hero-subtitle{font-size:24px;color:#ff6b9d;margin-bottom:16px}.hero-description{font-size:16px;color:#666;margin-bottom:32px;line-height:1.8}.hero-buttons{display:flex;gap:16px}.hero-stats{display:flex;gap:40px;margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,107,157,.1)}.stat-item{text-align:center}.stat-item .stat-value{display:block;font-size:28px;font-weight:700;color:#ff6b9d}.stat-item .stat-label{display:block;font-size:14px;color:#666;margin-top:4px}.hero-image{position:relative;width:400px;height:400px}.hero-illustration{position:relative;width:100%;height:100%}.hero-main-image{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 20px 60px #f94c8433}.floating-item{position:absolute;animation:float 3s ease-in-out infinite}.floating-item.item-1{top:20%;left:30%;animation-delay:0s}.floating-item.item-2{top:50%;right:20%;animation-delay:1s}.floating-item.item-3{bottom:30%;left:40%;animation-delay:2s}.heart-icon{color:#ff6b9d}.sparkle-icon{color:gold}.gift-icon{color:#ff6b9d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features{padding:60px 0}.section-title{text-align:center;font-size:32px;font-weight:600;color:#333;margin-bottom:12px}.section-subtitle{text-align:center;font-size:16px;color:#666;margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.feature-card{text-align:center;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #f94c8426}.feature-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#ffe4e9,#fff0f5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff6b9d;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg,#ff6b9d,#f94c84);color:#fff}.feature-title{font-size:18px;font-weight:600;margin-bottom:10px}.feature-description{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}.feature-stats{display:flex;flex-direction:column;align-items:center;padding-top:16px;border-top:1px solid #f0f0f0}.feature-stats .stat-num{font-size:24px;font-weight:700;color:#ff6b9d}.feature-stats .stat-label{font-size:12px;color:#999;margin-top:4px}.banners{padding:60px 0}.banner-slider-wrapper{position:relative;overflow:hidden;border-radius:16px}.banner-slider{display:flex;transition:transform .5s ease}.banner-card{position:relative;flex:0 0 100%;height:400px;border-radius:16px;overflow:hidden}.banner-image{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:30px;color:#fff}.banner-title{font-size:24px;font-weight:600;margin-bottom:8px}.banner-description{font-size:14px;color:#fffc}.banner-btn{display:inline-block;padding:10px 24px;background:#fff;color:#ff6b9d;text-decoration:none;border-radius:25px;font-weight:600;margin-top:16px;transition:all .3s ease}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}.banner-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.indicator.active{width:30px;border-radius:6px;background:#fff}.hot-products{padding:60px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-header .section-title{margin-bottom:0}.view-all{color:#ff6b9d;text-decoration:none;font-weight:500}.view-all:hover{text-decoration:underline}.products-container{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.products-container.list{grid-template-columns:1fr}.products-container.list .product-card{display:grid;grid-template-columns:280px 1fr}.products-container.list .product-image-container{aspect-ratio:4 / 3;height:auto}.product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #1a1a1a0a;text-decoration:none;color:inherit;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #1a1a1a14}.product-image-container{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg-warm, #f5f0ec)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-image{transform:scale(1.06)}.product-badge{position:absolute;top:14px;left:14px;background:#fff;color:var(--color-charcoal, #1a1a1a);font-size:11px;padding:6px 12px;border-radius:50px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 16px #00000014}.product-badge.badge-hot{left:auto;right:14px;background:var(--color-rose, #b76e79);color:#fff}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1a1a1a40;display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .4s ease}.product-card:hover .product-overlay{opacity:1}.overlay-btn{width:44px;height:44px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--color-rose, #b76e79);cursor:pointer;transition:all .35s ease;transform:translateY(16px);box-shadow:0 4px 16px #0000001a}.product-card:hover .overlay-btn{transform:translateY(0)}.overlay-btn:hover{background:var(--color-rose, #b76e79);color:#fff;transform:scale(1.08)}.product-info{padding:22px}.product-category{font-size:11px;color:var(--color-rose, #b76e79);letter-spacing:.5px;text-transform:uppercase;font-weight:600;margin-bottom:8px}.product-name{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.05rem;font-weight:600;color:#1a1a1a;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-description{font-size:.85rem;color:#4a4540;font-weight:500;margin-bottom:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:14px}.rating-stars{display:flex;gap:2px}.star-icon{color:var(--color-gold, #c9a87c)}.rating-text{font-size:12px;color:var(--color-stone-light, #9a9590)}.product-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.product-price{font-size:1.15rem;font-weight:700;color:#1a1a1a}.product-original-price{font-size:.85rem;color:var(--color-stone-light, #9a9590);text-decoration:line-through}.product-sales{margin-top:10px}.sales-text{font-size:12px;color:var(--color-stone-light, #9a9590)}.empty-state{text-align:center;padding:80px 24px;color:var(--color-stone, #6b6560)}.empty-state .empty-icon{color:var(--color-rose-light, #d4a5ad);margin-bottom:16px}.empty-state p{margin-bottom:20px}.case-studies{padding:60px 0}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.case-image-container{width:100%;height:180px;overflow:hidden;position:relative}.case-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.case-card:hover .case-image{transform:scale(1.05)}.case-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent,#00000080);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px}.case-card:hover .case-overlay{opacity:1}.case-likes-overlay{display:flex;align-items:center;gap:4px;background:#ffffffe6;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;color:#ff6b9d}.case-info{padding:16px}.case-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.case-description{font-size:14px;color:#666;margin-bottom:12px;line-height:1.6}.case-footer{display:flex;align-items:center}.case-meta{display:flex;gap:20px}.case-likes{display:flex;align-items:center;gap:4px;font-size:14px;color:#ff6b9d}.case-comment{display:flex;align-items:center;gap:4px;font-size:14px;color:#666}.quick-stats{padding:60px 0;background:linear-gradient(135deg,#fff0f5,#ffe4e9)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-box{display:flex;align-items:center;gap:16px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.stat-icon{color:#ff6b9d;width:48px;height:48px}.stat-content{display:flex;flex-direction:column}.stat-num{font-size:24px;font-weight:700;color:#333}.stat-text{font-size:14px;color:#666}.cta{padding:60px 0;background:linear-gradient(135deg,#ff6b9d,#f94c84);text-align:center}.cta-content{color:#fff}.cta-title{font-size:32px;font-weight:600;margin-bottom:16px}.cta-description{font-size:16px;margin-bottom:32px;opacity:.9}.cta .btn-primary{background:#fff;color:#ff6b9d}.cta .btn-primary:hover{background:#fff0f5}.product-list{padding:60px 0}.product-list-header{text-align:center;margin-bottom:40px}.product-list-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;color:#2a1f1e;margin-bottom:10px;text-shadow:0 1px 2px rgba(255,255,255,.6)}.product-list-subtitle{font-size:1.05rem;color:#4a4540;font-weight:500}.search-section{margin-bottom:32px}.search-section .search-box{position:relative;display:flex;align-items:center;max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--color-border, rgba(26, 26, 26, .08));border-radius:50px;padding:6px;box-shadow:0 4px 20px #1a1a1a0a;transition:all .3s ease}.search-section .search-box:focus-within{border-color:var(--color-rose-light, #d4a5ad);box-shadow:0 8px 30px #b76e791a}.search-section .search-box .search-icon{color:var(--color-stone-light, #9a9590);margin-left:16px}.search-section .search-box input{flex:1;border:none;background:transparent;padding:12px 14px;font-size:15px;color:#1a1a1a;font-weight:500;outline:none}.search-section .search-box input::placeholder{color:#9a9590}.search-section .search-box .search-btn{padding:12px 24px;border-radius:50px;border:none;background:#1a1a1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.search-section .search-box .search-btn:hover{background:var(--color-rose, #b76e79)}.filter-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 24px #1a1a1a0a}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.filter-row .categories{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.category-btn{padding:9px 16px;border-radius:50px;background:#faf7f5;border:1px solid transparent;cursor:pointer;font-size:13.5px;font-weight:500;color:#4a4540;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#f5f0ec;color:#1a1a1a}.category-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.filter-actions{display:flex;align-items:center;gap:12px}.sort-select{padding:8px 14px;border-radius:10px;border:1px solid rgba(26,26,26,.08);background:#fff;color:#1a1a1a;font-size:13.5px;font-weight:500;cursor:pointer;outline:none;transition:all .3s ease;height:38px;display:inline-flex;align-items:center}.sort-select:focus{border-color:#d4a5ad}.view-toggle{display:flex;align-items:center;gap:4px;background:#faf7f5;padding:4px;border-radius:10px}.view-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#4a4540;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.view-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #1a1a1a0f}.subcategory-row{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--color-border, rgba(26, 26, 26, .08));flex-wrap:wrap}.subcategory-label{font-size:13px;font-weight:600;color:var(--color-charcoal, #1a1a1a)}.subcategory-separator{color:var(--color-stone-light, #9a9590)}.subcategory-btn{padding:8px 14px;border-radius:50px;background:transparent;border:1px solid var(--color-border, rgba(26, 26, 26, .08));cursor:pointer;font-size:13px;font-weight:500;color:var(--color-stone, #6b6560);transition:all .3s ease}.subcategory-btn:hover{border-color:var(--color-rose-light, #d4a5ad);color:var(--color-rose, #b76e79)}.subcategory-btn.active{background:var(--color-rose-pale, #f3e3e6);border-color:var(--color-rose-light, #d4a5ad);color:var(--color-rose, #b76e79)}.results-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.results-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:#4a4540;font-weight:500}.results-meta strong{color:#1a1a1a;font-weight:700}.clear-filters-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;border:1px solid rgba(26,26,26,.08);background:#fff;color:#4a4540;font-size:13px;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{border-color:var(--color-rose-light, #d4a5ad);color:var(--color-rose, #b76e79)}.customizer{padding:40px 0}.customizer-container{display:grid;grid-template-columns:1fr 1fr;gap:40px}.customizer-content{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:20px;align-items:start;margin-top:24px;width:100%;min-width:0}.customizer-content .tools-panel{background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:14px;padding:16px;box-shadow:0 2px 8px #00000008;position:sticky;top:88px;max-height:calc(100vh - 110px);overflow-y:auto;min-width:0}.customizer-content .canvas-wrapper{background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:14px;padding:24px;box-shadow:0 2px 8px #00000008;min-height:600px;min-width:0;overflow:hidden}.customizer-content .canvas-wrapper .canvas{width:100%;max-width:100%;position:relative;margin:0 auto}.customizer-content .canvas-wrapper .product-base-image,.customizer-content .canvas-wrapper .full-bleed-image{max-width:100%;height:auto;display:block}.customizer-content .action-panel{background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:14px;padding:20px;box-shadow:0 2px 8px #00000008;position:sticky;top:88px;max-height:calc(100vh - 110px);overflow-y:auto;min-width:0}.customizer-content .action-panel .action-details-toggle{display:none}.customizer-content .action-panel .action-cta-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.customizer-content .action-panel .action-cta-row .btn{flex:1 1 0}.customizer-content .action-panel .action-cta-row .save-btn{flex:0 0 auto;background:#fff;color:#1a1a1a;border:1px solid rgba(26,26,26,.12)}.customizer-content .action-panel .action-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed rgba(26,26,26,.08)}.customizer-content .action-panel .action-head .product-name-action{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customizer-content .action-panel .action-head .product-price-action{font-size:22px;font-weight:700;color:#c97b7b;flex:0 0 auto;margin:0;white-space:nowrap}.customizer-content .action-panel .action-summary{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f5f0ec99;border-radius:10px;margin-bottom:10px;font-size:13px;color:#4a4540}.customizer-content .action-panel .summary-item{display:flex;justify-content:space-between;align-items:center;gap:8px}.customizer-content .action-panel .summary-item.total{font-weight:600;color:#1a1a1a;font-size:14px}.customizer-content .action-panel .summary-divider{height:1px;background:#1a1a1a14;margin:2px 0}.customizer-content .action-panel .express-toggle{margin-bottom:10px;padding:4px 0}.customizer-content .action-panel .express-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#4a4540;-webkit-user-select:none;user-select:none}.customizer-content .action-panel .express-label small{color:#c97b7b;font-size:11px;font-weight:500;margin-left:4px}.customizer-content .action-panel .express-label input[type=checkbox]{accent-color:#c97b7b;width:16px;height:16px}.customizer-content .action-panel .promise-list{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:linear-gradient(180deg,#fff,#fdfaf7);border-radius:10px;border:1px solid rgba(201,123,123,.12)}.customizer-content .action-panel .promise-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b6560;line-height:1.5}.customizer-content .action-panel .promise-item svg{color:#c97b7b;flex-shrink:0}@media (max-width: 1100px){.customizer-content{grid-template-columns:240px minmax(0,1fr) 280px;gap:16px}}@media (max-width: 900px){.customizer-content{grid-template-columns:1fr;gap:14px}.customizer-content .tools-panel,.customizer-content .action-panel{position:static;max-height:none}}.tool-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#00000008;border-radius:12px;margin-bottom:16px}.tool-tab{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border:0;background:transparent;border-radius:8px;color:var(--color-stone, #6b6560);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.tool-tab svg{flex-shrink:0}.tool-tab:hover{background:#0000000a;color:var(--color-charcoal, #1a1a1a)}.tool-tab.active{background:#fff;color:var(--color-rose, #b76e79);font-weight:600;box-shadow:0 2px 8px #1a1a1a0f}.placement-summary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-cream, #faf6ed);border-radius:12px;margin-bottom:14px}.placement-thumb{flex-shrink:0;width:64px;height:64px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.placement-thumb svg{width:100%;height:100%}.placement-info{flex:1;font-size:13px;color:var(--color-charcoal, #1a1a1a);line-height:1.7}.placement-style{font-weight:600;font-size:14px;margin-bottom:2px}.placement-pos,.placement-size{font-size:12px;color:var(--color-stone, #6b6560);display:flex;align-items:center;gap:4px}.placement-open-btn{width:100%;margin-bottom:14px;justify-content:center}.placement-tips{font-size:12px;color:var(--color-stone, #6b6560);line-height:1.7;padding:12px 14px;background:#c9a87c14;border-radius:10px;border-left:2px solid var(--color-rose, #b76e79)}.placement-tips .tip-title{font-size:12px;font-weight:600;color:var(--color-charcoal, #1a1a1a);margin:0 0 6px}.placement-tips ul{margin:0;padding-left:16px}.placement-tips li{margin-bottom:3px}.placement-tips li b{color:var(--color-rose, #b76e79);font-weight:600}.placement-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.placement-marker{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:2.5px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #00000026}.placement-marker.selected{width:28px;height:28px;font-size:14px;box-shadow:0 0 0 4px #fff9,0 4px 12px #00000040;animation:markerPulse 1.4s ease-in-out infinite}@keyframes markerPulse{0%,to{box-shadow:0 0 0 4px #fff9,0 4px 12px #00000040}50%{box-shadow:0 0 0 10px #fff0,0 4px 12px #00000040}}.placement-marker .marker-check{line-height:1}.placement-marker .marker-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:11px;font-weight:500;color:#1a1a1a;background:#fffffff2;padding:3px 8px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 6px #0000001a}.preview-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.preview-title{font-size:20px;font-weight:600;margin-bottom:20px}.preview-canvas{width:100%;height:400px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.customize-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.customize-title{font-size:20px;font-weight:600;margin-bottom:20px}.customize-options{margin-bottom:20px}.option-group{margin-bottom:24px}.option-label{font-size:14px;font-weight:600;margin-bottom:12px;display:block}.option-input{width:100%;padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease}.option-input:focus{border-color:#ff6b9d}.option-select{width:100%;padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease;cursor:pointer}.option-select:focus{border-color:#ff6b9d}.upload-area{border:2px dashed #eee;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:border-color .3s ease}.upload-area:hover{border-color:#ff6b9d}.upload-icon{font-size:40px;color:#ff6b9d;margin-bottom:12px}.upload-text{font-size:14px;color:#666}.image-adjustments{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.image-adjustments h4{font-size:14px;font-weight:600;margin-bottom:16px;color:#333}.adjustment-item{margin-bottom:16px}.adjustment-item label{display:block;font-size:13px;color:#666;margin-bottom:8px}.adjustment-item input[type=range]{width:100%;height:6px;border-radius:3px;background:#eee;outline:none;-webkit-appearance:none}.adjustment-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#ff6b9d;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a}.adjustment-item input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ff6b9d;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000001a}.video-upload{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#fbcfe8}.soul-default-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fff5f3,#fce8e4);border:1.5px solid #b76e79;border-radius:12px;margin:12px 0 20px;position:relative;overflow:hidden}.brand-faith-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:linear-gradient(135deg,#1a1a1a,#2a1f1e);border-radius:12px;margin:20px 0 16px;border:1px solid rgba(212,175,55,.25);flex-wrap:wrap}.brand-faith-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand-faith-name{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#fff;letter-spacing:1px}.brand-faith-name .accent{background:linear-gradient(135deg,#d4af37,#c97b7b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-faith-mantra{font-family:var(--font-serif, serif);font-size:13px;color:#d4af37;font-style:italic;font-weight:500;letter-spacing:2px;padding-left:14px;border-left:1px solid rgba(212,175,55,.3)}.brand-faith-right{font-size:12.5px;color:#ffffffb3;font-weight:500;line-height:1.5;max-width:480px}@media (max-width: 768px){.brand-faith-banner{padding:12px 16px}.brand-faith-mantra{padding-left:10px}.brand-faith-right{font-size:12px}}.soul-default-banner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#b76e79,#c9a87c)}.soul-default-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#b76e79,#c9a87c);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #b76e7940}.soul-default-text{flex:1;min-width:0}.soul-default-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:3px;display:flex;align-items:center;gap:6px}.soul-default-title:before{content:"★";color:#d4af37;font-size:12px}.soul-default-desc{font-size:12px;color:#4a4540;line-height:1.5;font-weight:500}.video-editor{margin-top:16px}.video-preview-container{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000;margin-bottom:16px}.video-preview{width:100%;height:100%;object-fit:cover}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#ff6b9d}.play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.video-duration{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:#000000b3;color:#fff;font-size:12px;border-radius:4px}.video-edit-section{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.video-edit-section h5{font-size:14px;font-weight:600;margin-bottom:16px;color:#333}.edit-option{margin-bottom:16px}.edit-option label{display:block;font-size:13px;font-weight:500;color:#666;margin-bottom:8px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 16px;border-radius:20px;background:#fff;border:2px solid #eee;cursor:pointer;font-size:13px;transition:all .3s ease}.filter-btn:hover{border-color:#ff6b9d;color:#ff6b9d}.filter-btn.active{background:#ff6b9d;border-color:#ff6b9d;color:#fff}.music-select{width:100%;padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;cursor:pointer}.music-select:focus{border-color:#ff6b9d}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:13px;color:#666}.ai-edit-btn{width:100%;padding:12px;margin-top:8px}.qr-code-section{padding:16px;background:#f0fdf4;border-radius:8px;margin-bottom:16px}.qr-code-section h5{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}.qr-position-options{display:flex;gap:8px;margin-bottom:16px}.qr-position-btn{flex:1;padding:10px;border-radius:8px;background:#fff;border:2px solid #eee;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.qr-position-btn:hover{border-color:#10b981;color:#10b981}.qr-position-btn.active{background:#10b981;border-color:#10b981;color:#fff}.qr-preview{text-align:center}.qr-code{width:100px;height:100px;margin:0 auto;display:block}.qr-hint{font-size:12px;color:#666;margin-top:8px}.screen-saver-section{padding:16px;background:#eff6ff;border-radius:8px;margin-bottom:16px}.screen-saver-section h5{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}.screen-saver-options{display:flex;gap:12px;margin-bottom:16px}.screen-saver-card{flex:1;padding:8px;border-radius:8px;background:#fff;border:2px solid #eee;cursor:pointer;transition:all .3s ease;text-align:center}.screen-saver-card:hover{border-color:#3b82f6}.screen-saver-card.selected{border-color:#3b82f6;background:#eff6ff}.saver-preview{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:4px;margin-bottom:8px}.saver-name{display:block;font-size:12px;font-weight:500;color:#333}.saver-resolution{display:block;font-size:11px;color:#999}.download-saver-btn,.remove-video-btn{width:100%;padding:10px}.i-person-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#c084fc,#a78bfa);color:#fff;border-radius:20px;font-size:13px;margin-bottom:16px;box-shadow:0 2px 8px #a78bfa4d}.badge-icon{font-size:14px}.charm-type-selector,.charm-content-input,.charm-privacy-section,.intro-templates{margin-bottom:16px}.charm-type-selector label,.charm-content-input label,.charm-privacy-section label,.intro-templates label{display:block;font-size:13px;font-weight:500;color:#666;margin-bottom:8px}.type-options,.privacy-options{display:flex;flex-wrap:wrap;gap:8px}.type-btn,.privacy-btn{padding:8px 14px;border-radius:20px;background:#fff;border:2px solid #eee;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .3s ease}.type-btn:hover,.privacy-btn:hover{border-color:#ff6b9d;color:#ff6b9d}.type-btn.active,.privacy-btn.active{background:#ff6b9d;border-color:#ff6b9d;color:#fff}.content-textarea{width:100%;padding:12px;border:2px solid #eee;border-radius:8px;font-size:14px;resize:vertical;outline:none}.content-textarea:focus{border-color:#ff6b9d}.ai-enhance-section{margin-bottom:16px}.ai-enhance-btn{width:100%;padding:12px}.enhanced-content{margin-top:12px;padding:12px;background:#f0fdf4;border-radius:8px;border-left:4px solid #10b981}.enhanced-content h5{font-size:13px;font-weight:600;margin-bottom:8px;color:#333}.enhanced-content p{font-size:13px;color:#666;line-height:1.6}.use-enhanced-btn{margin-top:8px;padding:6px 12px;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer}.use-enhanced-btn:hover{background:#059669}.password-input{width:100%;padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:14px;margin-top:8px;outline:none}.password-input:focus{border-color:#ff6b9d}.charm-preview-section{margin-top:16px}.charm-preview-section h5{font-size:14px;font-weight:600;margin-bottom:12px;color:#333}.preview-card{padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #eee}.preview-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.preview-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#c084fc)}.preview-info{display:flex;flex-direction:column}.preview-author{font-size:14px;font-weight:600;color:#333}.preview-type{font-size:12px;color:#999}.preview-content{font-size:13px;color:#666;line-height:1.6;margin-bottom:12px}.preview-qr{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #eee}.preview-qr img{width:50px;height:50px}.preview-qr span{font-size:12px;color:#999}.template-options{display:flex;flex-wrap:wrap;gap:8px}.template-btn{padding:8px 14px;border-radius:8px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;cursor:pointer;font-size:13px;color:#166534;transition:all .3s ease}.template-btn:hover{background:linear-gradient(135deg,#dcfce7,#bbf7d0);transform:translateY(-2px)}.charm-tabs{display:flex;gap:4px;margin-bottom:16px;background:#f8f9fa;padding:4px;border-radius:8px}.charm-tab{flex:1;padding:10px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.charm-tab:hover{background:#fff}.charm-tab.active{background:linear-gradient(135deg,#ff6b9d,#c084fc);color:#fff}.charm-tab-content{margin-bottom:16px}.feature-card{background:#fff;border:1px solid #eee;border-radius:10px;padding:14px;margin-bottom:12px;transition:all .3s ease}.feature-card:hover{border-color:#ff6b9d;box-shadow:0 2px 12px #ff6b9d1a}.feature-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.feature-header span:first-of-type{font-size:15px;font-weight:600;color:#333}.feature-price{margin-left:auto;font-size:12px;font-weight:600;color:#ff6b9d;background:#fdf2f8;padding:4px 10px;border-radius:10px}.feature-desc{font-size:12px;color:#999;margin-bottom:12px;line-height:1.4}.feature-form{display:flex;flex-direction:column;gap:10px}.feature-input{padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:13px;outline:none;transition:border-color .3s ease}.feature-input:focus{border-color:#ff6b9d}.feature-textarea{padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:13px;outline:none;transition:border-color .3s ease;resize:vertical}.feature-textarea:focus{border-color:#ff6b9d}.feature-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;cursor:pointer}.feature-label input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b9d}.feature-select{padding:10px 12px;border:2px solid #eee;border-radius:8px;font-size:13px;outline:none;cursor:pointer;background:#fff}.feature-select:focus{border-color:#ff6b9d}.quote-type-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.quote-type-btn{padding:8px 14px;border-radius:20px;border:2px solid #eee;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease}.quote-type-btn:hover{border-color:#ff6b9d}.quote-type-btn.active{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#ff6b9d;color:#ff6b9d}.quote-preview{padding:12px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:8px;font-size:13px;color:#be185d;line-height:1.6}.unlock-stages{margin-top:12px}.unlock-stages h5{font-size:13px;font-weight:600;color:#333;margin-bottom:10px}.stage-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;margin-bottom:6px}.stage-count{font-size:12px;font-weight:600;color:#ff6b9d;background:#fdf2f8;padding:4px 8px;border-radius:4px}.stage-content{font-size:12px;color:#666}.ar-effect-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ar-effect-btn{padding:10px 14px;border-radius:8px;border:2px solid #eee;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.ar-effect-btn:hover{border-color:#8b5cf6}.ar-effect-btn.active{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;color:#8b5cf6}.effect-icon{font-size:16px}.ar-preview{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:8px;font-size:13px;color:#7c3aed}.ar-preview-icon{font-size:20px}.pet-type-options{display:flex;flex-wrap:wrap;gap:8px}.pet-type-btn{padding:8px 14px;border-radius:8px;border:2px solid #eee;background:#fff;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease}.pet-type-btn:hover{border-color:#f59e0b}.pet-type-btn.active{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;color:#d97706}.voice-record-btn{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.voice-record-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.recording-indicator{display:block;text-align:center;font-size:13px;color:#ef4444;margin-top:8px}.voice-duration{display:block;text-align:center;font-size:12px;color:#666;margin-top:4px}.voice-preview{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f0fdf4;border-radius:8px;cursor:pointer;margin-top:8px}.voice-preview:hover{background:#dcfce7}.qr-view{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#fce7f3);padding:20px}.qr-container{max-width:480px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.qr-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#ff6b9d,#c084fc);color:#fff}.back-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:4px}.type-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff3;border-radius:20px;font-size:13px}.lock-screen{padding:60px 20px;text-align:center}.lock-icon{width:100px;height:100px;margin:0 auto 20px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.lock-title{font-size:24px;font-weight:600;color:#333;margin-bottom:8px}.lock-desc{font-size:14px;color:#666;margin-bottom:24px}.unlock-btn{width:100%;margin-top:16px}.hint-text{font-size:12px;color:#999;margin-top:12px}.author-section{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #f0f0f0}.author-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.author-info{flex:1}.author-name{font-size:18px;font-weight:600;color:#333}.publish-time{font-size:13px;color:#999}.privacy-badge{padding:4px 10px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:4px}.privacy-badge.public{background:#dcfce7;color:#16a34a}.content-section{padding:20px}.content-title{font-size:20px;font-weight:600;color:#333;margin-bottom:16px}.image-gallery{margin-bottom:16px}.image-gallery.multi{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.video-container{margin-bottom:16px}.qr-video{width:100%;border-radius:8px}.content-text{font-size:15px;color:#666;line-height:1.8}.interaction-section{padding:0 20px 20px}.interaction-buttons{display:flex;gap:16px}.like-btn,.comment-btn,.share-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f8f9fa;border:none;border-radius:25px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease}.like-btn:hover,.comment-btn:hover,.share-btn:hover{background:#f0f0f0}.like-btn.liked{background:#fef2f2;color:#ef4444}.footer-section--legacy{padding:20px;background:#f8f9fa;text-align:center}.footer-text--legacy{font-size:13px;color:#999;margin-bottom:8px}.qr-logo--legacy{display:flex;align-items:center;justify-content:center;gap:8px;color:#ff6b9d;font-weight:600}.logo-icon{color:#ff6b9d}.time-capsule-section{text-align:center;padding:20px 0}.countdown-container{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.countdown-item{display:flex;flex-direction:column;align-items:center;padding:16px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:12px;min-width:70px}.countdown-number{font-size:28px;font-weight:700;color:#ff6b9d}.countdown-label{font-size:12px;color:#999;margin-top:4px}.countdown-desc{font-size:14px;color:#666}.unlocked-content{padding:24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;text-align:center}.unlocked-icon{color:#d97706;margin-bottom:12px}.unlocked-title{font-size:20px;font-weight:600;color:#b45309;margin-bottom:12px}.unlocked-text{font-size:15px;color:#92400e;line-height:1.8}.guest-book-section{padding:16px 0}.message-input-area{margin-bottom:20px}.message-textarea{width:100%;padding:12px;border:2px solid #eee;border-radius:8px;font-size:14px;resize:vertical;outline:none;margin-bottom:12px}.message-textarea:focus{border-color:#ff6b9d}.message-options{display:flex;align-items:center;justify-content:space-between}.message-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.message-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#ff6b9d}.send-btn{padding:10px 24px}.messages-list{display:flex;flex-direction:column;gap:12px}.message-item{display:flex;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.message-avatar{font-size:24px}.message-content{flex:1}.message-author{font-size:13px;font-weight:600;color:#333;display:block;margin-bottom:4px}.message-text{font-size:14px;color:#666;margin-bottom:4px}.message-time{font-size:11px;color:#999}.voice-message-section{padding:16px 0}.voice-player{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:12px;cursor:pointer;transition:all .3s ease}.voice-player:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98133}.voice-icon{width:56px;height:56px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.voice-info{flex:1}.voice-text{display:block;font-size:15px;font-weight:600;color:#065f46;margin-bottom:4px}.voice-duration{font-size:13px;color:#047857}.voice-waveform{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px;margin-top:12px;background:#f0fdf4;border-radius:8px;height:60px}.wave-bar{width:6px;background:#10b981;border-radius:3px;transition:height .1s ease}.scan-unlock-section{padding:16px 0}.scan-progress{margin-bottom:20px}.progress-bar{height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(135deg,#ff6b9d,#f94c84);border-radius:6px;transition:width .3s ease}.progress-text{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#666}.scan-stages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stage-box{padding:12px;border-radius:8px;text-align:center;border:2px solid #eee;transition:all .3s ease}.stage-box.unlocked{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#10b981}.stage-box.locked{background:#f8f9fa;opacity:.7}.stage-count{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.stage-box.unlocked .stage-count{color:#10b981}.stage-box.locked .stage-count{color:#999}.stage-title{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.stage-status{font-size:12px}.current-unlock{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#dcfce7;border-radius:8px;font-size:14px;color:#065f46;margin-bottom:8px}.next-unlock{padding:10px 16px;background:#fef3c7;border-radius:8px;font-size:14px;color:#92400e}.milk-tea-section{padding:16px 0}.shop-info{display:flex;align-items:center;gap:10px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:16px}.shop-info svg{color:#d97706}.shop-name{font-size:18px;font-weight:600;color:#b45309}.menu-section{margin-bottom:16px}.menu-section h4{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.menu-items{display:flex;flex-wrap:wrap;gap:8px}.menu-item{padding:6px 14px;background:#fef3c7;border-radius:20px;font-size:13px;color:#b45309}.orders-section{margin-bottom:16px}.orders-section h4{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.orders-list{display:flex;flex-direction:column;gap:8px}.order-item{display:flex;justify-content:space-between;padding:10px 14px;background:#f8f9fa;border-radius:8px}.order-name{font-size:14px;font-weight:600;color:#333}.order-items{font-size:13px;color:#666}.join-order-btn{width:100%;padding:12px}.pet-finder-section{padding:16px 0}.pet-info{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:16px}.pet-icon{font-size:48px}.pet-details h4{font-size:18px;font-weight:600;color:#b45309;margin-bottom:4px}.pet-details p{font-size:14px;color:#92400e}.owner-info{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.owner-info h4{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.owner-info p{font-size:14px;color:#666;margin-bottom:6px}.call-owner-btn{width:100%;padding:12px}.wifi-section{padding:16px 0;text-align:center}.wifi-icon-large{width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.wifi-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.wifi-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px}.wifi-label{font-size:14px;color:#666}.wifi-value{font-size:15px;font-weight:600;color:#333}.password-value{font-family:monospace;color:#ff6b9d}.copy-wifi-btn{width:100%;padding:12px}.emergency-section{padding:16px 0;text-align:center}.emergency-icon{width:80px;height:80px;margin:0 auto 16px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.emergency-info{padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:16px;text-align:left}.emergency-info h3{font-size:18px;font-weight:600;color:#dc2626;margin-bottom:16px;text-align:center}.emergency-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.emergency-item:last-of-type{border-bottom:none}.emergency-label{font-size:14px;color:#666}.emergency-value{font-size:15px;font-weight:600;color:#333}.medical-info{margin-top:16px;padding-top:16px;border-top:2px solid #fee2e2}.medical-info h4{font-size:14px;font-weight:600;color:#dc2626;margin-bottom:10px}.medical-item{font-size:13px;color:#666;margin-bottom:6px}.call-emergency-btn{width:100%;padding:14px;font-size:16px}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.daily-quote-section{padding:24px 0;text-align:center}.quote-icon{color:#d97706;margin-bottom:16px}.quote-content{padding:24px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:12px;margin-bottom:16px}.quote-text{font-size:16px;font-style:italic;color:#be185d;line-height:1.8;margin-bottom:12px}.quote-author{font-size:14px;color:#9d174d;font-weight:500}.quote-type{text-align:center}.type-tag{padding:6px 16px;background:#fdf2f8;border-radius:20px;font-size:13px}.design-mode-selector{display:flex;align-items:center;gap:12px;margin-top:16px}.mode-label{font-size:14px;font-weight:600;color:#666}.mode-buttons{display:flex;gap:8px;flex-wrap:wrap}.mode-btn{padding:8px 16px;border-radius:20px;background:#f8f9fa;border:1.5px solid rgba(26,26,26,.08);cursor:pointer;font-size:13px;font-weight:500;color:var(--color-stone, #4a4540);transition:all .25s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.mode-btn:hover{border-color:var(--color-rose, #c97b7b);color:var(--color-rose, #b76e79);background:#b76e790d}.mode-btn.active{background:linear-gradient(135deg,#c97b7b,#b76e79);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 2px 8px #b76e7940}.tool-hint{font-size:12.5px;color:#777;line-height:1.6;margin:0 0 12px}.filter-label{font-size:12px;font-weight:600;color:var(--color-stone, #6b6560);margin:0 0 8px;letter-spacing:.3px}.full-bleed-image{width:100%;height:100%;object-fit:cover}.price-summary{background:#fdf6f9;border-radius:8px;padding:20px}.price-row{display:flex;justify-content:space-between;margin-bottom:12px}.price-label{color:#666}.price-value{font-weight:600}.price-total{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #eee;font-size:18px;font-weight:600;color:#ff6b9d}.community{padding:40px 0}.community-container{display:grid;grid-template-columns:1fr 300px;gap:40px}.posts-section{display:flex;flex-direction:column;gap:20px}.post-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.post-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#f94c84);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.post-author{display:flex;align-items:center;gap:12px;font-weight:600}.post-author .author-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.post-author .author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#f4d4c4,#c97b7b);display:flex;align-items:center;justify-content:center}.post-author .author-avatar img{width:100%;height:100%;object-fit:cover}.post-author .author-name{font-size:14px;font-weight:600;color:#1a1a1a;line-height:1.3}.post-time{font-size:12px;color:#999;line-height:1.3}.post-content{font-size:14px;color:#666;margin-bottom:16px;line-height:1.6}.post-images{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;max-width:100%}.post-image{width:100px;height:100px;max-width:100%;border-radius:8px;object-fit:cover;display:block;flex-shrink:0}.post-actions{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:14px;border-top:1px dashed rgba(183,110,121,.12)}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border:none;background:#f4d4c447;color:#6b4a4a;border-radius:999px;font-size:13px;font-weight:500;line-height:1;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);font-family:inherit;-webkit-user-select:none;user-select:none;box-sizing:border-box}.action-btn svg{flex-shrink:0;transition:transform .28s cubic-bezier(.16,1,.3,1)}.action-btn span{line-height:1;display:inline-flex;align-items:center}.action-btn:hover{background:#f4d4c480;color:#a85252;transform:translateY(-1px)}.action-btn:hover svg{transform:scale(1.12)}.action-btn:active{transform:translateY(0) scale(.97)}.action-btn.liked{background:linear-gradient(135deg,#ffe1e6,#ffd0d8);color:#c14560;font-weight:600;box-shadow:0 2px 8px #c97b7b2e}.action-btn.liked svg{fill:#c14560;stroke:#c14560}.action-btn.liked:hover{background:linear-gradient(135deg,#ffd8df,#ffc1cc)}.detail-actions{display:flex;align-items:center;gap:12px;padding:16px 0 20px;border-top:1px solid rgba(183,110,121,.1);border-bottom:1px solid rgba(183,110,121,.1);margin-bottom:24px}.detail-actions .action-btn{padding:9px 18px;font-size:14px;gap:7px}.detail-actions .action-btn svg{width:20px;height:20px}.community-share-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#1a1a1aeb;color:#fff;border-radius:999px;font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:shareToastIn .3s cubic-bezier(.16,1,.3,1)}.community-share-toast svg{color:#f4d4c4;flex-shrink:0}@keyframes shareToastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.detail-comments{margin-top:8px}.comments-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.comments-title:before{content:"";display:inline-block;width:3px;height:16px;background:linear-gradient(180deg,#c97b7b,#a85252);border-radius:2px}.comment-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid rgba(183,110,121,.08)}.comment-item:last-child{border-bottom:none}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,#f4d4c4,#c97b7b)}.comment-content{flex:1;min-width:0}.comment-author{font-size:13.5px;font-weight:600;color:#1a1a1a;margin-right:8px}.comment-text{font-size:13.5px;color:#4a4540;line-height:1.6;margin:4px 0 6px;word-break:break-word}.comment-time{font-size:11.5px;color:#b8a8a0}.comment-input{display:flex;align-items:center;gap:10px;margin-top:20px;padding:8px 8px 8px 18px;background:#f4d4c433;border-radius:999px;border:1px solid rgba(183,110,121,.1);transition:all .3s ease}.comment-input:focus-within{background:#fff;border-color:#b76e7959;box-shadow:0 4px 16px #b76e791a}.comment-input input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:14px;color:#1a1a1a;font-family:inherit;padding:8px 0}.comment-input input::placeholder{color:#b8a8a0}.comment-btn{flex-shrink:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:none;background:linear-gradient(135deg,#c97b7b,#a85252);color:#fff;border-radius:50%;cursor:pointer;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #c97b7b40}.comment-btn:hover{transform:scale(1.06) rotate(-12deg);box-shadow:0 4px 14px #c97b7b59}.comment-btn:active{transform:scale(.95)}.post-action{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;cursor:pointer;transition:color .3s ease}.post-action:hover{color:#ff6b9d}.sidebar{position:sticky;top:100px}.sidebar-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}.sidebar-title{font-size:16px;font-weight:600;margin-bottom:16px}.trending-tags{display:flex;flex-wrap:wrap;gap:8px}.trending-tag{padding:6px 12px;background:#fdf6f9;border-radius:20px;font-size:12px;color:#ff6b9d;cursor:pointer;transition:all .3s ease}.trending-tag:hover{background:#ff6b9d;color:#fff}.order{padding:40px 0}.order-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.order-id{font-size:14px;color:#666}.order-status{font-size:14px;font-weight:600}.order-status.pending{color:#ffc107}.order-status.processing{color:#17a2b8}.order-status.shipped,.order-status.completed{color:#28a745}.order-items{display:flex;gap:16px;margin-bottom:16px}.order-item-image{width:80px;height:80px;border-radius:8px;object-fit:cover}.order-item-info{flex:1}.order-item-name{font-weight:600;margin-bottom:8px}.order-item-customization{font-size:12px;color:#999}.order-footer{display:flex;justify-content:space-between;align-items:center}.order-total{font-size:18px;font-weight:600;color:#ff6b9d}.profile{padding:40px 0}.profile-container{display:grid;grid-template-columns:250px 1fr;gap:40px}.profile-sidebar{position:sticky;top:100px}.profile-menu{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.profile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .3s ease;text-decoration:none;color:#333}.profile-menu-item:hover{background:#fdf6f9}.profile-menu-item.active{background:#fdf6f9;color:#ff6b9d}.profile-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d}.profile-card-modern{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #0000000f;margin-bottom:24px}.profile-bg{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,#c97b7b,#a85252,#c9a87c);z-index:0}.profile-avatar-section{position:relative;z-index:1;display:flex;align-items:flex-start;gap:20px;padding:60px 32px 24px}.profile-avatar{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#f94c84);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600;flex-shrink:0;border:4px solid #fff;box-shadow:0 4px 16px #0000001f}.avatar-fallback{line-height:1}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid rgba(26,26,26,.1);color:#4a4540;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.avatar-edit-btn:hover{background:#b76e79;color:#fff;border-color:#b76e79}.profile-info{flex:1;min-width:0}.profile-name{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 6px}.profile-bio{font-size:13.5px;color:#4a4540;font-weight:500;margin:0 0 12px}.profile-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.membership-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600;border:1px solid}.profile-date{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#8a7f76;font-weight:500}.edit-btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:6px 14px;border:1px solid rgba(201,123,123,.3);background:transparent;color:#b76e79;border-radius:50px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:#c97b7b14;border-color:#b76e79}.edit-form-inline{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:12px}.edit-input{padding:8px 14px;border:1px solid rgba(26,26,26,.12);border-radius:8px;font-size:13.5px;font-weight:500;color:#1a1a1a;outline:none;background:#fff;font-family:inherit}.edit-input:focus{border-color:#b76e79}.edit-actions{display:flex;gap:8px;margin-top:4px}.profile-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0 32px 28px;border-top:1px solid rgba(26,26,26,.06);margin-top:0}.profile-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;cursor:pointer;border-radius:12px;transition:all .3s ease}.profile-stats .stat-item:hover{background:#c97b7b0d}.profile-stats .stat-item .stat-value{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.4rem;font-weight:600;color:#1a1a1a}.profile-stats .stat-item .stat-label{font-size:12px;color:#4a4540;font-weight:500}.profile-tabs{display:flex;align-items:center;gap:6px;background:#faf7f5;border-radius:12px;padding:4px;margin-bottom:24px;flex-wrap:wrap}.profile-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:8px;font-size:13.5px;font-weight:500;color:#4a4540;cursor:pointer;font-family:inherit;transition:all .3s ease}.profile-tab:hover{color:#1a1a1a}.profile-tab.active{background:#fff;color:#b76e79;font-weight:600;box-shadow:0 2px 8px #0000000a}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#b76e79;color:#fff;font-size:11px;font-weight:600;border-radius:9px;margin-left:2px}.profile-tab-content{margin-top:4px}.tab-pane{padding:8px 0}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pane-header h3{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}.link-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:transparent;border:1px solid rgba(201,123,123,.25);color:#b76e79;border-radius:50px;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .3s ease;text-decoration:none}.link-btn:hover{background:#c97b7b14;border-color:#b76e79}.link-btn.danger{color:#b85c5c;border-color:#b85c5c40}.link-btn.danger:hover{background:#b85c5c14;border-color:#b85c5c}.order-row{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;padding:16px;background:#faf7f5;border-radius:14px;border:1px solid rgba(201,123,123,.08);cursor:pointer;transition:all .3s ease;margin-bottom:8px}.order-row:hover{background:#fff;border-color:#c97b7b4d;box-shadow:0 4px 12px #c97b7b14;transform:translateY(-1px)}.order-row-images{display:flex;align-items:center;gap:4px}.more-count{font-size:11px;color:#8a7f76;font-weight:500;margin-left:4px}.order-row-info{min-width:0}.order-row-top{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.order-row-meta,.order-date{font-size:12px;color:#8a7f76;font-weight:500}.order-row-amount{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.05rem;font-weight:600;color:#b76e79}.order-row-arrow{color:#ccc;flex-shrink:0}.order-status-tag{display:inline-block;padding:2px 10px;border-radius:50px;font-size:11.5px;font-weight:600;background:#c97b7b1a;color:#b76e79}.order-status-tag.status-completed{background:#4caf501f;color:#4caf50}.order-status-tag.status-paid{background:#2196f31f;color:#2196f3}.order-status-tag.status-pending{background:#ff98001f;color:#ff9800}.order-status-tag.status-cancelled{background:#9e9e9e1f;color:#9e9e9e}.qr-list{display:flex;flex-direction:column;gap:12px}.qr-row{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;padding:12px;background:#faf7f5;border-radius:12px;border:1px solid rgba(201,123,123,.08)}.qr-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;background:#fff}.qr-info{min-width:0}.qr-info h4{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-author{font-size:12.5px;color:#4a4540;font-weight:500;margin:0 0 4px}.qr-stats{font-size:12px;color:#8a7f76;font-weight:500;margin:0}.qr-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.favorite-card{position:relative;background:#faf7f5;border-radius:12px;padding:8px;border:1px solid rgba(201,123,123,.08);transition:all .3s ease}.favorite-card:hover{background:#fff;border-color:#c97b7b4d;box-shadow:0 4px 12px #c97b7b14;transform:translateY(-2px)}.fav-remove{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(26,26,26,.08);color:#b85c5c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.fav-info{padding:6px 6px 8px}.fav-name{font-size:13.5px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.fav-price{font-size:12.5px;font-weight:600;color:#b76e79;margin:0}.address-form-card{background:#faf7f5;border:1px solid rgba(201,123,123,.12);border-radius:14px;padding:20px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.address-list{display:flex;flex-direction:column;gap:10px}.address-card-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#faf7f5;border-radius:12px;border:1px solid rgba(201,123,123,.08);gap:16px}.address-content{flex:1;min-width:0}.address-content strong{font-size:14px;color:#1a1a1a;font-weight:600;margin-right:12px}.address-phone{font-size:13px;color:#4a4540;font-weight:500;margin-right:8px}.default-tag{display:inline-block;padding:1px 8px;background:#c97b7b1f;color:#b76e79;font-size:11px;font-weight:600;border-radius:50px}.address-detail{font-size:13px;color:#4a4540;font-weight:500;margin:6px 0 0}.address-actions{display:flex;gap:6px;flex-shrink:0}@media (max-width: 768px){.profile-avatar-section{flex-direction:column;align-items:center;text-align:center;padding:50px 20px 20px}.profile-meta{justify-content:center}.profile-stats{grid-template-columns:repeat(3,1fr)}.form-grid,.order-row,.qr-row{grid-template-columns:1fr}}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#f94c84);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600}.profile-info h2{font-size:24px;font-weight:600;margin-bottom:4px}.profile-info p{font-size:14px;color:#666}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease}.form-input:focus{border-color:#ff6b9d}.form-textarea{width:100%;padding:12px 16px;border:2px solid #eee;border-radius:8px;font-size:14px;outline:none;transition:border-color .3s ease;resize:vertical;min-height:100px}.form-textarea:focus{border-color:#ff6b9d}.admin{padding:40px 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-title{font-size:24px;font-weight:600}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;text-align:center}.stat-value{font-size:32px;font-weight:700;color:#ff6b9d;margin-bottom:8px}.stat-label{font-size:14px;color:#666}.admin-tabs{display:flex;gap:12px;margin-bottom:20px}.admin-tab{padding:10px 20px;border-radius:8px;background:#fff;border:2px solid transparent;cursor:pointer;font-weight:500;transition:all .3s ease}.admin-tab.active{background:#ff6b9d;color:#fff}.admin-table{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;table-layout:auto}.admin-table th,.admin-table td{padding:16px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.admin-table th{background:#fdf6f9;font-weight:600;color:#333;font-size:13px;letter-spacing:.3px}.admin-table tr:hover{background:#fdf6f9}.admin-table th:nth-child(4),.admin-table td:nth-child(4){min-width:110px;white-space:nowrap}.admin{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 200px);gap:0;background:#fafafa;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000a}.admin-sidebar{background:#fff;border-right:1px solid rgba(26,26,26,.06);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(26,26,26,.06);flex-shrink:0}.sidebar-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.sidebar-subtitle{font-size:12px;color:#4a4540;font-weight:500;margin:0;letter-spacing:1px}.sidebar-nav{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:10px;font-size:13.5px;font-weight:500;color:#4a4540;text-align:left;cursor:pointer;font-family:inherit;transition:all .25s ease;position:relative}.sidebar-item:hover{background:#c97b7b0f;color:#1a1a1a}.sidebar-item.active{background:linear-gradient(135deg,#c97b7b1f,#c9a87c14);color:#b76e79;font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:#b76e79;border-radius:0 2px 2px 0}.sidebar-icon{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8a7f76;transition:all .25s ease}.sidebar-item.active .sidebar-icon{background:#c97b7b26;color:#b76e79}.sidebar-item:hover .sidebar-icon{color:#b76e79}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#b76e79;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:12px;border-top:1px solid rgba(26,26,26,.06);flex-shrink:0}.admin-content{padding:32px;overflow-x:auto;background:#fafafa}.admin-page{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 12px #0000000a}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h1{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:22px;font-weight:600;color:#1a1a1a;margin:0}.page-header .header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.admin{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid rgba(26,26,26,.06)}.sidebar-nav{flex-direction:row;overflow-x:auto;flex-wrap:nowrap}.sidebar-item{min-width:max-content}.admin-content{padding:20px}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-grid .kpi-card{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#fff;border-radius:14px;border:1px solid rgba(26,26,26,.06);box-shadow:0 2px 8px #00000008;transition:all .3s ease}.kpi-grid .kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f;border-color:#c97b7b40}.kpi-card .kpi-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#c97b7b1f,#c9a87c14);color:#b76e79;display:flex;align-items:center;justify-content:center;font-size:20px}.kpi-card.kpi-primary .kpi-icon{background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;box-shadow:0 4px 12px #b76e794d}.kpi-card>div:last-child{flex:1;min-width:0}.kpi-card .kpi-value{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.5rem;font-weight:600;color:#1a1a1a;line-height:1.2;margin-bottom:2px}.kpi-card .kpi-label{font-size:13px;color:#4a4540;font-weight:500;letter-spacing:.3px}.kpi-card-mini{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#fff;border-radius:12px;border:1px solid rgba(26,26,26,.06);box-shadow:0 2px 8px #00000008;transition:all .3s ease}.kpi-card-mini:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.kpi-card-mini .kpi-value{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.3rem;font-weight:600;color:#1a1a1a;line-height:1.2}.kpi-card-mini .kpi-label{font-size:12.5px;color:#4a4540;font-weight:500}.dashboard-section{background:#fff;border-radius:14px;padding:24px 28px;margin-bottom:20px;border:1px solid rgba(26,26,26,.06);box-shadow:0 2px 12px #00000008}.dashboard-section h2{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 18px}.revenue-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding:16px 0}.revenue-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.revenue-bar-fill{width:100%;background:linear-gradient(180deg,#d97a7a,#b76e79);border-radius:6px 6px 0 0;min-height:4px;transition:all .3s ease;position:relative}.revenue-bar:hover .revenue-bar-fill{background:linear-gradient(180deg,#e89595,#c97b7b)}.revenue-bar-label{font-size:11px;color:#8a7f76;font-weight:500}.revenue-bar-amount{font-size:10.5px;color:#4a4540;font-weight:600;font-family:var(--font-serif, "Noto Serif SC", serif)}.top-product-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;transition:all .25s ease;border:1px solid transparent}.top-product-row:hover{background:#faf7f5;border-color:#c97b7b1a}.top-product-rank{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c97b7b1f,#c9a87c14);color:#b76e79;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif, "Noto Serif SC", serif);font-size:13px;font-weight:700}.top-product-rank.gold{background:linear-gradient(135deg,#c9a87c,#b8985c);color:#fff}.top-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.top-product-name{font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-product-meta{font-size:12px;color:#4a4540;font-weight:500}.top-product-revenue{flex-shrink:0;font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#b76e79}.product-grid-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden}.data-table thead{background:#faf7f5}.data-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#4a4540;border-bottom:1px solid rgba(26,26,26,.06)}.data-table td{padding:12px 16px;font-size:13.5px;color:#1a1a1a;border-bottom:1px solid rgba(26,26,26,.04);font-weight:500}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#faf7f5}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600;border:1px solid}.status-badge.pending{background:#f59e0b1a;color:#b45309;border-color:#f59e0b40}.status-badge.success{background:#10b9811a;color:#047857;border-color:#10b98140}.status-badge.failed,.status-badge.danger{background:#dc26261a;color:#b91c1c;border-color:#dc262640}.status-badge.info{background:#3b82f61a;color:#1d4ed8;border-color:#3b82f640}@media (max-width: 900px){.kpi-grid,.product-grid-admin{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.admin-page,.dashboard-section{padding:20px 16px}.kpi-card{padding:16px 18px!important}.kpi-card .kpi-value{font-size:1.25rem!important}.kpi-card .kpi-icon{width:40px;height:40px}.revenue-chart{height:160px}}.notifications-page .page-header,.admin .page-header{padding-bottom:18px;border-bottom:1px solid rgba(26,26,26,.06);margin-bottom:24px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:20px}.page-link{padding:8px 16px;border-radius:8px;background:#fff;border:2px solid #eee;cursor:pointer;transition:all .3s ease}.page-link:hover{border-color:#ff6b9d;color:#ff6b9d}.page-link.active{background:#ff6b9d;color:#fff;border-color:#ff6b9d}.designers-section{padding:60px 0;background:#fff5f8}.designers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.designer-card{background:#fff;padding:24px;border-radius:16px;text-align:center;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.designer-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #f94c8426}.designer-avatar-container{position:relative;width:80px;height:80px;margin:0 auto 16px}.designer-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.verified-badge{position:absolute;bottom:0;right:0;width:24px;height:24px;background:#1890ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.designer-name{font-size:16px;font-weight:600;margin-bottom:8px}.designer-bio{font-size:13px;color:#666;margin-bottom:12px;line-height:1.5}.designer-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px}.designer-tags .tag{font-size:12px;padding:4px 10px;background:#f0f5ff;color:#ff6b9d;border-radius:12px}.designer-stats{display:flex;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid #f0f0f0}.designer-stats .stat{text-align:center}.designer-stats .stat-value{display:block;font-size:18px;font-weight:700;color:#ff6b9d}.designer-stats .stat-label{font-size:12px;color:#999}.designer-products-section{margin-bottom:48px}.designer-products-title{font-size:20px;font-weight:600;margin-bottom:24px;color:#333}.badge-designer{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.designer-badge-mini{display:flex;align-items:center;gap:6px;margin-bottom:8px}.mini-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.designer-name-mini{font-size:12px;color:#ff6b9d;font-weight:500}.designer-recruitment{background:linear-gradient(135deg,#ff6b9d,#f94c84);border-radius:16px;padding:40px}.recruitment-content{display:flex;align-items:center;gap:32px}.recruitment-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.recruitment-info{flex:1}.recruitment-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:8px}.recruitment-desc{font-size:15px;color:#fffc;margin-bottom:16px}.recruitment-benefits{display:flex;flex-wrap:wrap;gap:12px}.benefit-tag{font-size:13px;padding:6px 14px;background:#fff3;color:#fff;border-radius:20px}.recruitment-btn{background:#fff;color:#ff6b9d;white-space:nowrap}.recruitment-btn:hover{background:#fff0f5}@media (max-width: 768px){.header-content{flex-wrap:wrap;gap:12px}.nav{gap:12px}.dropdown-menu{min-width:100%;left:50%;transform:translate(-50%)}.dropdown-grid{grid-template-columns:repeat(3,1fr)}.home .hero{flex-direction:column;text-align:center;gap:40px;padding:40px 20px}.hero-title{font-size:32px}.hero-image{width:250px;height:250px}.features-grid{grid-template-columns:repeat(2,1fr)}.products-grid,.cases-grid{grid-template-columns:1fr}.banner-card{flex:0 0 100%;height:200px}.customizer-container,.community-container,.profile-container{grid-template-columns:1fr}.admin-stats,.footer-top,.designers-grid{grid-template-columns:repeat(2,1fr)}.recruitment-content{flex-direction:column;text-align:center}}.pet-profile-section{text-align:center;padding:16px 0}.pet-icon-large{font-size:72px;margin-bottom:16px}.pet-basic-info h2{font-size:24px;color:#333;margin-bottom:12px}.pet-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.pet-tag{padding:4px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;font-size:13px;color:#b45309}.pet-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.detail-item{padding:12px;background:#f8f9fa;border-radius:8px}.detail-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.detail-value{font-size:14px;font-weight:600;color:#333}.pet-story{text-align:left;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.pet-story h4{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.pet-story p{font-size:14px;color:#666;line-height:1.6}.lost-pet-section{padding:16px 0;text-align:center}.lost-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:16px}.lost-info{text-align:left;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.lost-item,.reward-item,.gps-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.lost-item:last-child{border-bottom:none}.lost-label,.reward-label,.gps-label{font-size:13px;color:#666}.lost-value{font-size:14px;font-weight:500;color:#333}.reward-value{font-size:18px;font-weight:700;color:#dc2626}.gps-value{font-size:14px;font-family:monospace;color:#3b82f6}.health-record-section{padding:16px 0}.health-icon{color:#3b82f6;margin-bottom:12px}.health-record-section h3{font-size:18px;color:#333;margin-bottom:16px}.health-record-section h4{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.vet-info,.vaccination-section,.medication-section,.allergies-section,.health-notes{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.vet-item{display:flex;justify-content:space-between;padding:8px 0}.vet-label{font-size:13px;color:#666}.vet-value{font-size:14px;font-weight:500;color:#333}.vaccination-list,.medication-list{display:flex;flex-direction:column;gap:8px}.vaccination-item,.medication-item{display:flex;flex-wrap:wrap;gap:12px;padding:10px;background:#fff;border-radius:6px}.vaccine-name,.med-name{font-weight:600;color:#333}.vaccine-date,.vaccine-next,.med-dosage,.med-frequency{font-size:13px;color:#666}.allergies-list{display:flex;flex-wrap:wrap;gap:8px}.allergy-tag{padding:4px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:16px;font-size:13px;color:#dc2626}.health-notes p{font-size:14px;color:#666;line-height:1.6}.pet-diary-section{padding:16px 0}.pet-diary-section h3{font-size:18px;color:#333;margin-bottom:16px}.diary-entries{display:flex;flex-direction:column;gap:16px}.diary-entry{padding:16px;background:#f8f9fa;border-radius:8px}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.entry-date{font-size:13px;font-weight:500;color:#333}.entry-tags{display:flex;gap:6px}.entry-tag{padding:2px 8px;background:#f0fdf4;border-radius:12px;font-size:11px;color:#059669}.entry-content{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.entry-images{display:flex;gap:8px}.entry-image{width:100px;height:100px;object-fit:cover;border-radius:6px}.pet-social-section{padding:16px 0;text-align:center}.social-icon{color:#3b82f6;margin-bottom:12px}.pet-social-section h3{font-size:18px;color:#333;margin-bottom:16px}.social-info{text-align:left;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.social-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.social-item:last-child{border-bottom:none}.social-label{font-size:13px;color:#666}.social-value{font-size:14px;font-weight:500;color:#333}.playdate-status{margin-top:12px;padding:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px}.playdate-badge{display:block;font-size:14px;font-weight:600;color:#1d4ed8;margin-bottom:8px}.available-time{display:flex;align-items:center;gap:8px}.time-label{font-size:13px;color:#666}.time-value{font-size:13px;color:#1d4ed8}.pet-id-card-section{padding:16px 0}.id-card-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001f;border:1px solid #e5e7eb;position:relative;overflow:hidden}.id-card-header{text-align:center;padding-bottom:16px;border-bottom:2px dashed #e5e7eb;margin-bottom:16px}.id-card-title{font-size:20px;font-weight:700;color:#333;margin-bottom:4px}.id-card-subtitle{font-size:11px;color:#9ca3af;letter-spacing:2px;text-transform:uppercase}.id-card-logo{font-size:24px;margin-top:8px}.id-card-body{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:12px;background:#f0fdf4;border-radius:10px}.id-card-photo{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:40px}.id-card-info{flex:1}.id-card-name{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:8px}.id-card-meta{display:flex;align-items:center;gap:8px}.id-item{font-size:14px;color:#6b7280}.id-divider{color:#d1d5db}.id-card-details{background:#fff;border-radius:10px;padding:12px;margin-bottom:16px}.id-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.id-detail-row:last-child{border-bottom:none}.id-label{font-size:13px;color:#9ca3af;font-weight:500}.id-value{font-size:13px;color:#374151;font-weight:500}.id-card-footer{display:flex;justify-content:space-between;align-items:flex-start;padding-top:12px;border-top:1px solid #e5e7eb}.id-owner{display:flex;flex-direction:column;gap:4px}.owner-label{font-size:11px;color:#9ca3af}.owner-value{font-size:14px;font-weight:600;color:#374151}.owner-relation{font-size:12px;color:#6b7280}.id-validity{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.valid-label{font-size:11px;color:#9ca3af}.valid-value{font-size:12px;color:#374151}.valid-divider{font-size:10px;color:#d1d5db}.id-card-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.05;pointer-events:none}.watermark-text{font-size:80px;font-weight:900;color:#333;letter-spacing:8px}.id-card-tip{text-align:center;font-size:14px;color:#666;margin-top:16px;padding:12px;background:#fef3c7;border-radius:8px}.household-register-section{padding:16px 0}.register-container{background:linear-gradient(135deg,#fff,#f0fdf4);border-radius:16px;padding:20px;box-shadow:0 4px 20px #0000001f;border:2px solid #86efac;position:relative;overflow:hidden}.register-header{text-align:center;padding-bottom:16px;border-bottom:2px solid #86efac;margin-bottom:16px}.register-title{font-size:20px;font-weight:700;color:#166534;margin-bottom:4px}.register-subtitle{font-size:11px;color:#9ca3af;letter-spacing:2px;text-transform:uppercase}.register-emoji{font-size:28px;margin-top:8px}.register-info{background:#f0fdf4;border-radius:10px;padding:12px;margin-bottom:16px}.register-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #bbf7d0}.register-row:last-child{border-bottom:none}.register-label{font-size:13px;color:#65a30d;font-weight:500}.register-value{font-size:13px;color:#166534;font-weight:600}.family-members{margin-bottom:16px}.family-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.family-icon{font-size:20px}.family-title{font-size:16px;font-weight:600;color:#333}.member-list{display:flex;flex-direction:column;gap:10px}.member-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:10px;border:1px solid #e5e7eb}.member-avatar{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.member-info{flex:1}.member-name{font-size:15px;font-weight:600;color:#333;margin-bottom:4px}.member-role{font-size:12px;color:#65a30d;font-weight:400}.member-detail{font-size:12px;color:#666}.member-special{font-size:11px;color:#be185d;font-style:italic;margin-top:4px}.family-story{background:#fef3c7;border-radius:10px;padding:12px;margin-bottom:16px}.story-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.story-icon{font-size:18px}.story-title{font-size:14px;font-weight:600;color:#333}.story-content{font-size:13px;color:#666;line-height:1.6}.family-rules{background:#e0e7ff;border-radius:10px;padding:12px;margin-bottom:16px}.rules-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rules-icon{font-size:18px}.rules-title{font-size:14px;font-weight:600;color:#333}.rules-list{margin:0;padding-left:20px}.rules-list li{font-size:13px;color:#666;margin-bottom:4px}.register-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e5e7eb}.register-date,.register-valid{display:flex;flex-direction:column;gap:4px}.date-label,.valid-label{font-size:11px;color:#9ca3af}.date-value,.valid-value{font-size:12px;color:#374151}.register-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.05;pointer-events:none}.register-tip{text-align:center;font-size:14px;color:#666;margin-top:16px;padding:12px;background:#dcfce7;border-radius:8px}.coming-soon-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:16px;margin-top:16px}.coming-soon-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.coming-soon-header span{font-size:16px;font-weight:600;color:#b45309}.coming-soon-features{display:flex;flex-direction:column;gap:10px}.coming-soon-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 2px 8px #00000014}.coming-soon-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fef3c7;border-radius:10px}.coming-soon-info{flex:1}.coming-soon-name{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.coming-soon-meta{display:flex;align-items:center;gap:6px}.meta-tag{font-size:12px;color:#6b7280}.meta-divider{color:#d1d5db}.meta-price{font-size:12px;color:#f59e0b;font-weight:500}.coming-soon-vote{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f59e0b;color:#fff;border:none;border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s}.coming-soon-vote:hover{background:#d97706;transform:scale(1.05)}.coming-soon-more{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px dashed #fbbf24}.coming-soon-more span{font-size:13px;color:#b45309}.pet-match-section{padding:16px 0}.match-header{text-align:center;margin-bottom:20px}.match-icon{font-size:48px;margin-bottom:12px;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.match-header h3{font-size:20px;color:#333;margin-bottom:8px}.match-subtitle{font-size:14px;color:#666}.pet-info-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 12px #00000014;margin-bottom:20px}.pet-basic{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pet-type-icon{font-size:40px}.pet-details h4{font-size:18px;color:#333;margin-bottom:8px}.pet-tags-row{display:flex;gap:8px;flex-wrap:wrap}.pet-tag{padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;font-size:12px;color:#b45309}.temperament-section{padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:12px}.temperament-section h5{font-size:14px;color:#666;margin-bottom:8px}.temperament-badge{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.personality-tags{display:flex;flex-wrap:wrap;gap:6px}.personality-tag{padding:3px 8px;background:#e0e7ff;border-radius:12px;font-size:12px;color:#4338ca}.looking-for{display:flex;gap:8px}.looking-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.looking-badge.playdate{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.looking-badge.mate{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.nearby-pets{margin-bottom:20px}.nearby-pets h4{font-size:16px;color:#333;margin-bottom:12px}.match-list{display:flex;flex-direction:column;gap:12px}.match-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px;border-radius:10px;box-shadow:0 1px 8px #0000000f}.match-pet-info{display:flex;align-items:center;gap:10px}.match-icon{font-size:28px}.match-details{display:flex;flex-direction:column;gap:3px}.match-pet-name{font-size:15px;font-weight:600;color:#333}.match-pet-meta{font-size:12px;color:#666}.match-owner{font-size:12px;color:#999}.match-score{display:flex;flex-direction:column;align-items:center;gap:4px}.score-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#dcfce7,#bbf7d0);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-size:16px;font-weight:700;color:#16a34a}.score-label{font-size:9px;color:#15803d}.match-distance{font-size:11px;color:#999}.contact-section{background:#f8fafc;padding:16px;border-radius:10px}.contact-section h4{font-size:15px;color:#333;margin-bottom:12px}.contact-options{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.contact-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.contact-btn.wechat-btn{background:linear-gradient(135deg,#07c160,#06ad56);color:#fff}.contact-btn.wechat-btn:hover{background:linear-gradient(135deg,#06ad56,#059649)}.contact-btn.phone-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.contact-btn.phone-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.contact-tip{font-size:13px;color:#666;text-align:center}.temperament-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.temperament-btn{padding:8px 14px;border:1px solid #e5e7eb;border-radius:20px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s}.temperament-btn:hover{background:#f3f4f6;border-color:#d1d5db}.feeding-guide-section{padding:16px 0}.feeding-icon{color:#f59e0b;margin-bottom:12px}.feeding-guide-section h3{font-size:18px;color:#333;margin-bottom:16px}.food-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.food-item{padding:12px;background:#f8f9fa;border-radius:8px;text-align:center}.food-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.food-value{font-size:14px;font-weight:600;color:#333}.schedule-section,.restrictions-section,.feeding-notes{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.schedule-list{display:flex;flex-direction:column;gap:8px}.schedule-item{display:flex;justify-content:space-between;padding:10px;background:#fff;border-radius:6px}.schedule-time{font-weight:600;color:#333}.schedule-content{font-size:13px;color:#666}.restrictions-list{display:flex;flex-wrap:wrap;gap:8px}.restriction-tag{padding:4px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:16px;font-size:13px;color:#dc2626}.feeding-notes p{font-size:14px;color:#666;line-height:1.6}.boarding-section{padding:16px 0}.boarding-status{text-align:center;margin-bottom:16px}.status-active{padding:8px 24px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#065f46;border-radius:20px;font-size:14px;font-weight:600}.status-inactive{padding:8px 24px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:14px;font-weight:600}.boarding-section h3{font-size:18px;color:#333;margin-bottom:16px}.boarding-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.date-item{padding:12px;background:#f8f9fa;border-radius:8px;text-align:center}.date-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.date-value{font-size:14px;font-weight:600;color:#333}.caretaker-info{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.caretaker-item{display:flex;justify-content:space-between;padding:8px 0}.caretaker-label{font-size:13px;color:#666}.caretaker-value{font-size:14px;font-weight:500;color:#333}.permissions-section{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{padding:4px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;font-size:13px;color:#1d4ed8}.special-instructions{padding:16px;background:#f8f9fa;border-radius:8px}.special-instructions p{font-size:14px;color:#666;line-height:1.6}.pet-birthday-section{padding:16px 0;text-align:center}.birthday-icon{font-size:64px;margin-bottom:12px}.pet-birthday-section h3{font-size:18px;color:#333;margin-bottom:16px}.birthday-hint{font-size:14px;color:#666;margin-top:12px}.birthday-surprise{padding:24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;text-align:center}.surprise-title{font-size:22px;font-weight:600;color:#b45309;margin-bottom:12px}.surprise-content{font-size:16px;color:#92400e;line-height:1.6}audio,video,embed,object{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}[autoplay],[controls],[loop],[muted],[volume]{display:none!important;visibility:hidden!important}*{animation:none!important;transition:none!important}audio::cue{display:none!important}.voice-player,.music-select,.audio-controls,.sound-toggle{display:none!important}.preview-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(212,175,55,.3);border-radius:8px;font-size:13px;color:#b8902a;cursor:pointer;transition:all .2s ease}.preview-btn:hover{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#8a6d1f;transform:translateY(-1px)}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1ab3;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.preview-modal{background:#fff;border-radius:20px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0000004d;animation:scaleUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08)}.preview-modal-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#1a1a1a}.preview-close-btn{background:none;border:none;padding:6px;border-radius:50%;cursor:pointer;color:#666;transition:all .2s}.preview-close-btn:hover{background:#0000000f;color:#1a1a1a}.preview-modal-body{padding:20px 24px}.preview-tip{font-size:.85rem;color:#777;margin:0 0 16px;text-align:center}.preview-canvas{position:relative;width:100%;aspect-ratio:3/2;background:#faf7f5;border-radius:12px;overflow:hidden;margin-bottom:20px;border:1px solid rgba(0,0,0,.06)}.preview-base-image{width:100%;height:100%;object-fit:contain}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;background:linear-gradient(135deg,#fff8f5,#fdf2ed);border-radius:12px}.preview-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.85rem;color:#555}.preview-summary-item span:last-child{font-weight:600;color:#c97b7b}.preview-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid rgba(0,0,0,.08)}@media (max-width: 600px){.preview-summary{grid-template-columns:repeat(2,1fr)}.preview-modal-footer{flex-direction:column}.preview-modal-footer button{width:100%}}.detail-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#c97b7b;font-size:.85rem;cursor:pointer;padding:8px 0;font-weight:500;transition:all .2s}.detail-toggle:hover{color:#a85252}.detail-panel{padding:12px 16px;background:linear-gradient(135deg,#fff8f5,#fdf2ed);border-radius:10px;margin:8px 0;font-size:.85rem;border:1px dashed rgba(201,123,123,.2)}.discount-detail{color:#4a8a4a;font-size:.82rem}.discount-value{color:#4a8a4a;font-weight:600}.hint-row{color:#c97b7b;font-size:.82rem;font-style:italic}.summary-row.discount{color:#4a8a4a}.video-icon-circle{width:64px;height:64px;border-radius:50%;background:#fffffff2;color:#c97b7b;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 8px 20px #00000026;animation:pulseSoft 2.4s ease-in-out infinite}@keyframes pulseSoft{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.fallback-duration{position:absolute;bottom:16px;left:16px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;z-index:2}.level-progress{margin:10px 0 12px;width:100%;max-width:320px}.level-progress-bar{width:100%;height:6px;background:#1a1a1a14;border-radius:99px;overflow:hidden;margin-bottom:6px}.level-progress-fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.16,1,.3,1)}.level-progress-text{font-size:.72rem;color:#999;letter-spacing:.3px}.fc-status-line{display:flex;align-items:center;gap:6px;font-size:.78rem;padding:8px 12px;background:linear-gradient(90deg,#10b98114,#10b98105);border:1px solid rgba(16,185,129,.18);border-radius:10px;margin-bottom:14px;color:#059669}.fc-status-line.offline{background:linear-gradient(90deg,#f59e0b14,#f59e0b05);border-color:#f59e0b38;color:#d97706}.fc-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;position:relative}.fc-status-line.offline .fc-status-dot{background:#f59e0b}.fc-status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:currentColor;opacity:.3;animation:fc-pulse 1.8s ease-in-out infinite}@keyframes fc-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:0}}.fc-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.fc-quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:.85rem;font-weight:500;border-radius:10px;border:1px solid rgba(201,123,123,.2);background:#fff;color:#c97b7b;cursor:pointer;transition:all .25s ease;text-decoration:none}.fc-quick-btn:hover{background:#c97b7b14;border-color:#c97b7b66;transform:translateY(-1px)}.fc-quick-btn.danger{border-color:#ef444433;color:#dc2626;background:#ef44440a}.fc-quick-btn.danger:hover{background:#ef44441a;border-color:#ef444466}.fc-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent);margin:12px 0}.fc-info-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.78rem;color:#555}.fc-info-row .label{color:#999}.fc-info-row .value{color:#1a1a1a;font-weight:500}.top5-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.top5-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:12px;transition:all .25s ease}.top5-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a1a1a0f;border-color:#c97b7b33}.top5-rank{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c9a87c,#b8902a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.top5-rank.r1{background:linear-gradient(135deg,#fbbf24,#d97706)}.top5-rank.r2{background:linear-gradient(135deg,#d1d5db,#9ca3af)}.top5-rank.r3{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff}.top5-img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--color-bg-warm);flex-shrink:0}.top5-info{flex:1;min-width:0}.top5-name{font-size:.9rem;font-weight:500;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top5-meta{font-size:.75rem;color:#999}.top5-revenue{font-size:.85rem;color:#c97b7b;font-weight:600}.revenue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.revenue-card{background:linear-gradient(135deg,#fff,#faf8f4);border:1px solid rgba(201,168,124,.18);border-radius:16px;padding:20px 22px;position:relative;overflow:hidden}.revenue-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(201,168,124,.12) 0%,transparent 70%);border-radius:50%}.revenue-card-label{font-size:.78rem;color:#999;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.revenue-card-value{font-family:var(--font-serif);font-size:1.8rem;font-weight:500;color:#1a1a1a;line-height:1.2;margin-bottom:4px}.revenue-card-meta{font-size:.75rem;color:#777}.revenue-card-meta strong{color:#c97b7b}@media (max-width: 600px){.revenue-grid,.top5-grid{grid-template-columns:1fr}}.composer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400;background:#1a1a1a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:20px;animation:composerIn .25s ease}@keyframes composerIn{0%{opacity:0}to{opacity:1}}.composer-card{width:100%;max-width:540px;background:#fff;border-radius:20px;padding:28px 26px 22px;position:relative;box-shadow:0 24px 60px #0000002e;max-height:88vh;overflow-y:auto}.composer-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#1a1a1a0f;color:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer}.composer-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;color:#1a1a1a;margin-bottom:4px}.composer-tip{font-size:.82rem;color:#999;margin-bottom:18px}.composer-field{margin-bottom:14px}.composer-field label{display:block;font-size:.85rem;color:#555;margin-bottom:6px;font-weight:500}.composer-field input,.composer-field textarea,.composer-field select{width:100%;padding:10px 12px;border:1px solid rgba(26,26,26,.12);border-radius:10px;font-size:.9rem;font-family:inherit;background:#faf8f4}.composer-field textarea{min-height:96px;resize:vertical}.composer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.composer-fab{position:fixed;bottom:100px;right:24px;z-index:1400;padding:12px 20px;background:linear-gradient(135deg,#c97b7b,#a85252);color:#fff;border:none;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;box-shadow:0 10px 30px #a8525259;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}.composer-fab:hover{transform:translateY(-2px);box-shadow:0 14px 36px #a8525280}@media (max-width: 600px){.composer-fab{bottom:84px;right:16px;padding:10px 16px;font-size:.85rem}}.price-range{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#c97b7b0d;border:1px solid rgba(201,123,123,.15);border-radius:10px;font-size:.85rem;color:#555}.price-range input[type=range]{flex:1;accent-color:#c97b7b}.price-range-values{display:inline-flex;align-items:center;gap:4px;color:#c97b7b;font-weight:500;min-width:96px;justify-content:center}.spec-tag{display:inline-flex;align-items:center;padding:6px 12px;background:#faf8f4;border:1px solid rgba(26,26,26,.08);border-radius:50px;font-size:.78rem;color:#555;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.spec-tag:hover{border-color:#c97b7b4d;color:#c97b7b}.spec-tag.active{background:linear-gradient(135deg,#c97b7b1f,#c97b7b0a);border-color:#c97b7b;color:#c97b7b;font-weight:500}.header-search{position:relative}.search-box-wrapper{position:relative;display:inline-block}.search-input{display:flex;align-items:center;gap:6px;padding:0 12px;height:36px;width:220px;background:#faf8f4;border:1px solid rgba(26,26,26,.08);border-radius:50px;transition:all .2s}.search-input.focused{background:#fff;border-color:#c97b7b;box-shadow:0 0 0 3px #c97b7b1a;width:280px}.search-input input{flex:1;border:none;background:transparent;outline:none;font-size:.85rem;color:#1a1a1a;min-width:0}.search-input input::placeholder{color:#999}.search-clear{border:none;background:#0000000f;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666}.search-clear:hover{background:#0000001a}.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:14px;box-shadow:0 16px 48px #1a1a1a2e;padding:14px;z-index:2000;border:1px solid rgba(26,26,26,.05);max-height:70vh;overflow-y:auto}.search-section{margin-bottom:14px}.search-section:last-child{margin-bottom:0}.search-section-title{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#999;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.clear-history{margin-left:auto;background:none;border:none;font-size:.7rem;color:#999;cursor:pointer;text-transform:none;letter-spacing:0}.clear-history:hover{color:#c97b7b}.search-suggestion{display:flex;align-items:center;gap:10px;padding:8px;width:100%;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.search-suggestion:hover{background:#faf8f4}.search-suggestion img{width:36px;height:36px;border-radius:6px;object-fit:cover;background:#f5f5f5}.search-suggestion-name{font-size:.85rem;color:#1a1a1a;margin-bottom:2px}.search-suggestion-meta{font-size:.72rem;color:#999}.search-history-item{display:inline-block;margin:0 6px 6px 0;padding:4px 12px;background:#faf8f4;border:none;border-radius:50px;font-size:.78rem;color:#555;cursor:pointer}.search-history-item:hover{background:#c97b7b14;color:#c97b7b}.search-hot-tags{display:flex;flex-wrap:wrap;gap:6px}.search-hot-tag{padding:4px 12px;background:linear-gradient(135deg,#c97b7b14,#c97b7b05);border:1px solid rgba(201,123,123,.15);border-radius:50px;font-size:.78rem;color:#c97b7b;cursor:pointer}.search-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:6px}.search-scenario-mini{padding:6px 10px;background:#faf8f4;border:none;border-radius:8px;font-size:.78rem;color:#1a1a1a;cursor:pointer;text-align:left}.search-scenario-mini:hover{background:#c97b7b14;color:#c97b7b}.search-empty{padding:20px;text-align:center;color:#777;font-size:.85rem}.search-empty small{color:#999;font-size:.72rem}.header-icon-btn{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid rgba(26,26,26,.08);background:#faf8f4;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-icon-btn:hover{background:#fff;border-color:#c97b7b;color:#c97b7b}.unread-badge{position:absolute;top:-4px;right:-4px;background:#ff4757;color:#fff;font-size:10px;font-weight:600;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 0 0 2px #fff}.breadcrumb{background:#faf8f499;border-bottom:1px solid rgba(26,26,26,.05);padding:10px 0;font-size:.78rem}.breadcrumb .container{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px}.breadcrumb-item a,.breadcrumb-item .current{display:inline-flex;align-items:center;gap:4px;color:#999;text-decoration:none;transition:color .2s}.breadcrumb-item a:hover{color:#c97b7b}.breadcrumb-item .current.last{color:#1a1a1a;font-weight:500}.breadcrumb-item .separator{color:#ccc}.notifications-page{min-height:60vh;padding:32px 0 80px}.notifications-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.notifications-page .page-header h1{flex:1;font-family:var(--font-serif, serif);font-size:1.6rem;color:#1a1a1a;margin:0}.notifications-page .header-actions{display:flex;gap:8px}.notification-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid rgba(26,26,26,.08);overflow-x:auto;white-space:nowrap}.notification-tab{padding:10px 16px;background:none;border:none;font-size:.9rem;color:#777;cursor:pointer;position:relative;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.notification-tab:hover{color:#1a1a1a}.notification-tab.active{color:#c97b7b;font-weight:500}.notification-tab.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background:#c97b7b;border-radius:2px}.tab-count{background:#0000000f;color:#777;font-size:.7rem;padding:1px 6px;border-radius:10px}.notification-tab.active .tab-count{background:#c97b7b;color:#fff}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:12px;cursor:pointer;transition:all .2s}.notification-item:hover{border-color:#c97b7b4d;background:#fdfbf9;transform:translateY(-1px);box-shadow:0 4px 16px #1a1a1a0a}.notification-item.unread{background:linear-gradient(90deg,#c97b7b0a,#c97b7b03);border-color:#c97b7b33}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#c97b7b1a;color:#c97b7b;flex-shrink:0}.notification-icon.type-shipping{background:#3b82f61a;color:#3b82f6}.notification-icon.type-coupon{background:#f59e0b1a;color:#f59e0b}.notification-icon.type-review{background:#10b9811a;color:#10b981}.notification-icon.type-system{background:#6366f11a;color:#6366f1}.notification-body{flex:1;min-width:0}.notification-title{font-size:.92rem;color:#1a1a1a;margin-bottom:4px;display:flex;align-items:center;gap:6px}.notification-item.read .notification-title{color:#555;font-weight:400}.unread-dot{display:inline-block;width:6px;height:6px;background:#c97b7b;border-radius:50%}.notification-desc{font-size:.78rem;color:#777;margin-bottom:4px;line-height:1.5}.notification-time{font-size:.7rem;color:#999}.notification-remove{border:none;background:none;color:#ccc;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.notification-remove:hover{color:#ef4444;background:#ef444414}@media (max-width: 768px){.header-search{display:none}.header-icon-btn{width:32px;height:32px}.search-input,.search-input.focused{width:100%}.search-dropdown{width:calc(100vw - 32px)}}.canvas-3d{transform-style:preserve-3d;box-shadow:0 30px 60px #00000026;transition:transform .05s linear}.canvas-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.canvas-guides .guide-h,.canvas-guides .guide-v{position:absolute;background:#c97b7b73;border-radius:1px}.canvas-guides .guide-h{left:0;right:0;height:1px}.canvas-guides .guide-v{top:0;bottom:0;width:1px}.history-buttons{display:inline-flex;gap:4px;padding:4px;background:#0000000a;border-radius:8px;margin-right:8px}.history-buttons .zoom-btn:disabled{opacity:.4;cursor:not-allowed}.history-buttons .zoom-btn.active{background:var(--color-charcoal, #1a1a1a);color:#fff}.toolbar-divider{width:1px;height:20px;background:#0000001a;margin:0 8px}.layers-section{border-top:1px solid rgba(0,0,0,.06);padding-top:16px;margin-top:16px}.layers-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.layer-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:6px;background:#fff9;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all .2s}.layer-item:hover{background:#0000000a}.layer-item.selected{border-color:var(--color-rose, #c97b7b);background:#c97b7b0f}.layer-info{font-size:13px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;gap:4px}.layer-btn{width:24px;height:24px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.layer-btn:hover{background:#00000014;color:#1a1a1a}.layer-btn.danger:hover{background:#dc26261a;color:#dc2626}.preview-canvas{container-type:inline-size}@media (prefers-color-scheme: dark){.app-container.admin-mode{--color-bg-cream: #1a1a1a;--color-charcoal: #f5f5f5}}.app-container.admin-mode.dark-mode{--color-bg-cream: #1a1a1a;--color-charcoal: #f5f5f5}.app-container.dark-mode:not(.premium-mode) .product-card,.app-container.dark-mode:not(.premium-mode) .action-card,.app-container.dark-mode:not(.premium-mode) .tool-section,.app-container.dark-mode:not(.premium-mode) .order-card{background:#2a2a2a!important;color:#e0e0e0!important}.app-container.dark-mode:not(.premium-mode) .customizer{background:#1a1a1a}.app-container.dark-mode .canvas{background:#2a2a2a}.dark-mode-toggle{position:fixed;top:80px;right:20px;z-index:100;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.app-container.dark-mode .dark-mode-toggle{background:#282828f2;color:gold}@media print{.no-print,header,footer,.floating-contact,.music-player,.breadcrumb,.btn{display:none!important}body{background:#fff!important}.print-only{display:block!important}.order-detail-print{page-break-inside:avoid;padding:20px}.order-timeline{page-break-inside:avoid}}.print-only{display:none}.admin-chart{background:linear-gradient(135deg,#fff8f5,#fdf2ed);border-radius:12px;padding:20px;border:1px solid rgba(0,0,0,.05)}.admin-chart h4{font-size:14px;color:#8b8378;margin-bottom:12px;font-weight:500}.admin-chart-canvas{width:100%;height:200px;position:relative}.admin-bar{position:absolute;bottom:0;background:linear-gradient(180deg,#c97b7b,#a85252);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:4px}.admin-bar-label{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:11px;color:#999}.admin-bar-value{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:10px;color:#c97b7b;font-weight:600}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:14px;margin-bottom:8px}.skeleton-card{padding:16px;background:#fff;border-radius:12px;margin-bottom:12px}.lazy-image{opacity:0;transition:opacity .4s ease}.lazy-image.loaded{opacity:1}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:40px 20px}.error-page h1{font-size:8rem;margin:0;font-family:serif;background:linear-gradient(135deg,#c97b7b,#d4a373);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.error-page h2{margin:16px 0 8px;color:#1a1a1a;font-weight:500}.error-page p{color:#777;max-width:460px;line-height:1.7;margin:8px 0 24px}.error-page .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.notif-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06);overflow-x:auto}.notif-tab{padding:10px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;color:#777;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.notif-tab.active{color:var(--color-rose, #c97b7b);border-bottom-color:var(--color-rose, #c97b7b)}.notif-item.unread{background:#c97b7b0a}.notif-item .unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-rose, #c97b7b);display:inline-block;margin-right:8px;flex-shrink:0;margin-top:6px}.referral-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;padding:20px;text-align:center;border:1px solid #f59e0b}.referral-code{font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:.2em;padding:12px 16px;background:#ffffffb3;border-radius:8px;margin:12px 0;display:inline-block;font-weight:600;color:#b45309}.workorder-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px;border-bottom:1px solid rgba(0,0,0,.06);align-items:center}.workorder-row:last-child{border-bottom:none}.workorder-status{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.workorder-status.pending{background:#fef3c7;color:#b45309}.workorder-status.approved,.workorder-status.completed{background:#d1fae5;color:#065f46}.workorder-status.rejected{background:#fee2e2;color:#b91c1c}.refund-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;font-weight:500}.refund-banner.refund-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #f59e0b}.refund-banner.refund-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.refund-banner.refund-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;border:1px solid #ef4444}.review-modal{max-width:540px;width:100%}.review-product-info{display:flex;align-items:center;gap:12px;padding:12px;background:#00000005;border-radius:8px;margin-bottom:20px}.review-product-info img{width:56px;height:56px;object-fit:cover;border-radius:6px}.review-product-info h4{margin:0 0 4px;font-size:14px;color:#1a1a1a}.star-rating{display:flex;align-items:center;gap:4px}.star-btn{background:transparent;border:none;padding:4px;cursor:pointer;transition:transform .15s}.star-btn:hover{transform:scale(1.15)}.rating-text{margin-left:8px;font-size:14px;color:#f59e0b;font-weight:500}.form-section{margin-bottom:16px}.form-section label{display:block;margin-bottom:8px;font-size:13px;color:#555;font-weight:500}.form-textarea{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border .2s}.form-textarea:focus{outline:none;border-color:#c97b7b}.char-count{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px}.review-image-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.review-image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f5f5f5}.review-image-preview img{width:100%;height:100%;object-fit:cover}.review-image-preview .remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.upload-btn{aspect-ratio:1;border:2px dashed rgba(0,0,0,.15);background:transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#999;cursor:pointer;transition:all .2s}.upload-btn:hover{border-color:#c97b7b;color:#c97b7b}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;cursor:pointer}.refund-modal{max-width:520px;width:100%}.refund-info{padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;margin-bottom:16px;border:1px solid #f59e0b}.refund-info .text-rose{color:#c97b7b;font-size:1.2em;font-weight:600}.refund-reasons{display:flex;flex-wrap:wrap;gap:8px}.reason-chip{padding:6px 14px;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:16px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}.reason-chip:hover{border-color:#c97b7b;color:#c97b7b}.reason-chip.active{background:#c97b7b;color:#fff;border-color:#c97b7b}.refund-tips{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);padding:12px 16px;border-radius:8px;margin-top:12px}.refund-tips p{margin:0 0 8px;font-size:13px;color:#1e40af;font-weight:500}.refund-tips ul{margin:0;padding-left:20px;font-size:12px;color:#555;line-height:1.8}.invoice-modal{max-width:480px;width:100%}.invoice-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#555;transition:all .2s}.type-tab.active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#b45309}.form-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;transition:border .2s}.form-input:focus{outline:none;border-color:#c97b7b}.invoice-info{padding:12px 16px;background:#10b9810d;border-radius:8px;border:1px solid rgba(16,185,129,.2);margin-top:12px}.invoice-info p{margin:0 0 4px;font-size:14px;color:#065f46}.tracking-modal{max-width:560px;width:100%}.tracking-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#3b82f60d;border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.tracking-header p{margin:0 0 4px;font-size:11px;color:#999}.tracking-header code{background:#0000000d;padding:2px 6px;border-radius:4px;font-size:12px}.tracking-list{display:flex;flex-direction:column;position:relative;padding-left:20px}.tracking-list:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#00000014}.tracking-item{position:relative;padding:12px 0}.tracking-item .tracking-dot{position:absolute;left:-18px;top:16px;width:14px;height:14px;border-radius:50%;background:#ccc;border:3px solid #fff;box-shadow:0 0 0 1px #0000001a}.tracking-item.latest .tracking-dot{background:#06b6d4;animation:pulse 2s infinite}.tracking-item.done .tracking-dot{background:#10b981}@keyframes pulse{0%,to{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 0 6px #06b6d400}}.tracking-content h4{margin:0 0 4px;font-size:14px;color:#1a1a1a}.tracking-content p{margin:0 0 4px;font-size:13px;color:#555;line-height:1.5}.tracking-content small{font-size:12px;color:#999}.tracking-preview{display:flex;flex-direction:column;gap:12px}.tracking-preview-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:#00000005;border-radius:8px;position:relative}.tracking-preview-item .tracking-dot{width:10px;height:10px;border-radius:50%;background:#10b981;margin-top:6px;flex-shrink:0}.tracking-preview-item.latest .tracking-dot{background:#06b6d4;animation:pulse 2s infinite}.tracking-preview-item strong{font-size:14px;color:#1a1a1a;display:block;margin-bottom:2px}.tracking-preview-item p{margin:0 0 4px;font-size:13px;color:#555}.tracking-preview-item small{font-size:12px;color:#999}.review-card{background:linear-gradient(135deg,#fff8f5,#fdf2ed)}.review-display{padding:4px 0}.review-stars{display:flex;align-items:center;gap:4px;margin-bottom:8px;color:#fbbf24}.review-date{margin-left:8px;font-size:12px;color:#999}.review-text{font-size:14px;color:#1a1a1a;line-height:1.6;margin:8px 0}.review-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin:12px 0}.review-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.merchant-reply{margin-top:12px;padding:10px 12px;background:#c97b7b0d;border-left:3px solid #c97b7b;border-radius:0 6px 6px 0;font-size:13px}.merchant-reply strong{color:#c97b7b;display:block;margin-bottom:4px}.merchant-reply p{margin:0;color:#555;line-height:1.5}.invoice-display .info-row{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.invoice-display .info-row:last-child{border-bottom:none}.status-tag{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-tag.status-pending{background:#fef3c7;color:#b45309}.status-tag.status-issued{background:#d1fae5;color:#065f46}.link-btn{display:inline-flex;align-items:center;gap:2px;background:transparent;border:none;color:#c97b7b;font-size:13px;cursor:pointer;padding:0;margin-left:auto}.link-btn:hover{text-decoration:underline}.modal{background:#fff;border-radius:16px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h3{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.modal-header button{background:transparent;border:none;cursor:pointer;color:#999;padding:4px;border-radius:4px;transition:all .2s}.modal-header button:hover{background:#0000000d;color:#1a1a1a}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:flex-end;gap:8px}.help-page{padding:60px 0 80px;background:linear-gradient(180deg,#fdfaf6,#faf6f1);min-height:calc(100vh - 400px)}.help-header{text-align:center;margin-bottom:40px;position:relative}.help-header .back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#4a4540;font-size:14px}.help-header .back-btn:hover{color:#b76e79}.help-header h1{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:600;color:#1a1a1a;margin-bottom:10px}.help-header p{font-size:15px;color:#4a4540;font-weight:500}.help-tabs{display:flex;justify-content:center;gap:8px;background:#fff;border-radius:50px;padding:6px;max-width:640px;margin:0 auto 40px;box-shadow:0 4px 24px #1a1a1a0f;flex-wrap:wrap}.help-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;border-radius:50px;font-size:14px;font-weight:500;color:#4a4540;cursor:pointer;transition:all .3s ease}.help-tab:hover{background:#c97b7b0f;color:#1a1a1a}.help-tab.active{background:linear-gradient(135deg,#c97b7b,#a85252);color:#fff;font-weight:600;box-shadow:0 4px 12px #a8525240}.help-content{max-width:960px;margin:0 auto;background:#fff;border-radius:20px;padding:48px 44px;box-shadow:0 4px 24px #1a1a1a0a}@media (max-width: 768px){.help-content{padding:28px 20px}.help-header .back-btn{position:static;transform:none;margin-bottom:12px}.help-tabs{padding:4px;gap:4px}.help-tab{padding:8px 12px;font-size:13px}}.flow-intro{text-align:center;margin-bottom:48px}.flow-intro h2{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.7rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.flow-intro p{font-size:14px;color:#4a4540;font-weight:500}.flow-steps{display:flex;flex-direction:column;gap:0;position:relative}.flow-step{display:flex;align-items:flex-start;gap:24px;position:relative;padding:8px 0 32px}.flow-step:last-child{padding-bottom:0}.flow-step-num{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif, "Noto Serif SC", serif);font-size:18px;font-weight:700;color:#fff;box-shadow:0 4px 16px #0000001f;z-index:2}.flow-step-line{position:absolute;left:21px;top:52px;bottom:0;width:2px;background:linear-gradient(180deg,#c97b7b4d,#c97b7b0d);z-index:1}.flow-step-content{flex:1;min-width:0;background:#faf7f5;border-radius:14px;padding:18px 20px;border:1px solid rgba(201,123,123,.08)}.flow-step-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;margin-bottom:10px}.flow-step-content h3{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.flow-step-content p{font-size:13.5px;line-height:1.7;color:#4a4540;font-weight:500;margin:0}.flow-promise{margin-top:56px;padding-top:40px;border-top:1px dashed rgba(201,123,123,.2)}.flow-promise h3{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.4rem;font-weight:600;color:#1a1a1a;text-align:center;margin-bottom:24px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promise-card{text-align:center;padding:24px 16px;background:linear-gradient(160deg,#fff,#fdfaf7);border:1px solid rgba(201,123,123,.12);border-radius:16px;transition:all .3s ease}.promise-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #a852521a;border-color:#c97b7b4d}.promise-card svg{color:#c97b7b;margin-bottom:10px}.promise-card h4{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 6px;white-space:nowrap}.promise-card p{font-size:12.5px;line-height:1.6;color:#4a4540;font-weight:500;margin:0}@media (max-width: 640px){.flow-step{gap:14px}.flow-step-num{width:36px;height:36px;font-size:15px}.flow-step-line{left:17px;top:44px}.promise-grid{grid-template-columns:1fr}}.faq-category{margin-bottom:32px}.faq-category:last-child{margin-bottom:0}.faq-cat-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#b76e79;margin-bottom:12px;letter-spacing:.5px}.faq-bottom{text-align:center;margin-top:40px;padding-top:32px;border-top:1px dashed rgba(201,123,123,.2)}.faq-bottom p{font-size:14px;color:#4a4540;font-weight:500;margin-bottom:16px}.contact-intro{text-align:center;margin-bottom:40px}.contact-intro h2{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.7rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.contact-intro p{font-size:14px;color:#4a4540;font-weight:500}.contact-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.contact-card{text-align:center;padding:24px 16px;background:linear-gradient(160deg,#fff,#fdfaf7);border:1px solid rgba(201,123,123,.12);border-radius:16px;transition:all .3s ease}.contact-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #a852521a;border-color:#c97b7b4d}.contact-icon{font-size:32px;margin-bottom:10px;line-height:1}.contact-card h3{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 6px}.contact-desc{font-size:12.5px;color:#4a4540;font-weight:500;margin:0 0 8px}.contact-text{font-size:13px;font-weight:600;color:#b76e79;margin:0;word-break:break-all}.contact-bottom{text-align:center}@media (max-width: 768px){.contact-channels{grid-template-columns:repeat(2,1fr)}}.story-hero{text-align:center;margin-bottom:40px;padding-bottom:32px;border-bottom:1px dashed rgba(201,123,123,.2)}.story-hero h2{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.7rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.story-hero p{font-size:14px;color:#4a4540;font-weight:500}.story-section{margin-bottom:36px}.story-section h3{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:14px;display:inline-block;padding-bottom:6px;border-bottom:2px solid #d4a5ad}.story-section p{font-size:14px;line-height:1.85;color:#4a4540;font-weight:500;margin:0 0 12px}.story-section p strong{color:#b76e79;font-weight:700}.story-section ul{list-style:none;padding:0;margin:0}.story-section ul li{font-size:13.5px;line-height:1.85;color:#4a4540;font-weight:500;padding:6px 0;border-bottom:1px dashed rgba(201,123,123,.08)}.story-section ul li:last-child{border-bottom:none}.story-section ul li strong{color:#1a1a1a;font-weight:600}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.belief-card{padding:22px 18px;background:linear-gradient(160deg,#fff,#fdfaf7);border:1px solid rgba(201,123,123,.12);border-radius:16px;text-align:center;transition:all .3s ease}.belief-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #a852521a;border-color:#c97b7b4d}.belief-card svg{color:#c97b7b;margin-bottom:10px}.belief-card h4{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.belief-card p{font-size:12.5px;line-height:1.6;color:#4a4540;font-weight:500;margin:0}.story-quote{text-align:center;margin-top:48px;padding:36px 24px;background:linear-gradient(135deg,#fdfaf7,#f7efe7);border-radius:16px;border:1px solid rgba(201,168,124,.2)}.story-quote .quote{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:1.15rem;font-weight:500;font-style:italic;color:#1a1a1a;line-height:1.7;margin:0 0 12px}.quote-author{font-size:13px;color:#4a4540;font-weight:500;letter-spacing:1px}@media (max-width: 640px){.belief-grid{grid-template-columns:1fr}}.scenario-banner{background:linear-gradient(135deg,#c97b7b0f,#c9a87c0f);border:1px solid rgba(201,123,123,.15);border-radius:20px;padding:28px 32px;margin-bottom:32px;position:relative;overflow:hidden}.scenario-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(201,168,124,.18) 0%,transparent 70%);pointer-events:none}.scenario-banner-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.scenario-banner-story{flex:1;font-family:var(--font-serif, "Noto Serif SC", serif);font-size:14.5px;line-height:1.85;color:#1a1a1a;font-weight:500;font-style:italic;margin:0;min-width:240px;border-left:3px solid #b76e79;padding-left:16px}.text-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid rgba(201,123,123,.3);color:#b76e79;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.text-btn:hover{background:#c97b7b14;border-color:#b76e79;transform:translate(-2px)}@media (max-width: 640px){.scenario-banner{padding:20px}.scenario-banner-text{flex-direction:column;align-items:flex-start}}.help-page .faq-item{background:#faf7f5;border-radius:12px;border:1px solid rgba(201,123,123,.08);margin-bottom:8px;overflow:hidden;transition:all .3s ease}.help-page .faq-item.open{background:#fff;border-color:#c97b7b4d;box-shadow:0 4px 16px #c97b7b14}.help-page .faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 18px;background:transparent;border:none;text-align:left;font-size:14px;font-weight:600;color:#1a1a1a;cursor:pointer;font-family:inherit;transition:color .3s ease}.help-page .faq-q:hover{color:#b76e79}.help-page .faq-q svg{color:#b76e79;flex-shrink:0;transition:transform .3s ease}.help-page .faq-item.open .faq-q svg{transform:rotate(180deg)}.help-page .faq-a{padding:14px 18px 16px;font-size:13.5px;line-height:1.85;color:#4a4540;font-weight:500;border-top:1px dashed rgba(201,123,123,.1)}.qr-view--theme,.qr-view--theme .qr-container,.qr-view--theme .qr-brand-bar,.qr-view--theme .qr-author-card,.qr-view--theme .qr-message-card,.qr-view--theme .qr-interactions,.qr-view--theme .qr-footer-cta,.qr-view--theme .qr-signature,.qr-view--theme .theme-header,.qr-view--theme .theme-controls,.qr-view--theme .theme-quote-bubble,.qr-view--theme .next-video-btn{font-family:var(--font-serif, "Noto Serif SC", "Songti SC", "Georgia", serif)}.qr-view--theme .next-video-btn,.qr-view--theme .theme-badge,.qr-view--theme .play-circle{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.qr-view--theme .qr-container{background:#fffffff5;box-shadow:0 8px 40px #3c1e4659;border:1px solid rgba(255,215,180,.3);padding:0}.qr-view--theme .qr-brand-bar{padding:12px 18px}.qr-view--theme .qr-brand-bar .brand-mark{color:#fce7a3;text-shadow:0 1px 4px rgba(0,0,0,.3);font-size:14px;letter-spacing:1px;font-weight:600}.qr-view--theme .qr-brand-bar .share-btn{color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.35);font-size:12px;padding:5px 12px;font-weight:500}.qr-view--theme .qr-brand-bar .share-btn:hover{background:#ffffff40}.qr-view--theme .qr-brand-bar .share-btn svg{width:14px;height:14px}.qr-view--theme .qr-video-section{padding:14px 18px 0}.qr-view--theme .qr-video-section .audio-row{display:none}.qr-view--theme .video-fallback .fallback-badge{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:600;box-shadow:0 2px 8px #8b5cf659}.qr-view--theme .video-fallback .fallback-text{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);font-weight:600}.qr-view--theme .video-fallback .fallback-author{color:#fff;opacity:.95;font-weight:500}.qr-view--theme .video-fallback .fallback-duration{color:#2d1b3d;background:#fce7a3f2;font-weight:600}.qr-view--theme .video-fallback .video-icon-circle{background:#fffffff2;color:#8b5cf6;box-shadow:0 4px 12px #00000040}.qr-view--theme .qr-author-card{background:linear-gradient(135deg,#fce7a314,#ec48990d);border-bottom:1px dashed rgba(139,92,246,.2);padding:14px 18px;gap:12px}.qr-view--theme .qr-author-card .author-avatar{width:44px!important;height:44px!important;border:2px solid #fce7a3;box-shadow:0 0 0 3px #8b5cf626;background:#fff;flex-shrink:0}.qr-view--theme .qr-author-card .author-name{color:#2d1b3d;letter-spacing:1px;font-size:15px;font-weight:600}.qr-view--theme .qr-author-card .author-relation,.qr-view--theme .qr-author-card .author-date{color:#4a2a4a;font-weight:500;font-size:12px}.qr-view--theme .qr-author-card .brand-heart{color:#ec4899;width:16px;height:16px}.qr-view--theme .qr-message-card{background:linear-gradient(135deg,#2d1b3d0a,#4b25450a);border:1px dashed rgba(139,92,246,.25);padding:14px 18px;margin:16px 0}.qr-view--theme .qr-message-card .message-text{color:#1a1a1a;font-weight:500;line-height:1.85;letter-spacing:.3px;font-size:14px;white-space:pre-line}.qr-view--theme .qr-message-card .message-sparkle{color:#8b5cf6;width:16px;height:16px;margin-top:1px}.qr-view--theme .qr-interactions{padding:12px 0;gap:10px}.qr-view--theme .qr-interactions .like-btn,.qr-view--theme .qr-interactions .view-count{background:#ffffffb3;border:1px solid rgba(139,92,246,.18);color:#2d1b3d;font-weight:500;font-size:13px;padding:8px 16px;height:36px}.qr-view--theme .qr-interactions .like-btn:hover{background:#fce7a34d;border-color:#8b5cf659}.qr-view--theme .qr-interactions .like-btn.liked{background:linear-gradient(135deg,#fce7a3,#ec4899);color:#fff;border-color:transparent}.qr-view--theme .qr-interactions .view-count svg{width:14px;height:14px}.qr-view--theme .qr-footer-cta{padding:24px 0 12px;text-align:center}.qr-view--theme .qr-footer-cta h3{color:#1a1a1a;letter-spacing:1px;font-size:16px;font-weight:700;margin-bottom:6px}.qr-view--theme .qr-footer-cta p{color:#4a2a4a;font-weight:500;font-size:13px;margin-bottom:16px}.qr-view--theme .qr-footer-cta .cta-buttons{gap:8px}.qr-view--theme .qr-footer-cta .btn,.qr-view--theme .qr-footer-cta .btn-outline{color:#2d1b3d;border:1.5px solid #8b5cf6;background:transparent;font-weight:500;font-size:13px;padding:8px 18px;border-radius:999px}.qr-view--theme .qr-footer-cta .btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none}.qr-view--theme .qr-footer-cta .btn-outline:hover{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-color:#ec4899;color:#2d1b3d}.qr-view--theme .qr-signature{color:#4a2a4a;border-top:1px dashed rgba(139,92,246,.2);padding:14px 0 4px;text-align:center}.qr-view--theme .qr-signature p{font-size:12px;margin-bottom:4px;color:#4a2a4a;font-weight:500}.qr-view--theme .qr-signature .qr-id{color:#6b3a5c;font-weight:600;font-size:11px}.theme-header{padding:18px 18px 10px;text-align:center;background:linear-gradient(180deg,rgba(252,231,163,.15) 0%,transparent 100%);border-bottom:1px dashed rgba(252,231,163,.3)}.theme-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.5px;box-shadow:0 3px 10px #8b5cf659;margin-bottom:8px}.theme-badge svg{width:12px;height:12px}.theme-title{font-size:18px;font-weight:600;color:#2d1b3d;margin:0 0 4px;letter-spacing:.5px}.theme-subtitle{font-size:12px;color:#6b3a5c;margin:0;font-weight:500;line-height:1.6}.video-frame--theme{position:relative;border:2px solid rgba(252,231,163,.5);box-shadow:0 0 0 4px #8b5cf614,0 8px 32px #3c1e464d,inset 0 0 0 1px #fff6;border-radius:14px;overflow:hidden;background:#1a0f24;transition:transform .4s ease,box-shadow .4s ease}.video-frame--theme:hover{box-shadow:0 0 0 4px #ec489926,0 12px 40px #3c1e4666,inset 0 0 0 1px #ffffff80}.video-frame--transitioning{animation:hp-shimmer .8s ease-in-out}@keyframes hp-shimmer{0%{transform:scale(1);filter:brightness(1) saturate(1)}30%{transform:scale(1.02);filter:brightness(1.4) saturate(1.3) hue-rotate(15deg)}60%{transform:scale(.99);filter:brightness(.6) saturate(1.5) hue-rotate(-10deg)}to{transform:scale(1);filter:brightness(1) saturate(1)}}.magic-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;overflow:hidden}.magic-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fce7a3 0%,#ec4899 60%,transparent 100%);box-shadow:0 0 12px #fce7a3,0 0 24px #ec4899;animation:hp-particle 1.2s ease-out forwards;opacity:0}@keyframes hp-particle{0%{transform:translate(0) scale(0);opacity:0}20%{opacity:1}to{transform:translate(calc((var(--dx, 0) - .5) * 200px),calc((var(--dy, 0) - .5) * 200px)) scale(1.5);opacity:0}}.magic-halo{position:absolute;top:50%;left:50%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(252,231,163,.6) 0%,rgba(236,72,153,.3) 40%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:hp-halo .8s ease-out forwards;filter:blur(8px)}@keyframes hp-halo{0%{transform:translate(-50%,-50%) scale(0);opacity:0}40%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.theme-quote-bubble{position:absolute;left:12px;right:12px;bottom:12px;z-index:20;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:linear-gradient(135deg,#2d1b3deb,#4b2545eb);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(252,231,163,.4);border-radius:12px;color:#fff;box-shadow:0 4px 20px #0000004d;animation:hp-quote-in .5s ease-out}@keyframes hp-quote-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.theme-quote-bubble .quote-icon{color:#fce7a3;flex-shrink:0;margin-top:2px;width:14px;height:14px}.theme-quote-bubble .quote-content{flex:1;min-width:0}.theme-quote-bubble .quote-text{margin:0 0 3px;font-size:13px;font-weight:700;line-height:1.5;color:#fff;word-break:break-word;text-shadow:0 1px 3px rgba(0,0,0,.4)}.theme-quote-bubble .quote-speaker{margin:0;font-size:11px;font-weight:600;color:#fff;letter-spacing:.3px;opacity:.92}.theme-controls{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#fce7a32e,#ec48991f);border:1px solid rgba(252,231,163,.35);border-radius:12px}.theme-progress{display:flex;align-items:baseline;gap:3px;font-family:Georgia,Times New Roman,serif;color:#2d1b3d;min-width:0;flex:1}.theme-progress .progress-current{font-size:22px;font-weight:700;color:#8b5cf6;line-height:1}.theme-progress .progress-divider{font-size:14px;color:#6b3a5c;font-weight:600;margin:0 2px}.theme-progress .progress-total{font-size:13px;color:#4a2a4a;font-weight:700}.theme-progress .progress-label{margin-left:8px;font-size:12px;font-weight:600;color:#4a2a4a;font-family:var(--font-serif, "Noto Serif SC", "Songti SC", serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-video-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 3px 10px #8b5cf666;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.next-video-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ec489980}.next-video-btn:active:not(:disabled){transform:translateY(0)}.next-video-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 6px #8b5cf633}.next-video-btn .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (max-width: 600px){.theme-header{padding:16px 14px 8px}.theme-title{font-size:17px}.theme-subtitle{font-size:11px}.theme-controls{padding:8px 10px}.theme-progress .progress-current{font-size:20px}.theme-progress .progress-label{font-size:11px;margin-left:6px}.next-video-btn{padding:6px 12px;font-size:11px}.theme-quote-bubble{padding:8px 10px}.theme-quote-bubble .quote-text{font-size:12px}.theme-quote-bubble .quote-speaker{font-size:10px}}:root{--color-charcoal: #1a1a1a;--color-stone: #5a5550;--color-stone-light: #8a857f;--color-rose: #b76e79;--color-rose-light: #d4a5ad;--color-rose-pale: #f3e3e6;--color-gold: #c9a87c;--color-bg-cream: #faf7f5;--color-bg-warm: #f5f0ec;--color-bg-hero: #1a1a1a;--color-border: rgba(26, 26, 26, .08);--font-serif: "Noto Serif SC", "Songti SC", "STSong", "STSongti-SC-Regular", "SimSun", "Times New Roman", serif;--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Source Han Sans SC", sans-serif;--font-num: "Outfit", "SF Pro Display", -apple-system, BlinkMacSystemFont, var(--font-sans);--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.75;--transition-smooth: .5s cubic-bezier(.16, 1, .3, 1)}.premium-page{--color-charcoal: #1a1a1a !important;--color-stone: #4a4540 !important;--color-bg-cream: #faf7f5 !important;min-height:100vh;background:var(--color-bg-cream);color:var(--color-charcoal);font-family:var(--font-sans);overflow-x:hidden;position:relative}.premium-page h1,.premium-page h2,.premium-page h3{font-family:var(--font-serif)}.gradient-text{background:linear-gradient(135deg,var(--color-rose) 0%,var(--color-rose-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.app-container.premium-mode{background:transparent}.app-container.premium-mode .main-content{padding:0}.app-container.premium-mode .header{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf7f5d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);box-shadow:none;transition:background .3s ease}.app-container.premium-mode .header .logo-text{color:var(--color-charcoal);font-family:var(--font-serif)}.app-container.premium-mode .header .nav-link{color:var(--color-stone);font-weight:400}.app-container.premium-mode .header .nav-link:hover,.app-container.premium-mode .header .nav-link.active{color:var(--color-rose)}.app-container.premium-mode .header .btn-outline{border-color:var(--color-charcoal);color:var(--color-charcoal)}.app-container.premium-mode .header .btn-outline:hover,.app-container.premium-mode .header .btn-primary{background:var(--color-charcoal);color:#fff}.app-container.premium-mode .header .btn-primary:hover{background:var(--color-rose)}.app-container.premium-mode .footer{background:var(--color-charcoal);color:#fff9;border-top:none}.app-container.premium-mode .footer h3{color:#fff;font-family:var(--font-serif)}.app-container.premium-mode .footer a{color:#fff9}.app-container.premium-mode .footer a:hover{color:var(--color-rose-light)}.app-container.premium-mode .footer-bottom{border-top:1px solid rgba(255,255,255,.1);color:#fff6}.app-container.premium-mode .footer-section{background:transparent!important;text-align:left!important;padding:0!important}.premium-mode{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.premium-mode ::selection{background:var(--color-rose-pale);color:var(--color-charcoal)}.premium-mode ::-webkit-scrollbar{width:8px}.premium-mode ::-webkit-scrollbar-track{background:var(--color-bg-cream)}.premium-mode ::-webkit-scrollbar-thumb{background:var(--color-rose-light);border-radius:4px}.premium-mode ::-webkit-scrollbar-thumb:hover{background:var(--color-rose)}.premium-page img{opacity:1;transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}.premium-page *:focus-visible{outline:2px solid var(--color-rose);outline-offset:4px}@media (max-width: 768px){.product-list .filter-section,.filter-section{padding:14px 16px!important;margin-bottom:14px!important;border-radius:16px!important}.product-list .filter-row,.filter-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.product-list .filter-row .categories,.filter-row .categories{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:6px!important;padding-bottom:2px;scrollbar-width:none}.product-list .filter-row .categories::-webkit-scrollbar,.filter-row .categories::-webkit-scrollbar{display:none}.category-btn{padding:6px 12px!important;font-size:12.5px!important;flex-shrink:0}.product-list .filter-row .filter-actions,.filter-row .filter-actions{justify-content:flex-end!important;gap:8px!important}.sort-select{height:34px!important;padding:6px 10px!important;font-size:12.5px!important}.view-btn{width:32px!important;height:32px!important}.product-card .product-image-container{max-height:240px;aspect-ratio:4 / 3!important}}.app-container.customizer-mode .floating-contact-root,.app-container.customizer-mode .music-player-root{display:none!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%}body{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}button,input,select,textarea{font-size:16px;border-radius:0}@media (max-width: 900px){.customizer-content{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.customizer .tools-panel{position:sticky!important;top:56px!important;z-index:50;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #0000000d}.customizer .tool-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding:8px 12px!important;gap:6px!important}.customizer .tool-tab{flex:0 0 auto;padding:8px 14px!important;font-size:13px!important}.customizer .canvas-wrapper{padding:12px!important}.customizer .canvas{max-width:100%!important;height:auto!important;aspect-ratio:1}.customizer .action-panel{order:99;position:sticky;bottom:0;background:#fff;box-shadow:0 -4px 16px #0000000d;border-radius:16px 16px 0 0;padding:12px!important}.customizer .action-panel .action-card{margin-bottom:8px}.customizer .handwriting-canvas{width:100%!important;max-width:100%!important;height:200px!important;touch-action:none}.customizer .upload-btn,.customizer .btn{min-height:44px}}@media (max-width: 600px){.qr-container{padding:12px!important}.qr-author-card{padding:16px!important;flex-direction:column;text-align:center;gap:8px}.qr-author-card .author-avatar{width:60px!important;height:60px!important}.qr-video-section .video-frame{border-radius:16px!important}.qr-video,.fallback-image{border-radius:12px!important;max-height:60vh;object-fit:cover}.video-controls{padding:8px!important}.video-controls .control-btn{min-width:44px;min-height:44px;padding:8px}.qr-message-card{padding:16px!important}.qr-message-card .message-text{font-size:16px!important}.qr-interactions{flex-direction:column;gap:8px}.qr-interactions .like-btn,.qr-interactions .view-count{width:100%;justify-content:center;padding:12px}.qr-footer-cta .cta-buttons{flex-direction:column}.qr-footer-cta .cta-buttons .btn{width:100%}.share-modal{width:92vw!important;margin:0 4vw}}.video-fallback{position:relative;width:100%;background:#f5f0ec;border-radius:12px;overflow:hidden}.video-fallback .fallback-image{width:100%;height:auto;display:block;max-height:50vh;object-fit:cover;opacity:.8}.video-fallback .fallback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.6) 100%);padding:24px}.video-fallback .fallback-content{text-align:center;color:#fff;max-width:80%}.video-fallback .fallback-text{font-size:18px;font-weight:500;line-height:1.6;margin:12px 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.video-fallback .fallback-author{font-size:13px;opacity:.9}.video-fallback .fallback-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background:#ffffffe6;color:#c97b7b;border-radius:50px;font-size:11px;display:flex;align-items:center;gap:4px;font-weight:500}.audio-row{margin-top:8px;padding:0 8px}.audio-player-mini{width:100%;height:40px}@media (max-width: 600px){.checkout-header .step-indicator,.cart-header .step-indicator{display:none!important}.checkout-content,.payment-content,.success-content{grid-template-columns:1fr!important}.checkout-sidebar{position:sticky;bottom:0;background:#fff;padding:12px;box-shadow:0 -4px 16px #0000000d}.cart-item{flex-wrap:wrap;padding:12px!important}.cart-item-image{width:64px!important;height:64px!important}.cart-item-qty,.cart-item-remove{margin-top:8px}}@media (max-width: 600px){.order-detail-page .container{padding:12px!important}.step-progress{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 0!important;flex-wrap:nowrap!important}.step-progress .step-item{flex:0 0 80px;font-size:11px!important}.detail-card{padding:16px!important;border-radius:12px!important}.detail-actions-modern{flex-direction:column;gap:8px}.detail-actions-modern .btn{width:100%}.status-card-modern{padding:16px!important}.status-card-modern .status-icon-large{width:48px!important;height:48px!important}.tracking-list{padding:0!important}}@media (max-width: 600px){.profile-stats{grid-template-columns:repeat(5,1fr)!important;gap:4px!important;padding:8px!important}.profile-stats .stat-item .stat-value{font-size:18px!important}.profile-stats .stat-item .stat-label{font-size:11px!important}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding:0 12px;scroll-snap-type:x mandatory}.profile-tab{flex:0 0 auto;scroll-snap-align:start;padding:10px 14px!important;font-size:13px!important}.profile-footer{flex-direction:column}.profile-footer .footer-btn{width:100%}.order-row{flex-direction:column;align-items:flex-start!important;gap:8px}.order-row-images{width:100%}.favorites-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.coupon-card{flex-direction:column;align-items:flex-start!important}}@media (max-width: 600px){.filter-section{padding:8px!important}.categories{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px}.category-btn{flex:0 0 auto;white-space:nowrap}.filter-actions{flex-direction:column;align-items:stretch;gap:6px}.products-container.grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.product-card .product-info{padding:8px!important}.product-name{font-size:13px!important}.product-price-row{font-size:13px}.scenario-banner{padding:16px!important}}@media (max-width: 600px){.top-grid{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:32px!important}.gallery{grid-template-columns:1fr!important}.thumb-list{flex-direction:row!important;overflow-x:auto;order:2}.thumb-list .thumb{width:60px!important;height:60px!important}.main-image{order:1}.action-row{flex-direction:column}.action-row .btn{width:100%}.related-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.hero{grid-template-columns:1fr!important;padding:16px!important}.hero-content .hero-title{font-size:28px!important}.hero-stats{grid-template-columns:1fr 1fr!important}.features-grid,.stats-grid,.scenarios-grid{grid-template-columns:1fr!important}}@media (max-width: 900px){.header{padding:8px 0!important}.header .nav{display:none!important}.header-content{padding:6px 12px!important;gap:8px}.header .header-actions{gap:6px;flex:1;justify-content:flex-end}.header .header-actions .nav-link{font-size:12px}.header .header-actions .btn,.header .header-actions .cart-icon{display:none!important}.header .header-actions .header-icon-btn{display:inline-flex!important}.header .header-search{display:none!important}.header .dark-mode-toggle{width:32px;height:32px}.header .header-content .logo-text,.header .header-content .logo span{font-size:16px!important}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(26,26,26,.08);background:#fff;color:var(--color-charcoal, #1a1a1a);cursor:pointer;flex-shrink:0;margin-right:4px;transition:all .2s}.mobile-menu-toggle:hover{background:var(--color-bg-warm, #f5f0ec)}.mobile-menu-toggle:active{transform:scale(.94)}@media (max-width: 900px){.mobile-menu-toggle{display:inline-flex}}.mobile-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;justify-content:flex-end}.mobile-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f080c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:drawerFadeIn .25s ease}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:relative;width:min(86vw,360px);height:100%;background:var(--color-bg-cream, #faf7f5);display:flex;flex-direction:column;box-shadow:-20px 0 60px #0000002e;animation:drawerSlideIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid rgba(26,26,26,.06);flex-shrink:0}.mobile-drawer-close{width:36px;height:36px;border-radius:50%;border:none;background:#1a1a1a0a;color:var(--color-charcoal, #1a1a1a);display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-drawer-close:active{background:#c97b7b1a;color:#c97b7b}.mobile-drawer-user{padding:14px 16px;background:#fff;border-bottom:1px solid rgba(26,26,26,.06);flex-shrink:0}.mdu-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid rgba(201,123,123,.3);background:linear-gradient(135deg,#fff5f3,#fde8e4);color:#a85252;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer}.mdu-inner{display:flex;align-items:center;gap:12px}.mdu-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#c97b7b,#a85252);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdu-info{flex:1;min-width:0}.mdu-name{font-size:15px;font-weight:600;color:var(--color-charcoal, #1a1a1a);margin-bottom:4px}.mdu-actions{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-stone, #6b6560)}.mdu-actions button{background:none;border:none;color:inherit;font-size:inherit;padding:0;cursor:pointer}.mdu-actions button:hover{color:#c97b7b}.mdu-actions .dot{opacity:.4}.mobile-drawer-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid rgba(26,26,26,.06);flex-shrink:0}.mdq-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid rgba(26,26,26,.06);background:var(--color-bg-cream, #faf7f5);border-radius:10px;font-size:12px;color:var(--color-stone, #6b6560);cursor:pointer;position:relative}.mdq-item:active{background:#fff}.mdq-badge{position:absolute;top:2px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c97b7b;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.mobile-drawer-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 0}.mdn-link{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--color-charcoal, #1a1a1a);font-size:15px;font-weight:500;border-bottom:1px solid rgba(26,26,26,.04)}.mdn-link:active{background:#c97b7b0f}.mdn-link.active{color:#c97b7b}.mdn-link .mdn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#c97b7b14;color:#c97b7b;flex-shrink:0}.mdn-link>span:nth-child(2){flex:1}.mdn-arrow{color:#9a9490;flex-shrink:0}.mdn-accordion{border-bottom:1px solid rgba(26,26,26,.04)}.mdn-accordion-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--color-charcoal, #1a1a1a);font-size:15px;font-weight:500;text-align:left;cursor:pointer;font-family:inherit}.mdn-accordion-trigger:active{background:#c97b7b0f}.mdn-accordion-trigger .mdn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#c97b7b14;color:#c97b7b;flex-shrink:0}.mdn-accordion-trigger>span:nth-child(2){flex:1}.mdn-accordion-trigger .mdn-arrow{color:#9a9490;transition:transform .25s ease,color .25s ease;flex-shrink:0}.mdn-accordion.open .mdn-accordion-trigger .mdn-arrow{transform:rotate(180deg);color:#a85252}.mdn-new{display:inline-block;background:linear-gradient(135deg,#c97b7b,#a85252);color:#fff;font-size:9px;padding:1px 5px;border-radius:4px;margin-left:4px;font-weight:600;vertical-align:middle}.mdn-accordion-body{padding:8px 16px 14px;background:linear-gradient(180deg,#fff,#fdfaf7);border-top:1px solid rgba(201,123,123,.1);border-bottom:1px solid rgba(201,123,123,.08);margin-bottom:4px;animation:accordionOpen .25s ease}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mdn-scenario{padding:10px 0;border-top:1px solid rgba(26,26,26,.04)}.mdn-scenario:first-child{border-top:none}.mdn-scenario-head{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.mdn-time{font-size:10px;color:#a85252;background:#a8525226;padding:2px 6px;border-radius:4px;font-weight:700;flex-shrink:0}.mdn-title{font-size:13px;font-weight:600;color:var(--color-charcoal, #1a1a1a)}.mdn-scenario-link{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:#c97b7b;text-decoration:none;margin-bottom:4px}.mdn-scenario-products{display:flex;flex-direction:column;gap:2px}.mdn-scenario-product{font-size:12px;color:#4a4540;text-decoration:none;padding:4px 0;font-weight:500}.mdn-scenario-product:active{color:#c97b7b}.mdn-category{padding:8px 0;border-top:1px solid rgba(26,26,26,.04)}.mdn-category:first-child{border-top:none}.mdn-category-link{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:#1a1a1a;text-decoration:none;margin-bottom:6px}.mdn-subs{display:flex;flex-wrap:wrap;gap:6px}.mdn-sub{font-size:12px;color:#1a1a1a;background:#fff;border:1px solid rgba(26,26,26,.08);padding:4px 10px;border-radius:50px;text-decoration:none;font-weight:500}.mdn-sub:active{background:#c97b7b1a;color:#c97b7b;border-color:#c97b7b33}.mdn-custom-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(26,26,26,.04);font-size:12px;color:#1a1a1a;font-weight:600}.mdn-custom-tags .tag{font-size:11px;padding:2px 8px;background:#c97b7b14;color:#b76e79;border-radius:50px;font-weight:600}.mdn-creator-intro{font-size:12px;color:#1a1a1a;line-height:1.6;margin:8px 0;padding:8px 10px;background:linear-gradient(135deg,#fff5f3,#fde8e4);border-radius:8px;border:1px solid rgba(201,123,123,.15);font-weight:500}.mdn-creator-intro strong{color:#a85252;font-weight:700}.mdn-creator-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.mdn-creator-item{display:flex;align-items:center;gap:4px;padding:8px 10px;font-size:12px;color:#1a1a1a;background:#fff;border:1px solid rgba(26,26,26,.08);border-radius:8px;text-decoration:none;font-weight:500}.mdn-creator-item:active{background:#c97b7b0f}.mdn-creator-item svg{color:#c97b7b;flex-shrink:0}.mdn-help-item{display:block;padding:10px 12px;font-size:13px;color:#1a1a1a;text-decoration:none;background:#fff;border:1px solid rgba(26,26,26,.06);border-radius:8px;margin-bottom:6px;text-align:left;width:100%;font-family:inherit;cursor:pointer;font-weight:500}.mdn-help-item:active{background:#c97b7b0f}.mdn-help-foot{font-size:11px;color:#1a1a1a;text-align:center;margin-top:6px;font-weight:500}.mobile-drawer-foot{padding:14px 16px;background:#fff;border-top:1px solid rgba(26,26,26,.06);text-align:center;flex-shrink:0}.mdf-slogan{font-family:var(--font-serif, serif);font-size:13px;color:#c97b7b;font-weight:500;margin-bottom:4px}.mdf-meta{font-size:11px;color:var(--color-stone, #6b6560);opacity:.7}@supports (padding: max(0px)){.mobile-drawer{padding-bottom:env(safe-area-inset-bottom)}}.footer{background:#1a1a1a;color:#ffffffd9}@media (max-width: 900px){.footer{padding:40px 0 20px}.footer-content{padding:0 20px}.footer-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 20px!important}.footer-brand{grid-column:1 / -1!important;text-align:left;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.footer-section h3{font-size:14px!important;margin-bottom:12px!important;color:#fff!important}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:8px;font-size:13px!important;color:#ffffffb3!important}.footer-section a{color:#ffffffb3!important;text-decoration:none}.footer-section a:active{color:#f5b3b3!important}.footer-tagline{color:#ffffffd9!important;font-size:14px!important}.footer-desc{color:#fff9!important;font-size:12px!important;line-height:1.7;margin:8px 0 14px}.footer-socials{display:flex;gap:8px;flex-wrap:wrap}.social-link{padding:6px 12px;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-size:12px!important}.footer-mid{flex-direction:column!important;gap:8px!important;text-align:center;padding-top:18px!important;margin-top:24px!important;border-top:1px solid rgba(255,255,255,.08)}.footer-icp,.footer-legal{font-size:11px!important;color:#ffffff80!important}.footer-legal a{color:#fff9!important}}@media (max-width: 480px){.footer-top{grid-template-columns:1fr!important;gap:24px!important}}@media (max-width: 600px){.floating-music,[class*=FloatWrapper]{left:12px!important;bottom:12px!important}[class*=TriggerButton]{padding:8px 12px!important;font-size:12px!important}[class*=TriggerButton] .label{max-width:110px;font-size:12px}[class*=MusicPlayer] [class*=Panel],[class*=Panel]{width:calc(100vw - 32px)!important;max-width:320px}}@media (max-width: 600px){.floating-contact,[class*=FloatContainer]{right:12px!important;bottom:12px!important}[class*=FloatButton]{width:48px!important;height:48px!important}[class*=Panel][class*=contact]{width:calc(100vw - 24px)!important;max-width:360px}}@media (max-width: 600px){.home .hero{padding:24px 16px!important;text-align:center}.home .hero-content{align-items:center}.home .hero-title{font-size:28px!important;line-height:1.2}.home .hero-subtitle{font-size:15px!important}.home .hero-description{font-size:13px!important}.home .hero-buttons{flex-direction:column!important;gap:8px;width:100%}.home .hero-buttons .btn{width:100%}.home .hero-stats{grid-template-columns:1fr 1fr!important;gap:12px!important}.home .features-grid,.home .scenarios-grid,.home .cases-grid,.home .stats-grid{grid-template-columns:1fr!important;gap:12px!important}.home .products-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.home .product-card .product-image-container{aspect-ratio:1}.home .product-overlay{opacity:1;pointer-events:auto}.home .section-header{margin-bottom:20px}.home .section-title{font-size:22px!important}.home .section-subtitle{font-size:13px!important}.home .banner-card{min-width:100%!important}.home .banner-image{height:180px!important}.home .cta-content{padding:32px 20px!important;text-align:center}.home .cta-title{font-size:22px!important}}@media (max-width: 400px){.premium-content-section,[class*=Section]{padding-left:16px!important;padding-right:16px!important}[class*=HeroTitle],h1[class*=Title]{font-size:clamp(1.6rem,8vw,2.2rem)!important;line-height:1.15!important}h2[class*=Section]{font-size:1.4rem!important}}@media (max-width: 600px){.step-indicator .step-label,.step-indicator .step-text{display:none}.step-indicator .step{min-width:28px!important;padding:4px!important}.customizer .tools-panel{top:56px!important}.customizer .action-panel{bottom:0}.qr-container{padding-bottom:96px!important}}@media (max-width: 360px){.container{padding:0 12px!important}.btn{padding:8px 16px!important;font-size:14px!important}.section-title{font-size:20px!important}.header{padding:6px 0!important}.mobile-menu-toggle{width:36px;height:36px}}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:auto;height:auto;min-width:18px;min-height:18px}html,body{overflow-x:hidden}.app-container{max-width:100vw;overflow-x:hidden}.floating-contact{bottom:16px!important;right:16px!important}@media (max-width: 600px){.floating-contact{bottom:80px!important}}@media (max-width: 600px){.order-detail-page .detail-actions-modern{position:sticky;bottom:0;background:#fff;padding:12px;margin:0 -16px;box-shadow:0 -2px 12px #0000000f}}@media (max-width: 768px){.admin{flex-direction:column!important}.admin-sidebar{width:100%!important;position:sticky!important;top:56px;z-index:40;max-height:60px;overflow:hidden;transition:max-height .3s}.admin-sidebar.expanded{max-height:80vh;overflow-y:auto}.admin-sidebar .sidebar-header{padding:8px 12px}.admin-sidebar .sidebar-nav{flex-direction:row;overflow-x:auto;padding:0 8px;-webkit-overflow-scrolling:touch}.admin-sidebar .sidebar-item{flex:0 0 auto;padding:8px 12px!important}.admin-sidebar .sidebar-label{display:none}.data-table{font-size:12px}.data-table th,.data-table td{padding:6px 4px!important}.product-grid-admin{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr 1fr!important}}@supports (padding: max(0px)){.floating-contact,.floating-music{bottom:max(24px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right))}.footer-container,.checkout-footer,.cart-footer,.modal-footer,.preview-modal-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}.music-player-bar{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 600px){.checkout-content{grid-template-columns:1fr!important}.step-indicator{font-size:11px!important}.step-indicator .step{padding:4px 6px!important}.cart-item{flex-wrap:wrap;padding:12px!important;gap:8px}.cart-item-image{width:60px!important;height:60px!important}.cart-item-info{flex:1 1 calc(100% - 80px)}.cart-item-price,.cart-item-qty{flex:1 1 50%}.address-form{padding:12px!important}.payment-card{padding:16px!important}.success-card{padding:20px 16px!important}.success-card h1{font-size:1.4rem!important}}@media (max-width: 600px){.qr-container{padding:12px!important}.qr-brand-bar{padding:12px 0!important}.qr-author-card,.qr-message-card{padding:16px!important}.qr-footer-cta{padding:20px 16px!important}.qr-cta-buttons{flex-direction:column}.qr-cta-buttons button{width:100%}.lock-card{margin:20px!important;padding:32px 20px!important}.share-modal{width:calc(100vw - 24px)!important;margin:12px!important}}@media (max-width: 600px){.admin-tabs{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}.admin-tab{flex:0 0 auto;padding:10px 16px!important;font-size:13px!important}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px 4px!important}}@media (max-width: 600px){.community-grid{grid-template-columns:1fr!important}.post-card{padding:12px!important}}@media (max-width: 600px){.profile-card-modern{padding:20px 16px!important}.profile-stats{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.profile-tabs{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}.profile-tab{flex:0 0 auto;padding:8px 14px!important}.profile-footer{grid-template-columns:repeat(2,1fr)!important}}.modal-open,.preview-open{overflow:hidden;position:fixed;width:100%}@media (max-height: 500px) and (orientation: landscape){.hero-section,.banner-section{min-height:80vh!important}.qr-view{min-height:100vh!important}}@media (max-width: 768px){.customizer{padding:0!important}.customizer .container{padding:0 8px 140px!important;transition:padding-bottom .3s ease}.customizer .customizer-content.has-active-tool .container,.customizer .container.has-active-tool{padding-bottom:calc(60px + 50vh)!important}.customizer .brand-faith-banner{padding:6px 10px!important;font-size:11px!important}.customizer .brand-faith-right{display:none!important}.customizer .customizer-header{margin-bottom:8px!important}.customizer .customizer-header .customizer-subtitle{display:none}.customizer .customizer-content{grid-template-columns:1fr!important;gap:8px!important;padding:8px 8px 280px!important}.customizer .customizer-content:not(.has-active-tool){padding-bottom:160px!important}.customizer .customizer-content.has-active-tool{padding-bottom:280px!important}.customizer .tools-panel{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;height:60px!important;max-height:60px!important;border-radius:0!important;border:none!important;border-top:1px solid rgba(26,26,26,.08)!important;box-shadow:0 -4px 16px #00000014!important;padding:0!important;background:#fff!important;z-index:100;overflow:hidden}.customizer .tools-panel .tool-tabs{display:flex!important;grid-template-columns:none!important;height:60px!important;width:100%!important;margin:0!important;padding:0!important;gap:0!important;background:transparent!important;border-radius:0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.customizer .tools-panel .tool-tab{flex:1 1 0!important;min-width:56px!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;padding:4px 2px!important;font-size:10px!important;border-radius:0!important;background:transparent!important;color:var(--color-stone, #6b6560)}.customizer .tools-panel .tool-tab.active{color:#c97b7b}.customizer .tools-panel .tool-content{position:fixed!important;left:0!important;right:0!important;bottom:60px!important;top:auto!important;width:100%!important;max-height:50vh!important;background:#fff!important;border-top:1px solid rgba(26,26,26,.08)!important;box-shadow:0 -8px 20px #0000000f!important;border-radius:16px 16px 0 0!important;padding:12px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;z-index:102;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none;visibility:hidden}.customizer .customizer-content.has-active-tool .tools-panel .tool-content,.customizer-content.has-active-tool .tools-panel .tool-content{transform:translateY(0);pointer-events:auto;visibility:visible}.customizer .tool-content-close{position:sticky;top:-12px;margin:-12px -12px 12px!important;display:flex!important;align-items:center;justify-content:center;gap:6px;width:calc(100% + 24px);padding:10px 12px;background:#faf7f5;border:none;border-bottom:1px solid rgba(26,26,26,.06);border-radius:16px 16px 0 0;color:#4a4540;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;z-index:2}.customizer .tool-content-close:active{background:#f0eae5;color:#c97b7b}.customizer .tool-content-close:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:3px;background:#00000026;border-radius:2px}.customizer .canvas-section{order:-1!important;width:100%!important;margin-bottom:8px!important}.customizer .canvas-wrapper{padding:8px!important;min-height:280px!important}.customizer .canvas-wrapper .canvas{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:auto!important;aspect-ratio:3 / 2!important}.customizer .canvas-toolbar{flex-wrap:wrap!important;gap:4px!important;padding:4px 6px!important}.customizer .canvas-toolbar>*{min-height:36px!important}.customizer .canvas-toolbar .zoom-btn,.customizer .canvas-toolbar .preview-btn,.customizer .canvas-toolbar .reset-btn{padding:4px 8px!important;font-size:11px!important}.customizer .canvas-toolbar .preview-btn span,.customizer .canvas-toolbar .reset-btn span{display:none}.customizer .canvas-toolbar .zoom-level{font-size:11px}.customizer .action-panel{position:fixed!important;left:0!important;right:0!important;bottom:60px!important;top:auto!important;z-index:99;background:#fffffff5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px 16px 0 0!important;border-top:1px solid rgba(26,26,26,.08)!important;box-shadow:0 -8px 24px #0000001a!important;padding:8px 12px 10px!important;max-height:75vh!important;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;align-items:stretch;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.customizer .action-panel.is-hidden-mobile{transform:translateY(100%);opacity:0;pointer-events:none}.customizer .action-panel .action-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px;margin-bottom:8px}.customizer .action-panel .action-head .product-name-action{font-size:14px!important;font-weight:500;color:#1a1a1a;margin:0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.customizer .action-panel .action-head .product-price-action{font-size:18px!important;font-weight:700;color:#c97b7b;flex:0 0 auto;margin:0!important;white-space:nowrap;line-height:1}.customizer .action-panel .action-cta-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;margin-bottom:4px}.customizer .action-panel .action-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:0!important;padding:0!important;width:100%!important}.customizer .action-panel .action-details{display:flex;flex-direction:column;gap:6px;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s;opacity:0}.customizer .action-panel .action-details.is-expanded{max-height:400px;opacity:1}.customizer .action-panel .action-details-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;align-self:center;padding:6px 12px;background:#c97b7b14;color:#c97b7b;border:none;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .2s}.customizer .action-panel .action-details-toggle:active{background:#c97b7b29}.customizer .action-panel .product-price-action{font-size:17px!important;font-weight:700;color:#c97b7b;flex:0 0 auto;margin:0!important;white-space:nowrap}.customizer .action-panel .btn{min-height:40px!important;height:40px!important;padding:0 14px!important;font-size:13px!important;flex:1 1 0!important;white-space:nowrap;display:inline-flex!important;align-items:center;justify-content:center;gap:4px;border-radius:999px!important}.customizer .action-panel .save-btn{flex:0 0 auto!important;background:#fff!important;color:#1a1a1a!important;border:1px solid rgba(26,26,26,.12)!important}.customizer .action-panel .save-btn:active{background:#f5f0ec!important}@media (max-width: 380px){.customizer .action-panel .action-cta-row .save-btn-label{display:none}.customizer .action-panel .action-cta-row .save-btn{min-width:44px;padding:0 10px!important;flex:0 0 44px!important}.customizer .action-panel .action-cta-row .add-cart-btn{flex:1 1 0!important}}.customizer .action-panel:before{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:32px;height:3px;background:#0000001f;border-radius:2px;z-index:1}}@media (max-width: 640px){.product-list{padding:24px 0 100px!important}.product-list .container{padding-left:12px!important;padding-right:12px!important;padding-bottom:100px!important}.product-list .product-list-header{margin-bottom:20px!important;padding:0 4px}.product-list .product-list-title{font-size:1.5rem!important;line-height:1.3}.product-list .product-list-subtitle{font-size:.9rem!important;margin-top:4px}.product-list .search-section{margin-bottom:16px!important}.product-list .search-section .search-box{border-radius:14px;padding:4px}.product-list .search-section .search-box .search-icon{margin-left:10px}.product-list .search-section .search-box input{padding:10px 8px;font-size:15px;min-width:0}.product-list .search-section .search-box .search-btn{padding:8px 16px;font-size:13px;min-height:36px}.product-list .filter-section{padding:12px!important;border-radius:14px!important;margin-bottom:16px!important}.product-list .filter-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.product-list .categories{overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px;gap:6px!important;margin:0 -4px;padding-left:4px;padding-right:4px;scrollbar-width:none}.product-list .categories::-webkit-scrollbar{display:none}.product-list .category-btn{flex:0 0 auto;padding:7px 14px!important;font-size:13px!important}.product-list .filter-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px;padding-top:10px;border-top:1px solid rgba(26,26,26,.06)}.product-list .sort-select{flex:1 1 auto;height:36px;font-size:13px;padding:0 12px}.product-list .view-toggle{flex:0 0 auto}.product-list .view-btn{width:32px;height:32px}.product-list .subcategory-row{margin-top:10px!important;padding-top:10px!important;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px!important;padding-bottom:4px;scrollbar-width:none}.product-list .subcategory-row::-webkit-scrollbar{display:none}.product-list .subcategory-label{flex:0 0 auto;font-size:12px}.product-list .subcategory-separator{flex:0 0 auto}.product-list .subcategory-btn{flex:0 0 auto;padding:6px 12px!important;font-size:12px!important}.product-list .subcategory-row>.subcategory-separator{display:none}.product-list .results-info{padding:8px 4px}.product-list .results-meta{font-size:13px!important}.product-list .clear-filters-btn{font-size:12px;padding:4px 8px}.product-list .products-container,.product-list .products-container.grid,.product-list .products-container.list{grid-template-columns:1fr!important;gap:16px!important}.product-list .products-container.list .product-card{grid-template-columns:100px 1fr!important;gap:12px}.product-list .products-container.list .product-image-container{aspect-ratio:1!important}.product-list .product-card{padding:0!important;border-radius:16px!important}.product-list .product-card .product-info{padding:14px!important}.product-list .product-card .product-category{font-size:11px!important;margin-bottom:4px!important}.product-list .product-name{font-size:15px!important;line-height:1.4;white-space:normal!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px!important}.product-list .product-description{font-size:12px!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px!important}.product-list .product-rating{font-size:11px!important;margin-bottom:6px!important}.product-list .product-card .product-price{font-size:17px!important}.product-list .product-card .product-original-price{font-size:12px!important}.product-list .product-sales{font-size:11px!important;margin-top:4px}.product-list .product-card .btn,.product-list .product-card button,.product-list .product-card .overlay-btn{min-height:44px}.product-list .product-card .product-overlay{opacity:1!important;pointer-events:auto!important}.product-list .product-card .product-overlay .overlay-btn{transform:translateY(0)!important;width:40px;height:40px}.product-list .product-badge{font-size:10px!important;padding:2px 8px!important}.product-list .scenario-banner{padding:12px!important;margin-bottom:12px!important;border-radius:14px!important}.product-list .scenario-banner-text{width:100%}.product-list .scenario-banner-story{font-size:13px!important;line-height:1.65!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px!important;color:#4a4540}.product-list .scenario-banner .text-btn{font-size:12px;padding:4px 0}.product-list .empty-state{padding:40px 16px!important}}@media (min-width: 641px) and (max-width: 1024px){.product-list .products-container,.product-list .products-container.grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.product-list .products-container.list{grid-template-columns:1fr!important}.product-list .container{padding-bottom:100px!important}}@media (min-width: 1025px){.product-list .product-card .product-info{padding:18px!important}.product-list .product-card .overlay-btn{width:48px;height:48px}}@media (max-width: 768px){[class*=TopGrid]{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:32px!important}[class*=Gallery]{grid-template-columns:1fr!important;gap:8px!important}[class*=ThumbList]{flex-direction:row!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:8px!important;padding:0 0 4px!important;order:2!important}[class*=Thumb]{width:60px!important;height:60px!important;min-width:60px!important;flex-shrink:0!important}[class*=MainImage]{width:100%!important;order:1!important;aspect-ratio:1!important;border-radius:16px!important}[class*=Info]{width:100%!important;margin-top:0!important}[class*=PriceBox]{padding:16px!important}[class*=PriceBox] .price{font-size:1.8rem!important}[class*=ActionRow]{flex-direction:column!important;gap:8px!important}[class*=ActionRow]>*{width:100%!important;min-width:0!important}[class*=PrimaryBtn]{min-height:48px!important;padding:14px 20px!important;font-size:15px!important}[class*=SecondaryBtn]{min-height:44px!important}[class*=BulletList]{margin-bottom:16px!important}[class*=ServiceRow]{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}[class*=ServiceRow] .item{padding:10px 4px!important;font-size:11px!important}[class*=Crumbs]{font-size:11px!important;margin-bottom:8px!important}[class*=Title]{font-size:1.4rem!important;margin-bottom:8px!important}[class*=Tagline]{font-size:.9rem!important;margin-bottom:12px!important}[class*=FlowGrid],[class*=RelatedGrid]{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}[class*=SpecsBox] .grid{grid-template-columns:1fr!important}}@media (max-width: 768px){[class*=Page]{padding-bottom:100px!important}[class*=ActionRow]:first-of-type{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:90;background:#fffffff5!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(26,26,26,.08)!important;padding:10px 12px!important;flex-direction:row!important;gap:8px!important;margin:0!important;box-shadow:0 -4px 16px #00000014!important}[class*=ActionRow]:first-of-type>*{width:auto!important;flex:1 1 0!important}[class*=ActionRow]:nth-of-type(2){display:none!important}}@media (max-width: 768px){.cart-item-image{width:80px!important;height:80px!important;min-width:80px!important;border-radius:10px!important;object-fit:cover}.cart-item{display:flex!important;flex-wrap:wrap!important;align-items:center!important;padding:12px!important;gap:10px!important;background:#fff;border-radius:12px}.cart-item .checkbox-wrapper{flex:0 0 auto}.cart-item-info{flex:1 1 calc(100% - 100px)!important;min-width:0}.cart-item-info h3{font-size:14px!important;line-height:1.4!important}.cart-item-price{flex:1 1 50%!important;text-align:right;font-size:14px!important}.cart-item-qty{flex:0 0 auto!important;margin-top:0!important}.cart-item-remove{flex:0 0 auto!important;margin-top:0!important;min-width:36px;min-height:36px}.cart-item .cart-tag{font-size:11px!important}.cart-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:95;background:#ffffffeb!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(26,26,26,.08)!important;padding:12px 16px!important;box-shadow:0 -4px 20px #00000014!important;border-radius:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important}.cart-footer .cart-summary{flex:1 1 auto;min-width:0}.cart-footer .summary-row{font-size:12px!important}.cart-footer .summary-row.total{font-size:16px!important}.cart-footer .summary-row .discount,.cart-footer .summary-row.hint-row,.cart-footer .summary-row.discount-detail,.cart-footer .detail-toggle,.cart-footer .detail-panel{display:none!important}.cart-footer .checkout-btn{flex:0 0 auto;min-height:48px!important;padding:12px 20px!important;font-size:15px!important;border-radius:999px!important;white-space:nowrap}.cart-page .container{padding-bottom:100px!important}.cart-list{gap:10px!important}.cart-list-header{padding:4px 0!important}.empty-cart{padding:40px 16px!important}.empty-cart .empty-icon{margin-bottom:16px!important}}@media (max-width: 768px){.admin{display:flex!important;flex-direction:column!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.admin-sidebar{position:sticky!important;top:56px!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:50px!important;max-height:50px!important;border-right:none!important;border-bottom:1px solid rgba(26,26,26,.08)!important;background:#fff!important;display:flex!important;flex-direction:row!important;align-items:center!important;z-index:50;overflow:hidden}.admin-sidebar .sidebar-header{display:none!important}.admin-sidebar .sidebar-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:0 8px!important;gap:4px!important;flex:1 1 auto;align-items:center}.admin-sidebar .sidebar-item{flex:0 0 auto!important;width:auto!important;padding:6px 10px!important;border-radius:999px!important;background:transparent!important;white-space:nowrap}.admin-sidebar .sidebar-item .sidebar-icon{display:none!important}.admin-sidebar .sidebar-item .sidebar-label{font-size:12px!important;font-weight:500}.admin-sidebar .sidebar-item .sidebar-badge{margin-left:4px;min-width:16px;height:16px;font-size:10px}.admin-sidebar .sidebar-item.active{background:#c97b7b1f!important}.admin-sidebar .sidebar-item.active:before{display:none!important}.admin-sidebar .sidebar-footer{display:none!important}.admin-content{padding:12px!important;width:100%!important;background:#fafafa}.admin-page{padding:16px!important;border-radius:12px!important}.admin-page .page-header{flex-direction:column!important;align-items:flex-start!important;gap:8px}.admin-page .page-header .header-actions{display:flex!important;flex-wrap:wrap!important;gap:6px}.admin-page .page-header .header-actions .btn{font-size:12px!important;padding:6px 10px!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.data-table,.admin-table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;font-size:12px!important;white-space:nowrap}.data-table th,.data-table td,.admin-table th,.admin-table td{padding:8px 6px!important}.product-grid-admin{grid-template-columns:1fr!important}}@media (min-width: 769px) and (max-width: 1024px){.admin{grid-template-columns:200px 1fr!important}.admin-sidebar{width:200px!important}}@media (max-width: 768px){.customizer-modal-overlay{padding:0!important;align-items:flex-end!important}.customizer-modal{max-width:100%!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;width:100%!important}.placement-style-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.placement-position-grid{grid-template-columns:1fr!important}.placement-position-list{max-height:200px!important}.placement-size-grid{grid-template-columns:1fr!important;max-width:360px!important}}@media (max-width: 380px){.placement-style-grid{grid-template-columns:repeat(2,1fr)!important}}.creator-page{background:var(--color-bg-cream, #faf7f5)}.creator-hero{position:relative;padding:100px 24px 80px;overflow:hidden;text-align:center}.creator-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 80% at 20% 10%,rgba(183,110,121,.1) 0%,transparent 60%),radial-gradient(60% 80% at 80% 30%,rgba(201,168,124,.1) 0%,transparent 60%),linear-gradient(180deg,#fff,#fdfaf7);z-index:0}.creator-hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto}.creator-hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-rose, #b76e79);background:#fffc;border:1px solid rgba(183,110,121,.2);padding:6px 16px;border-radius:100px;margin-bottom:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:500;white-space:nowrap;max-width:100%;flex-wrap:nowrap;justify-content:center}.creator-hero-tag .nowrap{white-space:nowrap}.creator-hero-tag .dot{width:3px;height:3px;background:#b76e7966;border-radius:50%}.creator-hero-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:56px;font-weight:500;line-height:1.2;color:var(--color-charcoal, #1a1a1a);margin:0 0 20px;letter-spacing:.5px}.creator-hero-title .accent{background:linear-gradient(135deg,#b76e79,#d97a7a,#c9a87c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.creator-hero-sub{font-size:17px;color:var(--color-stone, #6b6560);line-height:1.7;margin:0 0 40px}.creator-hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin:0 auto 40px;max-width:720px;padding:22px 0;background:#ffffffb3;border-radius:16px;border:1px solid var(--color-border, rgba(26, 26, 26, .08));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.creator-hero-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.creator-hero-stats .stat-num{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:26px;font-weight:600;color:var(--color-rose, #b76e79);line-height:1}.creator-hero-stats .stat-lbl{font-size:12px;color:var(--color-stone, #8a7f76);letter-spacing:.5px}.stat-divider{width:1px;height:24px;background:var(--color-border, rgba(26, 26, 26, .1))}.creator-hero-ctas{display:flex;align-items:center;justify-content:center;gap:14px}.cta-primary{display:inline-flex;align-items:center;gap:6px;padding:14px 28px;border-radius:100px;background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #b76e794d;font-family:inherit}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b76e7966}.cta-primary.large{padding:18px 36px;font-size:16px}.cta-secondary{display:inline-flex;align-items:center;gap:6px;padding:14px 28px;border-radius:100px;background:transparent;color:var(--color-charcoal, #1a1a1a);font-size:15px;font-weight:500;text-decoration:none;border:1px solid var(--color-border, rgba(26, 26, 26, .15));transition:all .3s ease}.cta-secondary:hover{border-color:var(--color-rose, #b76e79);color:var(--color-rose, #b76e79)}.creator-section{max-width:1200px;margin:0 auto;padding:80px 24px}.creator-section-cream{background:var(--color-bg-cream, #faf7f5);max-width:none;padding-left:0;padding-right:0}.creator-section-cream>*{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.section-head{text-align:center;margin-bottom:56px}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-rose, #b76e79);background:#b76e791a;padding:4px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:1.5px}.section-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:36px;font-weight:500;color:var(--color-charcoal, #1a1a1a);margin:0 0 12px;letter-spacing:.5px}.section-sub{font-size:15px;color:var(--color-stone, #6b6560);margin:0}.tracks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.track-card{text-align:left;padding:28px 22px;background:#fff;border:1px solid var(--color-border, rgba(26, 26, 26, .08));border-radius:18px;cursor:pointer;transition:all .4s ease;font-family:inherit}.track-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1a1a1a14;border-color:var(--color-rose-light, #d4a5ad)}.track-card.active{background:linear-gradient(180deg,#fff,#fdfaf7);border-color:var(--color-rose, #b76e79);box-shadow:0 12px 32px #b76e7926}.track-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#b76e791f,#c9a87c1a);color:var(--color-rose, #b76e79);margin-bottom:16px}.track-card.active .track-icon{background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff}.track-card.track-gold .track-icon{background:linear-gradient(135deg,#c9a87c26,#e8c87a1a);color:#c9a87c}.track-card.track-gold.active .track-icon{background:linear-gradient(135deg,#c9a87c,#e8c87a);color:#fff}.track-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:19px;font-weight:500;color:var(--color-charcoal, #1a1a1a);margin:0 0 6px}.track-sub{font-size:13px;color:var(--color-stone, #6b6560);margin:0 0 18px;line-height:1.5;min-height:40px}.track-price{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:16px;font-weight:600;color:var(--color-rose, #b76e79);margin-bottom:2px}.track-card.track-gold .track-price{color:#c9a87c}.track-rate{font-size:11px;color:var(--color-stone, #8a7f76);letter-spacing:.5px}.submit-grid{display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:start}.submit-info .info-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--color-rose, #b76e79);background:#b76e7914;padding:5px 12px;border-radius:100px;margin-bottom:16px}.dot-color{width:8px;height:8px;border-radius:50%}.dot-rose{background:#b76e79}.dot-gold{background:#c9a87c}.info-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:22px;font-weight:500;color:var(--color-charcoal, #1a1a1a);line-height:1.5;margin:0 0 20px}.info-bullets{list-style:none;padding:0;margin:0 0 24px}.info-bullets li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--color-stone, #4a4540);line-height:1.7;padding:6px 0}.info-bullets li svg{flex-shrink:0;color:var(--color-rose, #b76e79);margin-top:5px}.info-quote{position:relative;background:linear-gradient(135deg,#b76e790f,#c9a87c0f);border-left:3px solid var(--color-rose, #b76e79);border-radius:0 12px 12px 0;padding:18px 20px;margin-bottom:18px}.info-quote svg{position:absolute;top:12px;right:14px;color:#b76e7940}.info-quote p{font-size:13.5px;color:var(--color-stone, #4a4540);line-height:1.7;margin:0 0 8px;font-style:italic}.info-quote small{font-size:12px;color:var(--color-rose, #b76e79);font-weight:500}.info-shield{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-stone, #8a7f76);padding:10px 14px;background:var(--color-bg-cream, #faf7f5);border-radius:10px}.info-shield svg{color:var(--color-rose, #b76e79);flex-shrink:0}.submit-form{background:#fff;border-radius:20px;padding:32px;border:1px solid var(--color-border, rgba(26, 26, 26, .08));box-shadow:0 4px 24px #1a1a1a0a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{display:block;margin-bottom:18px}.form-label>span{display:block;font-size:13px;font-weight:500;color:var(--color-charcoal, #1a1a1a);margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px 14px;border:1px solid var(--color-border, rgba(26, 26, 26, .12));border-radius:10px;font-size:14px;color:var(--color-charcoal, #1a1a1a);background:var(--color-bg-cream, #faf7f5);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-rose, #b76e79);background:#fff;box-shadow:0 0 0 3px #b76e791a}.form-textarea{resize:vertical;min-height:160px;line-height:1.7}.form-hint{display:block;text-align:right;font-size:11px;color:var(--color-stone, #8a7f76);margin-top:6px}.form-files{margin-bottom:18px}.files-label{display:block;cursor:pointer}.files-input{display:none}.files-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border:2px dashed var(--color-border, rgba(26, 26, 26, .15));border-radius:14px;background:var(--color-bg-cream, #faf7f5);color:var(--color-stone, #6b6560);text-align:center;transition:all .3s ease}.files-drop:hover{border-color:var(--color-rose, #b76e79);background:#b76e790a}.files-drop svg{color:var(--color-rose, #b76e79)}.files-drop>span{font-size:14px;font-weight:500;color:var(--color-charcoal, #1a1a1a)}.files-drop small{font-size:12px;color:var(--color-stone, #8a7f76)}.files-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.files-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-stone, #4a4540);padding:8px 12px;background:var(--color-bg-cream, #faf7f5);border-radius:8px}.files-item svg{color:#2a9d5f}.files-item small{color:var(--color-stone, #8a7f76);margin-left:4px}.form-agree{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-stone, #6b6560);margin-bottom:18px;cursor:pointer;line-height:1.6}.form-agree input{margin-top:3px;accent-color:var(--color-rose, #b76e79)}.form-agree a{color:var(--color-rose, #b76e79);text-decoration:none}.form-submit{width:100%;padding:14px 24px;border-radius:12px;background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 16px #b76e794d;font-family:inherit}.form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #b76e7966}.form-submit:disabled{opacity:.6;cursor:not-allowed}.tiers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tier-card{background:#fff;border:2px solid;border-radius:18px;padding:28px 22px;text-align:center;transition:all .3s ease}.tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1a1a1a14}.tier-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 14px}.tier-name{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:22px;font-weight:600;margin-bottom:4px;letter-spacing:1px}.tier-min{font-size:12px;color:var(--color-stone, #8a7f76);margin-bottom:18px;padding-bottom:18px;border-bottom:1px dashed var(--color-border, rgba(26, 26, 26, .1))}.tier-benefits{list-style:none;padding:0;margin:0;text-align:left}.tier-benefits li{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--color-stone, #4a4540);line-height:1.6;padding:4px 0}.tier-benefits li svg{flex-shrink:0;color:var(--color-rose, #b76e79);margin-top:4px}.creators-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.creator-card{background:#fff;border-radius:18px;padding:22px;border:1px solid var(--color-border, rgba(26, 26, 26, .06));transition:all .3s ease}.creator-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1a1a1a0f;border-color:var(--color-rose-light, #d4a5ad)}.creator-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.creator-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.creator-name{font-size:15px;font-weight:600;color:var(--color-charcoal, #1a1a1a)}.creator-tag{font-size:11px;color:var(--color-rose, #b76e79);margin-top:2px}.creator-earned{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--color-rose, #b76e79);background:#b76e7914;padding:4px 10px;border-radius:100px}.creator-quote{font-size:13.5px;color:var(--color-stone, #4a4540);line-height:1.7;margin:0 0 16px;padding:0;border:none;font-style:italic}.creator-foot{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--color-stone, #8a7f76);padding-top:12px;border-top:1px solid var(--color-border, rgba(26, 26, 26, .06))}.creator-foot span{display:inline-flex;align-items:center;gap:4px}.creator-stat-divider{width:3px;height:3px;border-radius:50%;background:var(--color-border, rgba(26, 26, 26, .2));padding:0!important}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.faq-item{background:#fff;border:1px solid var(--color-border, rgba(26, 26, 26, .06));border-radius:14px;overflow:hidden;transition:all .3s ease}.faq-item.open{border-color:var(--color-rose-light, #d4a5ad);box-shadow:0 4px 16px #b76e790f}.faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 22px;background:transparent;border:none;cursor:pointer;font-size:15px;font-weight:500;color:var(--color-charcoal, #1a1a1a);text-align:left;font-family:inherit;transition:color .2s ease}.faq-q:hover{color:var(--color-rose, #b76e79)}.faq-q svg{flex-shrink:0;color:var(--color-stone, #8a7f76);transition:transform .3s ease}.faq-item.open .faq-q svg{transform:rotate(180deg);color:var(--color-rose, #b76e79)}.faq-a{padding:0 22px 20px;font-size:14px;color:var(--color-stone, #4a4540);line-height:1.8}.creator-cta-section{background:linear-gradient(135deg,#1a1418,#2a2025);color:#fff;padding:80px 24px;text-align:center;position:relative;overflow:hidden}.creator-cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 60% at 50% 50%,rgba(183,110,121,.18) 0%,transparent 70%)}.cta-inner{position:relative;max-width:700px;margin:0 auto}.cta-inner>svg{color:var(--color-rose, #b76e79);margin-bottom:20px}.cta-inner h2{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:36px;font-weight:500;line-height:1.4;margin:0 0 16px;color:#fff}.cta-inner p{font-size:15px;color:#ffffffb3;margin:0 0 32px}@media (max-width: 1024px){.creator-hero-title{font-size:42px}.tracks-grid,.tiers-grid,.creators-grid{grid-template-columns:repeat(2,1fr)}.submit-grid{grid-template-columns:1fr;gap:32px}}@media (max-width: 720px){.creator-hero{padding:60px 20px 50px}.creator-hero-title{font-size:32px}.creator-hero-sub{font-size:15px}.creator-hero-stats{flex-wrap:wrap;gap:20px;padding:16px}.creator-section{padding:50px 20px}.section-title{font-size:26px}.tracks-grid,.tiers-grid,.creators-grid,.form-row{grid-template-columns:1fr}.submit-form{padding:22px}.cta-inner h2{font-size:24px}.viral-wall{grid-template-columns:1fr}}.creator-section-dark{background:linear-gradient(180deg,#1a1418,#2a1f24);color:#f5ead4;max-width:none;padding-left:0;padding-right:0;position:relative;overflow:hidden}.creator-section-dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 60% at 20% 0%,rgba(201,168,124,.15) 0%,transparent 60%),radial-gradient(50% 60% at 80% 100%,rgba(183,110,121,.12) 0%,transparent 60%);pointer-events:none}.creator-section-dark>*{position:relative;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.viral-card .tier-name,.viral-card .viral-reward{font-family:var(--font-serif, "Noto Serif SC", serif)}.viral-foot{text-align:center;margin-top:40px;padding:20px;background:#f5ead40d;border-radius:12px;border:1px dashed rgba(201,168,124,.3)}.viral-foot p{color:#f5ead4d9;font-size:14px;margin:0;line-height:1.7}.viral-foot strong{color:#c9a87c;font-size:16px;font-weight:600}.viral-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.viral-card-item{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #1a1a1a0f;transition:all .3s ease;border:1px solid rgba(201,168,124,.15)}.viral-card-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #b76e791f}.viral-thumb{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f0e8d8}.viral-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.viral-card-item:hover .viral-thumb img{transform:scale(1.05)}.viral-platform{position:absolute;top:12px;left:12px;background:#000000b3;color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viral-tier{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#c9a87c,#b8985c);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;letter-spacing:.5px}.viral-tier[data-tier=大爆款]{background:linear-gradient(135deg,#b76e79,#9c5560)}.viral-tier[data-tier=现象级]{background:linear-gradient(135deg,#6a4c93,#4a3268)}.viral-body{padding:20px}.viral-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 10px;line-height:1.5}.viral-story{font-size:14px;color:#5a5550;line-height:1.7;margin:0 0 16px;padding:12px 14px;background:#faf7f5;border-left:3px solid #c9a87c;border-radius:0 8px 8px 0;font-style:italic}.viral-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #f0e8d8}.viral-author{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;font-weight:500}.viral-author img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #f0e8d8}.viral-stats{display:flex;align-items:center;gap:10px;font-size:12px}.viral-likes{color:#b76e79;font-weight:600}.viral-reward-tag{background:linear-gradient(135deg,#c9a87c26,#b76e7926);color:#7a5a3a;padding:3px 10px;border-radius:100px;font-weight:600;font-size:11px}.viral-cta{text-align:center;margin-top:32px;font-size:15px;color:#5a5550}.viral-cta a{color:#b76e79;font-weight:600;text-decoration:none;margin-left:6px;transition:color .2s ease}.viral-cta a:hover{color:#9c5560}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.criteria-card{background:#fff;border-radius:16px;padding:28px 24px;border:1px solid rgba(201,168,124,.2);box-shadow:0 4px 16px #1a1a1a0a;transition:all .3s ease;position:relative}.criteria-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;background:linear-gradient(90deg,#b76e79,#c9a87c);border-radius:0 0 4px 4px;opacity:0;transition:opacity .3s ease}.criteria-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #b76e791a;border-color:#b76e794d}.criteria-card:hover:before{opacity:1}.criteria-icon{font-size:32px;margin-bottom:14px;display:inline-block}.criteria-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 10px;line-height:1.5}.criteria-desc{font-size:14px;color:#5a5550;line-height:1.7;margin:0}@media (max-width: 720px){.criteria-grid{grid-template-columns:1fr}}.order-detail-page{background:var(--color-bg-cream, #faf7f5);min-height:100vh;padding-bottom:120px;font-family:var(--font-sans, "Noto Sans SC", sans-serif);color:var(--color-charcoal, #1a1a1a)}.order-detail-page .detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px;position:sticky;top:0;background:#faf7f5eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .06))}.order-detail-page .detail-header h1{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:20px;font-weight:600;margin:0;letter-spacing:.02em;color:var(--color-charcoal, #1a1a1a)}.order-detail-page .back-btn,.order-detail-page .share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-border, rgba(26, 26, 26, .08));background:#fff;border-radius:999px;color:var(--color-charcoal, #1a1a1a);cursor:pointer;font-size:14px;font-weight:500;transition:all .25s ease}.order-detail-page .back-btn:hover,.order-detail-page .share-btn:hover{background:var(--color-rose, #b76e79);color:#fff;border-color:var(--color-rose, #b76e79);transform:translateY(-1px)}.order-detail-page .status-card-modern{display:flex;align-items:center;gap:20px;padding:28px;border-radius:20px;border:1px solid;margin:24px 0 32px;position:relative;overflow:hidden;box-shadow:0 4px 24px #1a1a1a0a}.order-detail-page .status-card-modern:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:currentColor;opacity:.06;pointer-events:none}.order-detail-page .status-card-modern .status-icon-large{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #0000001a}.order-detail-page .status-card-modern .status-text{flex:1;min-width:0}.order-detail-page .status-card-modern h2{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:28px;font-weight:700;margin:0 0 6px;letter-spacing:.02em;line-height:1.2}.order-detail-page .status-card-modern p{font-size:14px;color:var(--color-stone, #5a5550);margin:0;line-height:1.5}.order-detail-page .step-progress{display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-radius:20px;padding:28px 16px 20px;margin-bottom:24px;box-shadow:0 4px 24px #1a1a1a0a;border:1px solid var(--color-border, rgba(26, 26, 26, .04));position:relative}.order-detail-page .step-progress .step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;text-align:center}.order-detail-page .step-progress .step-circle{width:36px;height:36px;border-radius:50%;background:#f0ebe5;color:#b3ada5;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;margin-bottom:10px;transition:all .3s ease;border:2px solid transparent}.order-detail-page .step-progress .step-item.done .step-circle{background:var(--color-rose, #b76e79);color:#fff;box-shadow:0 4px 12px #b76e794d}.order-detail-page .step-progress .step-item.current .step-circle{background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;box-shadow:0 0 0 6px #b76e7926,0 4px 16px #b76e794d;transform:scale(1.1)}.order-detail-page .step-progress .step-label{font-size:12px;color:var(--color-stone-light, #8a857f);font-weight:500;white-space:nowrap}.order-detail-page .step-progress .step-item.done .step-label,.order-detail-page .step-progress .step-item.current .step-label{color:var(--color-charcoal, #1a1a1a);font-weight:600}.order-detail-page .step-progress .step-line{position:absolute;top:17px;left:calc(50% + 22px);width:calc(100% - 44px);height:2px;background:#f0ebe5;z-index:-1}.order-detail-page .step-progress .step-item.done+.step-item .step-line,.order-detail-page .step-progress .step-item.done .step-line{background:linear-gradient(90deg,var(--color-rose, #b76e79) 0%,#d4a5ad 100%)}.order-detail-page .detail-card{background:#fff;border-radius:20px;padding:24px 28px;margin-bottom:20px;box-shadow:0 4px 24px #1a1a1a0a;border:1px solid var(--color-border, rgba(26, 26, 26, .04))}.order-detail-page .detail-card .card-title{font-family:var(--font-serif, "Noto Serif SC", serif);font-size:18px;font-weight:600;color:var(--color-charcoal, #1a1a1a);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .06));display:flex;align-items:center;gap:10px;letter-spacing:.02em}.order-detail-page .detail-card .card-title svg{color:var(--color-rose, #b76e79);flex-shrink:0}.order-detail-page .info-grid{display:flex;flex-direction:column;gap:0}.order-detail-page .info-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px dashed var(--color-border, rgba(26, 26, 26, .06));font-size:14px}.order-detail-page .info-row:last-child{border-bottom:none;padding-bottom:0}.order-detail-page .info-row .label{color:var(--color-stone-light, #8a857f);font-weight:400;flex-shrink:0}.order-detail-page .info-row .value{color:var(--color-charcoal, #1a1a1a);font-weight:500;text-align:right;display:inline-flex;align-items:center;gap:8px;min-width:0;font-family:var(--font-sans, "Noto Sans SC", sans-serif)}.order-detail-page .info-row .value code{font-family:var(--font-num, "Outfit", sans-serif);background:var(--color-bg-warm, #f5f0ec);padding:3px 10px;border-radius:6px;font-size:13px;color:var(--color-charcoal, #1a1a1a);letter-spacing:.02em}.order-detail-page .info-row .icon-btn{background:none;border:none;cursor:pointer;color:var(--color-stone-light, #8a857f);padding:4px;border-radius:6px;display:inline-flex;align-items:center;transition:all .2s}.order-detail-page .info-row .icon-btn:hover{background:var(--color-rose-pale, #f3e3e6);color:var(--color-rose, #b76e79)}.order-detail-page .address-info{padding:4px 0}.order-detail-page .address-info p{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.7}.order-detail-page .address-info p strong{font-weight:600;color:var(--color-charcoal, #1a1a1a)}.order-detail-page .address-info p svg{color:var(--color-rose, #b76e79);flex-shrink:0}.order-detail-page .address-info .address-detail{color:var(--color-stone, #5a5550);font-size:14px;margin-top:8px;padding-left:22px;position:relative}.order-detail-page .address-info .address-detail:before{content:"";position:absolute;left:8px;top:12px;width:4px;height:4px;background:var(--color-stone-light, #8a857f);border-radius:50%}.order-detail-page .items-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.order-detail-page .item-row{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--color-bg-cream, #faf7f5);border-radius:14px;border:1px solid var(--color-border, rgba(26, 26, 26, .04));transition:all .25s ease}.order-detail-page .item-row:hover{background:#fff;box-shadow:0 4px 16px #1a1a1a0f;transform:translateY(-1px)}.order-detail-page .item-image{width:80px;height:80px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#fff}.order-detail-page .item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.order-detail-page .item-info h4{font-family:var(--font-sans, "Noto Sans SC", sans-serif);font-size:15px;font-weight:600;color:var(--color-charcoal, #1a1a1a);margin:0;line-height:1.4}.order-detail-page .item-tags{display:flex;flex-wrap:wrap;gap:6px}.order-detail-page .item-tags .tag{display:inline-flex;align-items:center;padding:3px 10px;background:var(--color-rose-pale, #f3e3e6);color:var(--color-rose, #b76e79);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.02em}.order-detail-page .item-tags .tag-video,.order-detail-page .item-tags .tag-voice{background:linear-gradient(135deg,#b76e791f,#d4a5ad1f);color:var(--color-rose, #b76e79);font-weight:600}.order-detail-page .qr-link-mini{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-rose, #b76e79);text-decoration:none;margin-top:2px;font-weight:500}.order-detail-page .qr-link-mini:hover{text-decoration:underline}.order-detail-page .item-qty{font-family:var(--font-num, "Outfit", sans-serif);color:var(--color-stone-light, #8a857f);font-size:13px;align-self:flex-start;margin-top:2px}.order-detail-page .item-price{font-family:var(--font-num, "Outfit", sans-serif);color:var(--color-charcoal, #1a1a1a);font-weight:600;font-size:16px;align-self:flex-end;white-space:nowrap}.order-detail-page .price-summary{background:var(--color-bg-warm, #f5f0ec);border-radius:14px;padding:20px 24px;margin-top:8px}.order-detail-page .summary-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--color-stone, #5a5550)}.order-detail-page .summary-row span:last-child{font-family:var(--font-num, "Outfit", sans-serif);font-weight:500}.order-detail-page .summary-row .free-shipping,.order-detail-page .summary-row .discount{color:var(--color-rose, #b76e79);font-weight:600}.order-detail-page .summary-row.total{margin-top:12px;padding-top:16px;border-top:1px solid var(--color-border, rgba(26, 26, 26, .08));font-size:16px;color:var(--color-charcoal, #1a1a1a);font-weight:600}.order-detail-page .summary-row.total .total-price{font-family:var(--font-num, "Outfit", sans-serif);font-size:24px;font-weight:700;color:var(--color-rose, #b76e79);letter-spacing:.01em}.order-detail-page .qr-access-card{background:linear-gradient(135deg,#f3e3e6,#faf7f5);border:1px solid rgba(183,110,121,.15)}.order-detail-page .qr-access-card .card-tip{font-size:13px;color:var(--color-stone, #5a5550);margin:-12px 0 16px;line-height:1.6}.order-detail-page .qr-access-list{display:flex;flex-direction:column;gap:10px}.order-detail-page .qr-access-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--color-border, rgba(26, 26, 26, .06));border-radius:12px;padding:14px 18px;text-decoration:none;color:var(--color-charcoal, #1a1a1a);transition:all .25s ease}.order-detail-page .qr-access-item:hover{border-color:var(--color-rose, #b76e79);transform:translate(4px);box-shadow:0 4px 16px #b76e791f}.order-detail-page .qr-access-info h4{font-family:var(--font-sans, "Noto Sans SC", sans-serif);font-size:14px;font-weight:600;margin:0 0 2px}.order-detail-page .qr-access-info small{font-family:var(--font-num, "Outfit", sans-serif);font-size:12px;color:var(--color-stone-light, #8a857f)}.order-detail-page .qr-access-item svg{color:var(--color-rose, #b76e79);flex-shrink:0}.order-detail-page .timeline{display:flex;flex-direction:column;gap:4px;position:relative;padding-left:20px}.order-detail-page .timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--color-border, rgba(26, 26, 26, .08))}.order-detail-page .timeline-item{position:relative;padding:8px 0 16px}.order-detail-page .timeline-item .dot{position:absolute;left:-19px;top:14px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--color-border, rgba(26, 26, 26, .15))}.order-detail-page .timeline-item.done .dot{background:var(--color-rose, #b76e79);border-color:var(--color-rose, #b76e79)}.order-detail-page .timeline-item.latest .dot{background:linear-gradient(135deg,#b76e79,#d97a7a);border-color:#fff;box-shadow:0 0 0 4px #b76e7933}.order-detail-page .timeline-item h4{font-family:var(--font-sans, "Noto Sans SC", sans-serif);font-size:14px;font-weight:500;margin:0 0 2px;color:var(--color-charcoal, #1a1a1a)}.order-detail-page .timeline-item.latest h4{font-weight:600;color:var(--color-rose, #b76e79)}.order-detail-page .timeline-item p{font-family:var(--font-num, "Outfit", sans-serif);font-size:12px;color:var(--color-stone-light, #8a857f);margin:0}.order-detail-page .detail-actions-modern{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding:24px 28px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #1a1a1a0a;border:1px solid var(--color-border, rgba(26, 26, 26, .04))}.order-detail-page .detail-actions-modern .btn{flex:1;min-width:140px;height:48px;font-size:15px;font-weight:500;border-radius:12px;letter-spacing:.02em;transition:all .25s ease}.order-detail-page .detail-actions-modern .btn-large{height:52px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#b76e79,#d97a7a);color:#fff;box-shadow:0 4px 16px #b76e7940}.order-detail-page .detail-actions-modern .btn-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b76e7966}.order-detail-page .detail-actions-modern .btn-primary:not(.btn-large){background:var(--color-charcoal, #1a1a1a);color:#fff}.order-detail-page .detail-actions-modern .btn-outline{background:#fff;color:var(--color-charcoal, #1a1a1a);border:1.5px solid var(--color-border, rgba(26, 26, 26, .15))}.order-detail-page .detail-actions-modern .btn-outline:hover{border-color:var(--color-rose, #b76e79);color:var(--color-rose, #b76e79);background:var(--color-rose-pale, #f3e3e6)}.order-detail-page .refund-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;margin-bottom:16px;font-size:14px;font-weight:500}.order-detail-page .refund-banner.refund-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.order-detail-page .refund-banner.refund-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.order-detail-page .refund-banner.refund-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}@media (max-width: 640px){.order-detail-page{padding-bottom:100px}.order-detail-page .detail-header{padding:14px 16px}.order-detail-page .detail-header h1{font-size:18px}.order-detail-page .container{padding:0 16px!important}.order-detail-page .status-card-modern{padding:20px;gap:16px;margin:16px 0 20px}.order-detail-page .status-card-modern .status-icon-large{width:52px;height:52px;border-radius:14px}.order-detail-page .status-card-modern h2{font-size:22px}.order-detail-page .status-card-modern p{font-size:13px}.order-detail-page .step-progress{padding:20px 8px 16px;border-radius:16px}.order-detail-page .step-progress .step-label{font-size:11px}.order-detail-page .step-progress .step-circle{width:32px;height:32px;font-size:12px}.order-detail-page .detail-card{padding:18px 20px;border-radius:16px}.order-detail-page .detail-card .card-title{font-size:16px;margin-bottom:16px;padding-bottom:12px}.order-detail-page .item-row{padding:12px;gap:12px}.order-detail-page .item-image{width:72px;height:72px}.order-detail-page .item-info h4{font-size:14px}.order-detail-page .item-price{font-size:15px}.order-detail-page .price-summary{padding:16px 18px}.order-detail-page .summary-row.total .total-price{font-size:20px}.order-detail-page .detail-actions-modern{padding:16px;flex-direction:column;gap:10px}.order-detail-page .detail-actions-modern .btn{width:100%;min-width:0}}