:root{--color-bg: #f7f4ee;--color-surface: rgba(255, 255, 255, .88);--color-surface-hover: rgba(255, 255, 255, .98);--color-primary: #1e1d1b;--color-primary-rgb: 30, 29, 27;--color-primary-hover: #32302d;--color-primary-dark: #121110;--color-primary-light: #f5f3ef;--color-primary-glow: rgba(30, 29, 27, .14);--color-amber-glow: rgba(212, 180, 118, .28);--color-gold-accent: #bfa15f;--color-terracotta: #c2785c;--color-text: #1a1918;--color-text-secondary: #4a4744;--color-text-light: #76726c;--color-text-muted: #a39f99;--color-border: #e8e4de;--color-border-subtle: rgba(232, 228, 222, .7);--color-border-focus: #1e1d1b;--color-success: #2e7d52;--color-error: #c0392b;--color-info: #5f5c58;--color-warning: #d97706;--color-status-new-bg: #edf7ed;--color-status-new-text: #23683a;--color-status-update-bg: #fef7ed;--color-status-update-text: #b45309;--color-skeleton: #f0ede8;--color-skeleton-shine: #fbf9f6;--font-poetic: "LXGW WenKai TC", "Noto Serif TC", "Songti TC", "STSong", serif;--font-serif: "Cormorant Garamond", "Noto Serif TC", Georgia, serif;--font-script: "Caveat", "LXGW WenKai TC", cursive;--font-sans: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family: var(--font-poetic);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.85rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(26, 25, 24, .04);--shadow-md: 0 10px 30px -4px rgba(26, 25, 24, .07), 0 2px 8px -1px rgba(26, 25, 24, .03);--shadow-lg: 0 20px 48px -8px rgba(26, 25, 24, .12), 0 6px 16px -2px rgba(26, 25, 24, .04);--shadow-glow: 0 0 32px rgba(191, 161, 95, .22);--shadow-card-hover: 0 22px 50px -10px rgba(26, 25, 24, .13), 0 8px 20px -4px rgba(26, 25, 24, .05);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .38s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .45s cubic-bezier(.34, 1.56, .64, 1);--max-width: 440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text);background-color:#f7f4ee;background-image:radial-gradient(ellipse 75% 65% at 15% 0%,rgba(255,212,190,.75) 0%,transparent 70%),radial-gradient(ellipse 65% 55% at 90% 20%,rgba(206,234,218,.7) 0%,transparent 65%),radial-gradient(circle 600px at 50% 90%,rgba(255,228,182,.68) 0%,transparent 80%);background-attachment:fixed;background-repeat:no-repeat;background-size:120% 120%;animation:dawnGlowDrift 24s ease-in-out infinite alternate;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes dawnGlowDrift{0%{background-position:0% 0%}50%{background-position:100% 50%}to{background-position:50% 100%}}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font-family:var(--font-family);font-size:inherit}button{cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}#app{max-width:var(--max-width);min-height:100vh;margin:0 auto;padding:var(--spacing-lg) var(--spacing-lg) calc(140px + env(safe-area-inset-bottom));position:relative}.page-shell{display:flex;flex-direction:column;gap:var(--spacing-lg)}.fade-in{animation:fadeIn var(--transition-normal)}.page-shell__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0 8px}.brand-hero{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:left}.brand-logo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.98);box-shadow:0 0 0 3px #bfa15f59,0 8px 20px #1a19181a;flex-shrink:0;transition:transform var(--transition-bounce),box-shadow var(--transition-bounce)}.brand-hero:hover .brand-logo{transform:scale(1.06) rotate(3deg);box-shadow:0 0 0 4px #bfa15f7a,0 12px 28px #1a191824}.brand-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.brand-title-row{display:flex;align-items:center;gap:var(--spacing-xs)}.brand-name{font-family:var(--font-poetic);font-size:1.65rem;font-weight:700;color:var(--color-text);letter-spacing:.08em;line-height:1.25;text-shadow:0 1px 2px rgba(0,0,0,.05)}.brand-slogan{font-family:var(--font-poetic);font-size:.8rem;color:var(--color-primary);font-weight:600;letter-spacing:.1em;margin-top:3px;opacity:.95}.brand-tagline-en{font-family:var(--font-serif);font-style:italic;font-size:.78rem;color:var(--color-text-light);letter-spacing:.05em;margin-top:1px}.brand-story{font-family:var(--font-poetic);font-size:13.5px;color:var(--color-text-secondary);line-height:1.88;text-align:center;margin:4px auto 0;letter-spacing:.05em;max-width:320px}.brand-stanza{display:inline-block;padding:4px 14px;margin-top:6px;border-radius:var(--radius-pill);background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px dashed rgba(191,161,95,.45);font-family:var(--font-poetic);font-size:12px;color:var(--color-primary-dark);letter-spacing:.06em}.page-title{font-family:var(--font-poetic);font-size:1.55rem;font-weight:700;color:var(--color-text);letter-spacing:.06em}.page-shell__lead{font-family:var(--font-poetic);color:var(--color-text-secondary);letter-spacing:.04em;line-height:1.75}.page-shell__env{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-pill);background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);color:var(--color-text-light);font-size:var(--font-size-xs);white-space:nowrap}.page-shell__nav{position:fixed;bottom:14px;left:14px;right:14px;margin:0 auto;max-width:calc(var(--max-width) - 24px);width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;background:#ffffffe0;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1.5px solid rgba(255,255,255,.98);border-radius:28px;box-shadow:0 16px 42px -6px #1a19181a,0 4px 16px #bfa15f24,inset 0 1.5px #fffffff2;z-index:100;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.page-shell__nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:var(--spacing-xs) 4px;border-radius:22px;color:var(--color-text-secondary);transition:transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);text-align:center;position:relative}.page-shell__nav-link--active{background:linear-gradient(135deg,#1e1d1b14,#bfa15f29);color:var(--color-primary-dark);box-shadow:inset 0 1px #fffffff2,0 4px 12px #1a19180d}.page-shell__nav-link:active{transform:scale(.93)}.page-shell__nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.45rem;line-height:1.2}.page-shell__nav-svg{width:22px;height:22px;stroke:currentColor;fill:none;display:block;transition:transform var(--transition-fast),stroke var(--transition-fast)}.page-shell__nav-link--active .page-shell__nav-svg{transform:scale(1.12);stroke-width:2.2}.page-shell__nav-label{font-family:var(--font-poetic);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;letter-spacing:.04em}.content-section,.form-card,.product-card,.order-card,.course-card,.summary-card,.skeleton-card{background:var(--color-surface);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.95);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.content-section,.form-card{padding:var(--spacing-xl) var(--spacing-lg)}.section-title{font-family:var(--font-poetic);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);letter-spacing:.05em;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:8px}.section-title:before{content:"✦";font-size:.85em;color:var(--color-gold-accent)}.section-copy{font-family:var(--font-poetic);color:var(--color-text-secondary);line-height:1.78;letter-spacing:.03em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-poetic);font-size:var(--font-size-base);font-weight:700;letter-spacing:.06em;transition:transform var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg);transition:left .6s ease}.btn:active{transform:scale(.96)}.btn--primary{background-color:#f8e376;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.065'/%3E%3C/svg%3E"),linear-gradient(115deg,#fbee8d,#f8e376,#f3d75e);background-repeat:repeat,no-repeat;color:#1e1d1b;border-color:#ffffffa6;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 4px 14px #f3d75e61,0 1px 3px #0000000a}.btn--primary:hover{background-color:#fae886;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.075'/%3E%3C/svg%3E"),linear-gradient(115deg,#fcf2a2,#fae886,#f6dd6e);border-color:#ffffffd9;box-shadow:0 6px 18px #f3d75e7a,0 2px 5px #0000000f;color:#121110;transform:translateY(-1px)}.btn--secondary{background:#ffffffeb;border-color:#0000001f;color:var(--color-text);box-shadow:0 2px 8px #0000000a}.btn--secondary:hover{background:#fff;border-color:var(--color-gold-accent);color:var(--color-primary-dark);box-shadow:0 4px 16px #00000014}.btn--full-width{width:100%}.btn--sm{padding:8px 18px;font-size:var(--font-size-sm)}.btn[disabled],.btn:disabled{opacity:.52;cursor:not-allowed;transform:none;box-shadow:none}.form-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:block;margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-family:var(--font-poetic);font-size:.88rem;font-weight:700;color:var(--color-text);letter-spacing:.04em}.form-input,.form-select,.form-textarea,.filter-select{width:100%;padding:var(--spacing-md);border:1.5px solid rgba(220,200,185,.7);border-radius:var(--radius-sm);background:#ffffffc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-poetic);color:var(--color-text);font-size:.92rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus,.filter-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ebaf6e47;background:#fff}.form-textarea{min-height:96px;resize:vertical;line-height:1.7}.form-error{margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-xs)}.inline-feedback{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.inline-feedback--success{background:#27ae601f;color:var(--color-success)}.inline-feedback--warning{background:#f39c1229;color:#8a5d00}.inline-feedback--error{background:#e74c3c1f;color:var(--color-error)}.filter-bar{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.product-list,.hot-product-list,.orders-list,.courses-list,.registration-summary-list{display:flex;flex-direction:column;gap:var(--spacing-xl);list-style:none}.product-card,.course-card{overflow:hidden;padding-bottom:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid rgba(255,255,255,.98);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.product-card:hover,.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.product-card__image-frame,.course-card__image-frame{position:relative;overflow:hidden;border-top-left-radius:calc(var(--radius-lg) - 1px);border-top-right-radius:calc(var(--radius-lg) - 1px);background:#f7efe6}.product-card__image,.course-card__image{width:100%;height:220px;object-fit:cover;display:block;content-visibility:auto;transition:opacity .25s ease-in-out,transform .6s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-card__image,.course-card:hover .course-card__image{transform:scale(1.035)}.product-card__image--skeleton,.course-card__image--skeleton{background:linear-gradient(90deg,var(--color-skeleton) 25%,var(--color-skeleton-shine) 50%,var(--color-skeleton) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.carousel{position:relative;width:100%;overflow:hidden}.carousel__track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y pinch-zoom}.carousel__track::-webkit-scrollbar{display:none}.carousel__slide{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.carousel__slide img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.carousel__dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 10px;background:#1e140f73;border-radius:var(--radius-pill);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3;pointer-events:auto}.carousel__dot{width:7px;height:7px;border-radius:50%;background:#ffffff8c;border:none;padding:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.carousel__dot:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.carousel__dot--active{background:#fff;width:18px;border-radius:4px}.modal-content .carousel{margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.product-card__title-wrap,.product-card__price,.product-card__description-wrap,.product-card__meta,.product-card__action-wrap,.course-card__name,.course-card__price,.course-card__desc,.course-card__meta,.course-card__action-wrap{padding-inline:var(--spacing-lg)}.product-card__title-wrap,.course-card__name{margin-top:16px;font-family:var(--font-poetic);font-size:1.25rem;font-weight:700;line-height:1.45;color:var(--color-text);letter-spacing:.05em}.product-card__price,.course-card__price{margin-top:6px;font-family:var(--font-serif);color:var(--color-primary-dark);font-size:1.35rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:baseline;gap:4px}.product-card__meta,.course-card__meta{margin-top:6px;font-family:var(--font-poetic);color:var(--color-text-light);font-size:13px;letter-spacing:.03em;display:inline-flex;align-items:center;gap:4px}.product-card__description-wrap,.course-card__desc{margin-top:8px;font-family:var(--font-poetic);color:var(--color-text-secondary);font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:.03em}.product-card__action-wrap,.course-card__action-wrap{margin-top:var(--spacing-lg)}.inquiry-form{border-top:1px solid var(--color-border);animation:slideDown var(--transition-normal)}.order-card,.summary-card{padding:var(--spacing-xl) var(--spacing-lg);border:1px solid rgba(255,255,255,.98);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);position:relative}.order-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px dashed rgba(196,154,108,.35)}.order-card__meta{margin-top:var(--spacing-md);font-family:var(--font-poetic);color:var(--color-text-secondary);font-size:14px;line-height:1.75;letter-spacing:.03em}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;border-radius:var(--radius-pill);font-family:var(--font-poetic);font-size:12px;font-weight:700;letter-spacing:.06em;white-space:nowrap;box-shadow:0 2px 6px #0000000a}.status-badge--new{background:var(--color-status-new-bg);color:var(--color-status-new-text);border:1px solid rgba(46,125,82,.25)}.status-badge--update{background:var(--color-status-update-bg);color:var(--color-status-update-text);border:1px solid rgba(217,119,6,.25)}.status-badge--crafting{background:#bfa15f26;color:#8c6b2d;border:1px solid rgba(191,161,95,.4)}.status-badge--delivered{background:#2e7d5226;color:#2e7d52;border:1px solid rgba(46,125,82,.3)}.status-badge--cancelled{background:#7876731f;color:#6e6b66;border:1px solid rgba(120,118,115,.25)}.status-badge--default{background:#1e1d1b0f;color:var(--color-info);border:1px solid rgba(30,29,27,.12)}.state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.state-message__icon{font-size:2.8rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.state-message__text{font-family:var(--font-poetic);color:var(--color-text-secondary);font-size:1rem;line-height:1.7;letter-spacing:.03em;max-width:280px}.product-card,.course-card,.order-card,.summary-card{animation:cardFloatIn .5s cubic-bezier(.16,1,.3,1) both}.product-card:nth-child(1),.course-card:nth-child(1){animation-delay:.04s}.product-card:nth-child(2),.course-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3),.course-card:nth-child(3){animation-delay:.16s}.product-card:nth-child(4),.course-card:nth-child(4){animation-delay:.22s}.product-card:nth-child(5),.course-card:nth-child(5){animation-delay:.28s}.product-card:nth-child(6),.course-card:nth-child(6){animation-delay:.34s}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton-container{display:grid;gap:var(--spacing-lg)}.skeleton-card{overflow:hidden}.skeleton,.skeleton-img,.skeleton-text{position:relative;overflow:hidden;background:var(--color-skeleton)}.skeleton:after,.skeleton-img:after,.skeleton-text:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--color-skeleton-shine),transparent);animation:shimmer 1.6s infinite ease-in-out}.skeleton-img{display:block;height:200px}.skeleton-text{height:14px;margin:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm)}.skeleton--title{width:60%}.skeleton--short{width:40%}.skeleton--medium{width:78%}.toast{position:fixed;bottom:84px;left:50%;display:inline-flex;align-items:center;gap:var(--spacing-sm);max-width:calc(100vw - 32px);padding:12px 22px;border-radius:var(--radius-pill);background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.98);box-shadow:0 16px 40px -4px #1a19181a,0 2px 8px #1a19180a;color:var(--color-text);font-family:var(--font-poetic);font-weight:700;letter-spacing:.03em;opacity:0;transform:translate(-50%) translateY(20px) scale(.96);transition:opacity var(--transition-normal),transform var(--transition-bounce);z-index:1000}.toast--visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.toast--success{border-left:4px solid var(--color-success)}.toast--error{border-left:4px solid var(--color-error)}.toast--info{border-left:4px solid var(--color-primary)}.toast__icon{font-size:1.15rem;line-height:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeModalOverlay{0%{background-color:#0000}to{background-color:#2d1e1466}}body.has-modal-open{overflow:hidden!important;overscroll-behavior:none!important}.modal-overlay{position:fixed;inset:0;background-color:transparent;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;touch-action:none;overscroll-behavior:contain}.modal-overlay__backdrop{position:absolute;inset:0;cursor:pointer;pointer-events:auto;touch-action:none}.modal-content{position:relative;background:#ffffffeb;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid rgba(255,255,255,.95);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg) calc(var(--spacing-xl) + env(safe-area-inset-bottom));width:100%;max-width:var(--max-width);margin:0 auto;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 -8px 36px #1a19181a;pointer-events:auto}.modal-close-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:34px;height:34px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.modal-close-btn:active{background:#0000001a;transform:scale(.92)}@media (max-width: 480px){#app{padding:var(--spacing-md) var(--spacing-md) calc(90px + env(safe-area-inset-bottom))}}@media (min-width: 768px){#app{padding-inline:var(--spacing-xl)}.content-section,.form-card{padding:var(--spacing-xl)}}.orders-tabs,.courses-tabs{display:flex;gap:6px;margin-bottom:var(--spacing-xl);background:#0000000a;padding:5px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 3px #0000000a}.orders-tab-btn,.courses-tab-btn{flex:1;padding:10px 18px;font-family:var(--font-poetic);font-size:15px;font-weight:700;text-align:center;background:transparent;border:none;border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.04em}.orders-tab-btn[data-active=true],.courses-tab-btn[data-active=true]{color:#1e1d1b;background-color:#f8e376;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.065'/%3E%3C/svg%3E"),linear-gradient(115deg,#fbee8d,#f8e376,#f3d75e);background-repeat:repeat,no-repeat;border-color:#ffffffa6;text-shadow:0 1px 0 rgba(255,255,255,.5);font-weight:700;box-shadow:0 4px 14px #f3d75e61,0 1px 3px #0000000a}.journey-timeline{display:flex;align-items:center;justify-content:space-between;margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-xs);position:relative}.journey-timeline:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#e8e4de,#bfa15f,#e8e4de);transform:translateY(-50%);z-index:1}.journey-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}.journey-step__dot{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--color-gold-accent);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-primary-dark);box-shadow:0 0 10px #bfa15f4d;transition:transform var(--transition-bounce)}.journey-step--active .journey-step__dot{background:linear-gradient(135deg,#bfa15f,#1e1d1b);color:#fff;transform:scale(1.2);box-shadow:0 0 14px #bfa15f66}.journey-step__label{font-family:var(--font-poetic);font-size:11px;font-weight:700;color:var(--color-text-secondary);letter-spacing:.03em;white-space:nowrap}.wax-seal-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a63a2a,#7e2316 80%);color:#f7e6d8;font-family:var(--font-serif);font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #7e231659,inset 0 1px 2px #ffffff4d,inset 0 -2px 4px #0006;border:1.5px solid rgba(255,200,180,.3);text-shadow:0 1px 2px rgba(0,0,0,.4)}.loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#fffaf2e0,#fef3e2f0);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);opacity:0;pointer-events:none;transition:opacity .25s ease}.loading-overlay--visible{opacity:1;pointer-events:all}.loading-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-3xl);background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:0 20px 50px -10px #1a19181a,0 4px 16px #1a19180a;border:1px solid rgba(255,255,255,.95);min-width:170px;text-align:center;animation:overlayPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes overlayPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.loading-spinner{width:44px;height:44px;border:3.5px solid rgba(0,0,0,.08);border-top-color:var(--color-primary);border-right-color:var(--color-gold-accent);border-radius:50%;animation:spinnerRotate .9s cubic-bezier(.5,.1,.5,.9) infinite;box-shadow:0 0 16px #bfa15f33}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay__text{font-family:var(--font-poetic);font-size:1.05rem;font-weight:700;color:var(--color-text);letter-spacing:.05em}.loading-overlay__detail{font-family:var(--font-poetic);font-size:var(--font-size-sm, .875rem);font-weight:500;color:var(--color-text-secondary);margin-top:calc(-1 * var(--spacing-xs, 4px));line-height:1.5;text-align:center;transition:opacity .2s ease;max-width:240px;letter-spacing:.02em}.loading-overlay__timer{display:inline-block;font-family:var(--font-serif);font-size:.85rem;font-weight:600;color:var(--color-primary);background:#0000000d;padding:3px 12px;border-radius:var(--radius-pill);letter-spacing:.04em}.page-shell__nav-link[aria-busy=true],.page-shell__nav-link.is-busy{pointer-events:none!important;opacity:.6}.page-shell{transition:opacity var(--transition-fast)}.page-shell--transitioning{opacity:.35;pointer-events:none}.env-external-browser#app,body.env-external-browser #app{width:100%;transition:max-width var(--transition-normal),padding var(--transition-normal)}@media (max-width: 767px){.env-external-browser#app,body.env-external-browser #app{max-width:480px;padding-inline:var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.env-external-browser#app,body.env-external-browser #app{max-width:820px;padding:var(--spacing-xl) var(--spacing-xl) 60px}}@media (min-width: 1024px){.env-external-browser#app,body.env-external-browser #app{max-width:1140px;padding:var(--spacing-2xl) var(--spacing-2xl) 64px}}@media (min-width: 1280px){.env-external-browser#app,body.env-external-browser #app{max-width:1240px;padding-inline:var(--spacing-3xl)}}@media (min-width: 768px){.env-external-browser .page-shell__header{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.env-external-browser .brand-hero{gap:var(--spacing-lg)}.env-external-browser .brand-logo{width:56px;height:56px}.env-external-browser .brand-name{font-size:1.75rem}.env-external-browser .brand-slogan{font-size:.95rem}.env-external-browser .brand-story{font-size:14px;max-width:580px;margin:4px auto 0}.env-external-browser .page-shell__nav{position:sticky;inset:14px auto auto;max-width:640px;margin:var(--spacing-sm) auto var(--spacing-lg);border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 20px #0000000d;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:6px 14px;display:flex;justify-content:center;gap:6px;z-index:90}.env-external-browser .page-shell__nav-link{flex-direction:row;gap:8px;min-height:42px;padding:6px 16px;border-radius:var(--radius-pill);font-size:var(--font-size-base);transition:all var(--transition-fast)}.env-external-browser .page-shell__nav-link:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.env-external-browser .page-shell__nav-link--active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00000026}.env-external-browser .page-shell__nav-link--active .page-shell__nav-svg{stroke:#fff}.env-external-browser .page-shell__nav-label{font-size:13.5px}.env-external-browser .page-shell__nav-icon{width:20px;height:20px}.env-external-browser .page-shell__nav-svg{width:18px;height:18px}.env-external-browser .product-list,.env-external-browser .hot-product-list,.env-external-browser .courses-list,.env-external-browser .skeleton-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.env-external-browser .filter-bar{max-width:440px;margin:var(--spacing-sm) auto var(--spacing-md)}.env-external-browser .product-card,.env-external-browser .course-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.env-external-browser .product-card:hover,.env-external-browser .course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.env-external-browser .product-card__image,.env-external-browser .course-card__image,.env-external-browser .carousel__slide img,.env-external-browser .skeleton-img{height:220px;object-fit:cover}.env-external-browser .product-card__action-wrap,.env-external-browser .course-card__action-wrap{margin-top:auto;padding-top:var(--spacing-sm)}.env-external-browser .orders-tabs,.env-external-browser .courses-tabs{max-width:480px;margin:0 auto var(--spacing-lg)}.env-external-browser .orders-list,.env-external-browser .registration-summary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.env-external-browser .order-card,.env-external-browser .summary-card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.env-external-browser .form-card{max-width:640px;margin:0 auto;width:100%;padding:var(--spacing-2xl) var(--spacing-3xl)}.env-external-browser .form-card .btn--full-width{max-width:320px;margin:var(--spacing-md) auto 0}.env-external-browser .state-message{padding:var(--spacing-3xl) var(--spacing-2xl);max-width:520px;margin:0 auto}body.env-external-browser .modal-overlay{justify-content:center;align-items:center;padding:var(--spacing-xl);background-color:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}body.env-external-browser .modal-content{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.85);max-width:580px;width:100%;padding:var(--spacing-2xl);box-shadow:0 16px 48px #00000029;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}body.env-external-browser .modal-content .carousel__slide img{height:280px;border-radius:var(--radius-md)}body.env-external-browser .toast{bottom:36px}}@media (min-width: 1024px){.env-external-browser .product-list,.env-external-browser .hot-product-list,.env-external-browser .courses-list,.env-external-browser .skeleton-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width: 1360px){.env-external-browser .product-list,.env-external-browser .hot-product-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}:root{--color-bg: #f7f4ee;--color-surface: #ffffff;--color-surface-hover: #ffffff;--color-primary: #1e1d1b;--color-primary-rgb: 30, 29, 27;--color-primary-hover: #32302d;--color-primary-dark: #121110;--color-primary-light: #f5f3ef;--color-gold-accent: #bfa15f;--color-text: #1a1918;--color-text-secondary: #4a4744;--color-text-light: #76726c;--color-border: #e8e4de;--color-border-focus: #1e1d1b;--font-poetic: "LXGW WenKai TC", "Noto Sans TC", sans-serif;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: var(--font-sans);--font-script: var(--font-poetic);--font-family: var(--font-poetic);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 10px 24px rgba(0, 0, 0, .06);--shadow-card-hover: none}html{scroll-behavior:auto}body{background-color:#f7f4ee;background-image:radial-gradient(circle 750px at 10% -5%,rgba(255,212,190,.75) 0%,rgba(255,226,212,.36) 42%,transparent 68%),radial-gradient(circle 700px at 98% 30%,rgba(206,234,218,.7) 0%,rgba(224,242,232,.32) 40%,transparent 66%),radial-gradient(circle 800px at 6% 82%,rgba(255,228,182,.68) 0%,rgba(252,238,210,.28) 45%,transparent 70%),radial-gradient(ellipse 90% 45% at 50% 4%,#fffcf5e0,#f7f4ee00 75%),linear-gradient(90deg,rgba(0,0,0,.016) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.014) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;background-attachment:fixed;animation:none}#app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}.page-shell{gap:18px}.page-shell__header{align-items:flex-start;text-align:left;gap:10px;border-bottom:1px solid var(--color-border);padding:10px 0 20px}.brand-hero{justify-content:flex-start;gap:14px;width:100%}.brand-logo{width:72px;height:72px;padding:2.5px;border-radius:50%;object-fit:contain;background:linear-gradient(#fffdf5,#fffdf5) padding-box,linear-gradient(135deg,#faf0e0,#bfa15f,#405238) border-box;border:2.5px solid transparent;box-shadow:0 0 0 2px #fffffff2,0 6px 18px #00000014;flex-shrink:0;transition:transform var(--transition-bounce),box-shadow var(--transition-bounce)}.brand-hero:hover .brand-logo{transform:scale(1.05) rotate(2deg);box-shadow:0 0 0 3px #fffffffa,0 8px 24px #0000001f}.brand-name{font-size:1.5rem;text-shadow:none;letter-spacing:.03em}.brand-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}.brand-name{white-space:nowrap}.brand-tagline-en{font-family:var(--font-serif);font-size:.78rem;font-style:italic;letter-spacing:.05em;color:var(--color-text-light);align-self:baseline}.brand-slogan{font-size:.82rem;color:var(--color-primary-dark)}.brand-story{max-width:none;margin:2px 0 0;font-size:.81rem;line-height:1.65;text-align:left}.brand-stanza{margin:0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;font-size:.78rem;color:var(--color-primary)}.page-shell__nav{bottom:0;left:0;right:0;max-width:var(--max-width);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border:1px solid rgba(225,220,212,.7);border-bottom:0;border-radius:20px 20px 0 0;background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -8px 30px #0000000a,inset 0 1px #ffffffe6}.page-shell__nav-link,.page-shell__nav-link--active{min-height:52px;border-radius:12px;box-shadow:none;transform:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.page-shell__nav-link--active{color:var(--color-primary-dark);background:linear-gradient(135deg,#1e1d1b0f,#bfa15f24);box-shadow:0 2px 10px #0000000a,inset 0 1px #fff}.page-shell__nav-link--active:after{content:"";position:absolute;bottom:5px;width:14px;height:2.5px;border-radius:9999px;background:linear-gradient(90deg,var(--color-gold-accent),var(--color-primary));box-shadow:0 0 6px #bfa15f80}.page-shell__nav-link--active .page-shell__nav-svg{transform:translateY(-1px) scale(1.05);transition:transform .3s cubic-bezier(.16,1,.3,1)}.page-shell__nav-label{font-family:var(--font-poetic);font-size:11px;letter-spacing:0}.content-section,.form-card,.product-card,.order-card,.course-card,.summary-card,.skeleton-card,.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;backdrop-filter:none;transition:none}.content-section,.form-card{padding:22px 18px}.section-title{font-size:1.32rem;letter-spacing:.01em}.section-title:before{content:"✳";color:var(--color-primary);font-size:.85rem}.section-copy{font-family:var(--font-poetic);letter-spacing:0}.order-detail-title,.order-detail-title__id{display:block}.product-card,.course-card{padding-bottom:18px}.product-card:hover,.course-card:hover,.env-external-browser .product-card:hover,.env-external-browser .course-card:hover{transform:none;box-shadow:none}.product-card__image-frame,.course-card__image-frame{position:relative;overflow:hidden;border-radius:13px 13px 4px 4px;background:radial-gradient(circle at 50% 40%,#fff,#f7f6f2);box-shadow:inset 0 1px #fffffff2,inset 0 0 0 1px #0000000d}.product-card__image-frame:after,.course-card__image-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 45%,rgba(0,0,0,.02) 100%);transition:opacity .5s ease;border-radius:inherit}.product-card__image,.course-card__image,.carousel__slide img{width:100%;height:244px;object-fit:cover;display:block;content-visibility:auto;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s ease;filter:saturate(102%) contrast(101%)}.product-card:hover .product-card__image,.course-card:hover .course-card__image,.carousel:hover .carousel__slide img{transform:scale(1.025);filter:saturate(106%) contrast(102%) brightness(1.01)}.product-card__title-wrap,.course-card__name{margin-top:18px;font-size:1.22rem;letter-spacing:0}.product-card__price,.course-card__price{margin-top:4px;font-family:var(--font-sans);font-size:1.18rem;font-weight:700;color:var(--color-primary-dark);letter-spacing:0}.product-card__meta,.course-card__meta,.product-card__description-wrap,.course-card__desc,.order-card__meta{font-family:var(--font-poetic);letter-spacing:0}.product-card__action-wrap,.course-card__action-wrap{margin-top:16px}.btn,.btn--sm{min-height:46px;padding:11px 22px;border-radius:12px;font-family:var(--font-poetic);font-size:.95rem;font-weight:600;letter-spacing:.04em;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn:active{transform:scale(.975)}.btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .75s ease;pointer-events:none}.btn:hover:after{left:140%}.btn--primary{background-color:#f8e376;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.065'/%3E%3C/svg%3E"),linear-gradient(115deg,#fbee8d,#f8e376,#f3d75e);background-repeat:repeat,no-repeat;border:1px solid rgba(255,255,255,.65);color:#1e1d1b;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 4px 14px #f3d75e61,0 1px 3px #0000000a}.btn--primary:after{display:none!important}.btn--primary:hover{background-color:#fae886;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.075'/%3E%3C/svg%3E"),linear-gradient(115deg,#fcf2a2,#fae886,#f6dd6e);border-color:#ffffffd9;color:#121110;transform:translateY(-1px);box-shadow:0 6px 18px #f3d75e7a,0 2px 5px #0000000f}.btn--secondary{background:linear-gradient(135deg,#fff,#faf8f5);border:1px solid rgba(0,0,0,.12);color:var(--color-text);box-shadow:0 2px 8px #00000008,inset 0 1px #fff}.btn--secondary:hover{background:#fff;border-color:var(--color-gold-accent);color:var(--color-primary-dark);transform:translateY(-1.5px);box-shadow:0 6px 16px #00000012,inset 0 1px #fff}.form-label,.form-input,.form-select,.form-textarea,.filter-select{font-family:var(--font-poetic);letter-spacing:0}.form-input,.form-select,.form-textarea,.filter-select{background:#fffef9;border:1px solid #bac3b2;border-radius:8px;backdrop-filter:none;font-size:1rem}.letterhead-ruled-paper{background-image:none!important;line-height:1.7!important;font-family:var(--font-poetic)!important}.form-card{gap:16px}.custom-gifts-copy{background:transparent;border:0;padding:6px 4px;font-family:var(--font-poetic)}.custom-gifts-copy p+p{margin-top:14px}.custom-gifts-copy a{color:var(--color-primary-dark);text-decoration:underline;overflow-wrap:anywhere}.custom-gift-highlight{display:block;margin-top:20px!important;padding:14px 18px;background:linear-gradient(135deg,#fffffff5,#faf8f4e6);border-left:3.5px solid var(--color-gold-accent);border-radius:4px 12px 12px 4px;box-shadow:0 4px 16px #0000000a;color:var(--color-text);font-size:.96rem;font-weight:500;line-height:1.68;letter-spacing:.02em}.custom-gift-highlight:before{content:"✦ ";color:var(--color-gold-accent);font-size:.88em;margin-right:4px}.page-shell--custom-gifts .form-card{border-left:3px solid var(--color-primary)}.page-shell--custom-gifts .form-field+.form-field{border-top:1px solid var(--color-border);padding-top:16px}.btn-inline-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 12px;margin:0 4px;border-radius:var(--radius-pill);background-color:#f8e376;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.065'/%3E%3C/svg%3E"),linear-gradient(115deg,#fbee8d,#f8e376,#f3d75e);background-repeat:repeat,no-repeat;color:#1e1d1b;font-family:var(--font-poetic);font-size:.84rem;font-weight:700;letter-spacing:.03em;border:1px solid rgba(255,255,255,.65);text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 2px 8px #f3d75e61;cursor:pointer;vertical-align:baseline;line-height:1.35;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-inline-pill:hover{background-color:#fae886;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.075'/%3E%3C/svg%3E"),linear-gradient(115deg,#fcf2a2,#fae886,#f6dd6e);transform:translateY(-1px) scale(1.03);box-shadow:0 4px 12px #f3d75e7a;color:#121110}.btn-inline-pill:active{transform:translateY(0) scale(.96)}.custom-gift-tooltip{position:relative;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,#fffffffa,#fcf9f4f0);border:1px solid rgba(191,161,95,.4);box-shadow:0 4px 16px #0000000a,0 1px 3px #bfa15f1f;margin-bottom:6px;scroll-margin-top:32px;transition:all .4s cubic-bezier(.16,1,.3,1);outline:none}.custom-gift-tooltip:after{content:"";position:absolute;bottom:-6px;left:28px;width:10px;height:10px;background:#fcf9f4fa;border-right:1px solid rgba(191,161,95,.4);border-bottom:1px solid rgba(191,161,95,.4);transform:rotate(45deg)}.custom-gift-tooltip__indicator{color:var(--color-gold-accent);font-size:.95rem;line-height:1;flex-shrink:0}.custom-gift-tooltip__text{font-family:var(--font-poetic);font-size:.88rem;font-weight:600;color:var(--color-text);line-height:1.5;letter-spacing:.02em}.custom-gift-tooltip.is-anchored{border-color:var(--color-gold-accent);box-shadow:0 0 0 3px #bfa15f47,0 8px 24px #00000014;transform:translateY(-2px)}.orders-tabs,.courses-tabs{display:flex;gap:5px;padding:5px;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:#f0eeeab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 3px #00000008,0 2px 8px #00000005}.orders-tab-btn,.courses-tab-btn{min-height:44px;border-radius:10px;border:1px solid transparent;font-family:var(--font-poetic);font-size:.92rem;font-weight:500;letter-spacing:.02em;color:var(--color-text-secondary);background:transparent;transition:all .3s cubic-bezier(.16,1,.3,1)}.orders-tab-btn:hover,.courses-tab-btn:hover{color:var(--color-primary-dark);background:#fff9}.orders-tab-btn[data-active=true],.courses-tab-btn[data-active=true]{color:#1e1d1b;background-color:#f8e376;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.065'/%3E%3C/svg%3E"),linear-gradient(115deg,#fbee8d,#f8e376,#f3d75e);background-repeat:repeat,no-repeat;border-color:#ffffffa6;text-shadow:0 1px 0 rgba(255,255,255,.5);font-weight:700;box-shadow:0 4px 14px #f3d75e61,0 1px 3px #0000000a;transform:translateY(-.5px)}.order-card,.summary-card{padding:19px 16px}.order-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--color-border)}.order-card__header .btn{grid-column:1;justify-self:start}.order-card__id{grid-column:1;grid-row:2;color:var(--color-text-secondary);font-size:.72rem;overflow-wrap:anywhere}.order-card__header .status-badge{grid-column:2;grid-row:1 / span 2}.status-badge{border-radius:6px;box-shadow:none;font-family:var(--font-poetic);letter-spacing:0}.journey-timeline:before{background:var(--color-border)}.journey-step__dot{box-shadow:none;border-color:var(--color-border)}.journey-step--active .journey-step__dot{transform:none;background:var(--color-primary);border-color:var(--color-primary);box-shadow:none}.journey-step__label{font-family:var(--font-poetic);font-size:10px;letter-spacing:0}.state-message{border:1px solid var(--color-border);background:#fffdf5;border-radius:var(--radius-lg);padding:26px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.state-message__icon{width:56px;height:56px;font-size:1.85rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#fdfbf5;border:1.5px solid var(--color-border);border-radius:50%;box-shadow:0 4px 12px #0000000a}.state-message[data-state*=error]{border:1.5px solid #ebd3cb;background:#fff8f5}.state-message[data-state*=error] .state-message__icon{background:#fff2ed;border-color:#f7d4cb}.state-message[data-state*=empty]{border:1px solid var(--color-border);background:#fcfaf4}.state-message__text{font-family:var(--font-poetic);font-size:.98rem;line-height:1.68;color:var(--color-text-secondary);margin:0;max-width:340px}.modal-overlay{touch-action:none;overscroll-behavior:contain}.modal-overlay__backdrop{background:#12121199;touch-action:none}.modal-content{max-height:calc(100dvh - 24px - env(safe-area-inset-top));overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.modal-close-btn{width:44px;height:44px;background:#0000000d;color:var(--color-primary-dark)}.loading-overlay{background:#faf9f6f5;backdrop-filter:none}.loading-overlay__content{background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 30px #00000014;backdrop-filter:none}.loading-spinner{box-shadow:none}.carousel__dots{background:#141413bf;backdrop-filter:none}.carousel__dot{width:12px;height:12px}.carousel__dot--active{width:24px}.fade-in,.product-card,.course-card,.order-card,.summary-card{animation:none}:where(a,button,input,select,textarea,.carousel__track):focus-visible{outline:3px solid var(--color-gold-accent);outline-offset:3px}@media (max-width: 480px){#app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}}@media (min-width: 768px){body.env-external-browser .page-shell__nav{border:1px solid rgba(225,220,212,.7);border-radius:16px;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 20px #0000000d}body.env-external-browser .page-shell__nav-link--active{color:var(--color-primary-dark);background:linear-gradient(135deg,#1e1d1b0f,#bfa15f24);box-shadow:0 2px 8px #0000000a}body.env-external-browser .modal-content{border-color:var(--color-border);box-shadow:var(--shadow-lg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.carousel{position:relative}.carousel__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffff59;border:1px solid rgba(255,255,255,.75);box-shadow:0 4px 16px #0000000f,inset 0 1px 1.5px #ffffffe6;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);color:var(--color-text);font-family:var(--font-serif);font-size:21px;line-height:1;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;padding:0;opacity:.88}.carousel__arrow:hover{background:#fffc;border-color:#fffffff2;color:var(--color-primary-dark);transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px #00000014,inset 0 1px 2px #fff;opacity:1}.carousel__arrow:active{transform:translateY(-50%) scale(.95);background:#ffffffd1}.carousel__arrow--prev{left:10px}.carousel__arrow--next{right:10px}.env-external-browser .carousel__arrow,body.env-external-browser .carousel__arrow{display:flex}@media (hover: hover) and (pointer: fine){.carousel:hover .carousel__arrow{display:flex}}.product-card__image,.course-card__image,.carousel__slide img{cursor:zoom-in;transition:transform var(--transition-fast)}.custom-gift-pending-notice{color:#c53030!important;font-weight:700!important;background:#fff5f5;border:1.5px solid #feb2b2;border-radius:10px;padding:14px 16px;line-height:1.65;box-shadow:0 2px 8px #c5303014}.modal-overlay--lightbox{z-index:1050;padding:16px;display:flex;align-items:center;justify-content:center;background-color:#121612c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content--lightbox{background:#1a201af0;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 24px 64px #00000080;max-width:94vw;max-height:92vh;width:auto;padding:24px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:modalScaleIn .25s cubic-bezier(.16,1,.3,1)}.lightbox-image-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:75vh;overflow:hidden}.lightbox-image{max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain!important;border-radius:8px;box-shadow:0 4px 24px #00000059;display:block}.lightbox-caption{margin:14px 0 0;font-family:var(--font-poetic);font-size:1rem;font-weight:700;color:#f7f3ea;text-align:center;letter-spacing:.04em;max-width:480px}.modal-close-btn--lightbox{background:#ffffff38;color:#fff;border:1px solid rgba(255,255,255,.35);width:36px;height:36px;top:10px;right:10px}.modal-close-btn--lightbox:hover{background:#fff6}