@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=DM+Sans:wght@300;400;500&family=Noto+Serif+TC:wght@300;400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--lotus-50: #FBF4F1;--lotus-100: #F2E2DC;--lotus-200: #E8CCC4;--lotus-300: #D9B8B0;--lotus-400: #C9A39A;--lotus-500: #B89690;--lotus-600: #9C7B74;--brown-50: #F7F1EA;--brown-100: #EADBC9;--brown-200: #D6BFA6;--brown-300: #BFA483;--brown-400: #A88A66;--brown-500: #8B6F4E;--brown-600: #6B5238;--white: #FFFFFF;--cream: #FAF6F2;--ivory: #F4ECE4;--line: #E8DDD4;--ink: #3D2E26;--ink-soft: #6B5B53;--ink-mute: #9C8D85;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 36px;--shadow-soft: 0 10px 30px -12px rgba(139, 111, 78, .18);--shadow-md: 0 18px 40px -18px rgba(139, 111, 78, .28);--shadow-lg: 0 30px 60px -20px rgba(61, 46, 38, .22)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:DM Sans,"Noto Serif TC",-apple-system,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,var(--lotus-100),transparent 60%),radial-gradient(900px 700px at 110% 110%,var(--brown-100),transparent 60%),var(--cream);color:var(--ink);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;-webkit-font-smoothing:antialiased}.serif{font-family:Playfair Display,"Noto Serif TC",serif;letter-spacing:.02em}.display{font-family:Cinzel,Playfair Display,serif;letter-spacing:.08em}.phone{width:390px;height:844px;background:var(--white);border-radius:48px;border:12px solid #1a1414;box-shadow:var(--shadow-lg),inset 0 0 0 2px #2b2220;position:relative;overflow:hidden}.notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:30px;background:#1a1414;border-radius:20px;z-index:50}.status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 28px 4px;font-size:14px;font-weight:600;z-index:40;color:var(--ink)}.status-bar .icons{display:flex;gap:6px;align-items:center}.screens{position:absolute;top:44px;right:0;bottom:0;left:0;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;opacity:1;pointer-events:auto;padding-bottom:24px;scrollbar-width:none;background:var(--white)}.tabbar{position:absolute;left:0;right:0;bottom:0;height:86px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-around;padding-top:10px;z-index:30}.tab{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink-mute);padding:6px 10px;min-width:62px;font-family:inherit;transition:color .2s}.tab svg{width:22px;height:22px;stroke-width:1.6}.tab span{font-size:10.5px;letter-spacing:.05em}.tab.active{color:var(--brown-500)}.tab.active .dot{width:4px;height:4px;border-radius:50%;background:var(--lotus-400);margin-top:1px}.page-pad{padding:8px 22px 24px}.h-row{display:flex;align-items:center;justify-content:space-between}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--lotus-100);color:var(--brown-500);font-size:11px;font-weight:500;letter-spacing:.06em}.pill.brown{background:var(--brown-100);color:var(--brown-600)}.pill.ghost{background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.05em;transition:transform .15s,box-shadow .2s,background .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:linear-gradient(135deg,var(--brown-400),var(--brown-500));color:var(--white);box-shadow:0 10px 24px -10px #8b6f4e99}.btn-secondary{background:var(--lotus-200);color:var(--brown-600)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.btn-block{width:100%}.card{background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-soft);border:1px solid rgba(232,221,212,.6)}.section-title{font-family:Playfair Display,"Noto Serif TC",serif;font-size:18px;font-weight:500;color:var(--ink);letter-spacing:.03em}.section-sub{font-size:12px;color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase}.link{color:var(--brown-500);font-weight:500;cursor:pointer;font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:11px;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:6px;text-transform:uppercase;font-weight:500}.field input{width:100%;padding:14px 16px;background:var(--cream);border:1px solid transparent;border-radius:14px;font-family:inherit;font-size:14px;color:var(--ink);transition:border-color .2s,background .2s}.field input:focus{outline:none;border-color:var(--lotus-300);background:var(--white)}.welcome-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 80% 10%,var(--lotus-200),transparent 60%),radial-gradient(500px 600px at 10% 90%,var(--brown-200),transparent 60%),linear-gradient(180deg,var(--cream),var(--lotus-50))}.welcome-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:80px 30px 30px}.logo-mark{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--lotus-300),var(--brown-300));display:flex;align-items:center;justify-content:center;color:var(--white);font-family:Cinzel,serif;font-size:18px;font-weight:500;letter-spacing:.14em;box-shadow:0 12px 24px -8px #a88a6673}.welcome-title{font-family:Playfair Display,"Noto Serif TC",serif;font-size:48px;font-weight:400;line-height:1.08;color:var(--ink);margin:24px 0 10px}.welcome-title em{font-style:italic;color:var(--brown-500)}.welcome-sub{font-size:14px;line-height:1.7;color:var(--ink-soft);max-width:280px}.social-row{display:flex;gap:10px;margin-top:14px}.social-btn{flex:1;padding:12px 0;border-radius:14px;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.social-btn:active{transform:scale(.96)}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--ink-mute);font-size:11px;letter-spacing:.12em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.home-greet{padding:14px 22px 8px}.greet-name{font-family:Playfair Display,"Noto Serif TC",serif;font-size:22px;font-weight:500;color:var(--ink)}.greet-sub{font-size:13px;color:var(--ink-soft);margin-top:2px}.carousel{position:relative;padding:8px 22px 0}.carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px}.carousel-track::-webkit-scrollbar{display:none}.slide{flex:0 0 88%;scroll-snap-align:center;height:200px;border-radius:var(--r-lg);padding:22px;color:var(--white);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-md);cursor:pointer}.slide-1{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 50%),linear-gradient(135deg,#c9a39a,#8b6f4e)}.slide-2{background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.2),transparent 50%),linear-gradient(135deg,#d9b8b0,#a88a66)}.slide-3{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 55%),linear-gradient(135deg,#b89690,#6b5238)}.slide-tag{position:absolute;top:18px;left:18px;padding:5px 12px;background:#ffffff38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;font-size:11px;letter-spacing:.1em}.slide-title{font-family:Playfair Display,"Noto Serif TC",serif;font-size:22px;font-weight:500;line-height:1.25;margin-bottom:6px}.slide-sub{font-size:12px;opacity:.85;letter-spacing:.04em}.slide-deco{position:absolute;right:-20px;top:-20px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}.dots{display:flex;justify-content:center;gap:6px;padding:4px 0 12px}.dots span{width:6px;height:6px;border-radius:50%;background:var(--lotus-200);transition:all .3s}.dots span.active{width:18px;background:var(--brown-400);border-radius:3px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:6px 22px 18px}.quick{background:var(--white);border-radius:18px;padding:14px 6px;text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);border:1px solid rgba(232,221,212,.6)}.quick-ic{width:36px;height:36px;margin:0 auto 8px;background:var(--lotus-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brown-500)}.quick-ic.b2{background:var(--brown-100)}.quick-ic.b3{background:var(--lotus-200)}.quick-ic.b4{background:var(--ivory)}.quick span{font-size:11px;color:var(--ink)}.item{display:flex;gap:14px;padding:12px;background:var(--white);border-radius:var(--r-md);margin:0 22px 12px;cursor:pointer;box-shadow:var(--shadow-soft);border:1px solid rgba(232,221,212,.5)}.item-img{width:84px;height:84px;flex-shrink:0;border-radius:14px;background-size:cover;background-position:center}.ig-1{background:linear-gradient(135deg,#d9b8b0,#b89690)}.ig-2{background:linear-gradient(135deg,#bfa483,#8b6f4e)}.ig-3{background:linear-gradient(135deg,#e8ccc4,#c9a39a)}.ig-4{background:linear-gradient(135deg,#d6bfa6,#a88a66)}.ig-5{background:linear-gradient(135deg,#e8ddd4,#bfa483)}.item-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.item-title{font-family:Playfair Display,"Noto Serif TC",serif;font-size:14.5px;font-weight:500;color:var(--ink);line-height:1.35}.item-meta{font-size:11.5px;color:var(--ink-mute)}.item-foot{display:flex;align-items:center;justify-content:space-between}.price{font-family:Playfair Display,serif;font-size:18px;font-weight:600;color:var(--brown-500)}.price small{font-size:11px;font-weight:400;color:var(--ink-mute);margin-left:2px}.hero-img{margin:0 22px;height:200px;border-radius:var(--r-lg);background:linear-gradient(135deg,#d9b8b0,#8b6f4e);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.hero-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.2),transparent 50%)}.play-btn{position:absolute;bottom:16px;right:16px;width:48px;height:48px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);color:var(--brown-500);cursor:pointer;border:none}.progress{height:6px;background:var(--lotus-100);border-radius:6px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--lotus-400),var(--brown-400));border-radius:6px}.chapter{display:flex;gap:14px;align-items:center;padding:12px 14px;background:var(--cream);border-radius:14px;margin-bottom:8px;cursor:pointer}.chapter .num{width:30px;height:30px;border-radius:50%;background:var(--white);color:var(--brown-500);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:14px;font-weight:600;border:1px solid var(--line);flex-shrink:0}.chapter.done .num{background:var(--brown-400);color:var(--white);border-color:var(--brown-400)}.chapter .info{flex:1}.chapter .info .t{font-size:13px;color:var(--ink);font-weight:500}.chapter .info .s{font-size:11px;color:var(--ink-mute);margin-top:2px}.chapter svg{color:var(--ink-mute)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:8px 22px 24px}.product{background:var(--white);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-soft);border:1px solid rgba(232,221,212,.5)}.product-img{height:130px}.p1{background:linear-gradient(135deg,#f2e2dc,#c9a39a)}.p2{background:linear-gradient(135deg,#eadbc9,#bfa483)}.p3{background:linear-gradient(135deg,#e8ccc4,#b89690)}.p4{background:linear-gradient(135deg,#d6bfa6,#8b6f4e)}.product-info{padding:12px}.product-info .t{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px;line-height:1.3}.product-info .s{font-size:11px;color:var(--ink-mute);margin-bottom:6px}.product-info .p{font-family:Playfair Display,serif;font-size:17px;color:var(--brown-500);font-weight:600}.cart-row{display:flex;gap:12px;padding:12px;background:var(--white);border-radius:16px;margin-bottom:10px;box-shadow:var(--shadow-soft)}.qty{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border-radius:999px;padding:4px}.qty button{width:24px;height:24px;border-radius:50%;border:none;background:var(--white);color:var(--brown-500);cursor:pointer;font-size:14px;font-family:inherit;box-shadow:var(--shadow-soft)}.qty span{font-size:13px;min-width:18px;text-align:center}.summary{padding:12px 16px;background:var(--cream);border-radius:16px}.summary div{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:var(--ink-soft)}.summary div.total{font-weight:600;color:var(--ink);border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;font-size:15px}.summary div.total .price{font-size:22px}.pay-method{display:flex;gap:10px;align-items:center;padding:14px 16px;background:var(--white);border-radius:14px;margin-bottom:8px;border:1px solid transparent;cursor:pointer;box-shadow:var(--shadow-soft);transition:border-color .2s}.pay-method.active{border-color:var(--brown-400);background:var(--lotus-50)}.pay-method .logo{width:42px;height:42px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:20px}.pay-method .t{flex:1;font-size:13px;color:var(--ink);font-weight:500}.pay-method .s{font-size:11px;color:var(--ink-mute)}.radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line);flex-shrink:0}.pay-method.active .radio{border-color:var(--brown-400);background:radial-gradient(circle,var(--brown-400) 40%,transparent 45%)}.article-card{margin:0 22px 14px;background:var(--white);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-soft);cursor:pointer;border:1px solid rgba(232,221,212,.5)}.article-img{height:140px;position:relative}.article-body{padding:14px 16px}.article-body .cat{font-size:10.5px;letter-spacing:.15em;color:var(--brown-500);font-weight:500;text-transform:uppercase}.article-body .t{font-family:Playfair Display,"Noto Serif TC",serif;font-size:16px;font-weight:500;margin:6px 0 4px;line-height:1.35;color:var(--ink)}.article-body .s{font-size:12px;color:var(--ink-mute);line-height:1.5}.article-meta{display:flex;gap:12px;margin-top:10px;font-size:11px;color:var(--ink-mute)}.profile-hero{margin:12px 22px 18px;border-radius:var(--r-lg);padding:22px;color:var(--white);background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.2),transparent 60%),linear-gradient(135deg,var(--brown-400),var(--brown-600));position:relative;overflow:hidden}.profile-hero .lv{font-size:11px;letter-spacing:.2em;opacity:.85}.profile-hero .name{font-family:Playfair Display,"Noto Serif TC",serif;font-size:24px;font-weight:500;margin:4px 0}.profile-hero .pts{font-family:Playfair Display,serif;font-size:30px;font-weight:500}.profile-hero .pts small{font-size:12px;font-family:Noto Sans TC,sans-serif;opacity:.8;margin-left:4px}.profile-deco{position:absolute;right:-20px;bottom:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 70%)}.menu-list{margin:0 22px;background:var(--white);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.menu-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--line)}.menu-item:last-child{border-bottom:none}.menu-item .ic{width:34px;height:34px;border-radius:10px;background:var(--lotus-100);color:var(--brown-500);display:flex;align-items:center;justify-content:center}.menu-item .t{flex:1;font-size:13.5px;color:var(--ink)}.menu-item .arr{color:var(--ink-mute)}.plan{margin:12px 22px;padding:18px;background:var(--white);border-radius:var(--r-md);border:1px solid var(--line)}.plan.featured{background:linear-gradient(135deg,var(--lotus-50),var(--ivory));border-color:var(--lotus-300);box-shadow:var(--shadow-md)}.plan .name{font-family:Playfair Display,"Noto Serif TC",serif;font-size:17px;color:var(--ink);margin-bottom:4px}.plan .price-row{display:flex;align-items:baseline;gap:6px;margin:6px 0 12px}.plan .price-row .p{font-family:Playfair Display,serif;font-size:32px;font-weight:600;color:var(--brown-500)}.plan .price-row .u{font-size:12px;color:var(--ink-mute)}.plan ul{list-style:none;padding:0;margin:0 0 14px}.plan li{font-size:12.5px;color:var(--ink-soft);padding:5px 0 5px 20px;position:relative}.plan li:before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--brown-400)}.topbar{display:flex;align-items:center;gap:12px;padding:10px 22px 8px}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0}.topbar h2{flex:1;margin:0;text-align:center;font-family:Playfair Display,"Noto Serif TC",serif;font-size:16px;font-weight:500;letter-spacing:.04em}.toast{position:absolute;left:50%;bottom:110px;transform:translate(-50%) translateY(20px);background:#3d2e26eb;color:var(--white);padding:10px 18px;border-radius:999px;font-size:12px;letter-spacing:.05em;opacity:0;pointer-events:none;transition:all .3s ease;z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.chips{display:flex;gap:8px;padding:4px 22px 14px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:7px 14px;border-radius:999px;background:var(--white);color:var(--ink-soft);font-size:12px;cursor:pointer;border:1px solid var(--line)}.chip.active{background:var(--brown-500);color:var(--white);border-color:var(--brown-500)}.footer-action{position:absolute;left:0;right:0;bottom:0;padding:12px 22px 16px;background:linear-gradient(180deg,transparent,var(--white) 50%)}.outside-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.outside-title{font-family:Cinzel,Playfair Display,serif;font-size:26px;color:var(--ink);letter-spacing:.12em;text-align:center}.outside-title em{color:var(--brown-500);font-style:italic}.outside-sub{font-size:13px;color:var(--ink-soft);text-align:center;max-width:380px;line-height:1.7}.legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:420px}.legend span{font-size:11px;color:var(--ink-soft);background:var(--white);padding:6px 12px;border-radius:999px;border:1px solid var(--line)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen>*{animation:fadeUp .35s ease both}.screen>*:nth-child(2){animation-delay:.05s}.screen>*:nth-child(3){animation-delay:.1s}.screen>*:nth-child(4){animation-delay:.15s}.screen>*:nth-child(5){animation-delay:.2s}@media (max-width: 440px){body{padding:0;align-items:flex-start}.phone{width:100vw;height:100vh;border-radius:0;border:none;box-shadow:none}.notch,.status-bar{display:none!important}.outside-wrap>*:not(.phone){display:none}}@media (min-width: 441px) and (max-height: 600px){body{padding:0;align-items:stretch;justify-content:stretch;background:var(--white)}.outside-title,.outside-sub,.legend,.outside-wrap>*:not(.phone){display:none}.outside-wrap{width:100%;height:100vh;gap:0;align-items:stretch;padding:0}.phone{width:100%;height:100vh;border-radius:0;border:none;box-shadow:none}.notch,.status-bar{display:none}.screens{top:0;right:0;bottom:0;left:0}.tabbar{height:72px;padding-top:8px}.item-title{font-size:15.5px}.section-title{font-size:20px}.page-pad{padding:16px 32px 32px}.item{margin-left:32px;margin-right:32px}.product-grid{padding-left:32px;padding-right:32px}.chips{padding-left:32px}.carousel{padding-left:32px;padding-right:32px}}@media (display-mode: standalone){body{padding:0;align-items:stretch;background:var(--white);min-height:100vh}.outside-title,.outside-sub,.legend,.outside-wrap>*:not(.phone){display:none}.outside-wrap{width:100%;height:100vh;gap:0;align-items:stretch}.phone{width:100%;height:100vh;border-radius:0;border:none;box-shadow:none}.notch,.status-bar{display:none}.screens{top:0;right:0;bottom:0;left:0}.tabbar{height:72px;padding-top:8px}.item-title{font-size:15.5px}.section-title{font-size:20px}.page-pad{padding:16px 32px 32px}.item{margin-left:32px;margin-right:32px}.product-grid{padding-left:32px;padding-right:32px}.chips{padding-left:32px}.carousel{padding-left:32px;padding-right:32px}}@media (display-mode: tabbed){body{padding:0;align-items:stretch;background:var(--cream)}.outside-title,.outside-sub,.legend{display:none}.outside-wrap{width:100%;height:100vh;gap:0;align-items:stretch}.phone{width:100%;height:100vh;border-radius:0;border:none;box-shadow:none}.notch{display:none}.screens{top:0;right:0;bottom:0;left:0}.tabbar{height:72px;padding-top:8px}.item-title{font-size:15.5px}.section-title{font-size:20px}.page-pad{padding:16px 32px 32px}.item{margin-left:32px;margin-right:32px}.product-grid{padding-left:32px;padding-right:32px}.chips{padding-left:32px}.carousel{padding-left:32px;padding-right:32px}}.desktop-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--white)}.desktop-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--white),rgba(255,255,255,.98));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #3d2e2614}.desktop-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:72px}.desktop-logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.logo-text{font-family:Cinzel,serif;font-size:20px;font-weight:500;letter-spacing:.12em;color:var(--ink)}.logo-text em{color:var(--brown-500);font-style:italic}.desktop-nav{display:flex;gap:28px;align-items:center;flex:1;margin-left:48px}.nav-link{background:none;border:none;color:var(--ink-soft);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s;position:relative;font-family:inherit;letter-spacing:.05em;padding:6px 0}.nav-link:hover,.nav-link.active{color:var(--brown-500)}.nav-link.active:after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brown-400),var(--brown-500));border-radius:2px}.desktop-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.btn-text{background:none;border:none;color:var(--brown-500);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:color .2s;padding:8px 16px}.btn-text:hover{color:var(--brown-600)}.user-info{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--ink-soft);font-size:14px}.desktop-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:40px 32px}.desktop-footer{border-top:1px solid var(--line);background:var(--cream);margin-top:80px}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;padding:40px 32px}.footer-section h4{margin:0 0 12px;font-family:Playfair Display,serif;font-size:14px;color:var(--ink)}.footer-section a{display:block;margin-bottom:8px;color:var(--ink-soft);text-decoration:none;font-size:13px;transition:color .2s;cursor:pointer}.footer-section a:hover{color:var(--brown-500)}.footer-bottom{border-top:1px solid var(--line);padding:20px 32px;text-align:center;color:var(--ink-mute);font-size:12px}.footer-bottom p{margin:0}.mode-toggle{background:var(--brown-100);color:var(--brown-600);border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;cursor:pointer;margin-left:12px;transition:all .2s}.mode-toggle:hover{background:var(--brown-200);color:var(--brown-700)}.screen{position:static;overflow:visible;padding:0;background:transparent;inset:auto}.screen::-webkit-scrollbar{display:none}.tabbar{display:none}@media (min-width: 1200px){.desktop-main{padding:48px 32px}.page-pad{padding:0}.item{margin:0 0 16px}.product-grid{padding:0}.carousel{padding:0;margin-bottom:32px}.chips{padding:0;margin-bottom:16px}.topbar{display:none}.welcome-inner{padding:60px 30px 30px}}