:root{--yousi-primary: #f97316;--yousi-primary-600: #ea580c;--yousi-primary-100: #ffedd5;--yousi-primary-50: #fff7ed;--yousi-background: #fffbf7;--yousi-foreground: #1f1b16;--yousi-card: #ffffff;--yousi-muted: #fff4ed;--yousi-muted-foreground: #6b5d52;--yousi-border: #f0e5dc;--yousi-neutral-100: #f5f5f4;--yousi-neutral-300: #d6d3d1;--yousi-neutral-500: #78716c;--yousi-neutral-700: #44403c;--yousi-neutral-900: #1c1917;--yousi-ink: #1f1b16;--yousi-ink-secondary: #6b5d52;--yousi-ink-tertiary: #a89b8e;--state-success: #16a34a;--state-warning: #d97706;--state-error: #dc2626;--radius-card: 18px;--radius-btn: 12px;--radius-cover: 14px;--shadow-card: 0 8px 24px rgba(31, 27, 22, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--yousi-background);color:var(--yousi-ink);font-family:var(--font-sans);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit;color:inherit}.shop-page{min-height:100vh;padding-bottom:calc(32px + env(safe-area-inset-bottom));background:var(--yousi-background)}.shop-container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-5)}@media (min-width: 768px){.shop-container{padding:0 var(--space-8)}}.shop-header{display:flex;align-items:center;justify-content:space-between;height:60px}.shop-header__brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-size:17px;font-weight:600;letter-spacing:.5px}.shop-header__dot{width:8px;height:8px;border-radius:50%;background:var(--yousi-primary)}.shop-header__link{font-size:14px;color:var(--yousi-ink-secondary)}.hero{padding:var(--space-8) 0 var(--space-12)}.hero__eyebrow{display:inline-block;margin-bottom:var(--space-3);padding:2px 10px;border-radius:999px;background:var(--yousi-primary-50);color:var(--yousi-primary-600);font-size:12px;letter-spacing:1px}.hero__title{max-width:18em;font-family:var(--font-serif);font-size:32px;font-weight:600;line-height:1.35}.hero__desc{max-width:34em;margin-top:var(--space-4);color:var(--yousi-ink-secondary)}@media (min-width: 768px){.hero__title{font-size:40px}}.section{padding-bottom:var(--space-12)}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-5)}.section__title{font-family:var(--font-serif);font-size:22px;font-weight:600}.section__hint{color:var(--yousi-ink-tertiary);font-size:13px}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card{overflow:hidden;border:1px solid var(--yousi-border);border-radius:var(--radius-card);background:var(--yousi-card);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1f1b1617}.product-card__cover{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--yousi-muted)}.product-card__body{padding:var(--space-4) var(--space-5) var(--space-5)}.product-card__name{font-size:17px;font-weight:600;line-height:1.5}.product-card__subtitle{margin-top:var(--space-2);color:var(--yousi-ink-secondary);font-size:13px;line-height:1.7}.product-card__meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--space-4)}.price{color:var(--yousi-primary-600);font-variant-numeric:tabular-nums}.price__symbol{font-size:14px}.price__value{font-size:24px;font-weight:600}.price__origin{margin-left:var(--space-2);color:var(--yousi-ink-tertiary);font-size:13px;text-decoration:line-through}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid transparent;border-radius:var(--radius-btn);background:var(--yousi-neutral-100);color:var(--yousi-ink);font-size:15px;font-weight:500;cursor:pointer;transition:background .12s ease,opacity .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--yousi-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--yousi-primary-600)}.btn--ghost{border-color:var(--yousi-border);background:transparent}.btn--block{width:100%}.field{margin-bottom:var(--space-5)}.field__label{display:block;margin-bottom:var(--space-2);color:var(--yousi-ink-secondary);font-size:13px}.field__input{width:100%;min-height:48px;padding:0 var(--space-4);border:1px solid var(--yousi-border);border-radius:var(--radius-btn);background:var(--yousi-card);outline:none;transition:border-color .12s ease}.field__input:focus{border-color:var(--yousi-primary)}.field__error{margin-top:var(--space-2);color:var(--state-error);font-size:13px}.list{overflow:hidden;border:1px solid var(--yousi-border);border-radius:var(--radius-card);background:var(--yousi-card)}.list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:0 var(--space-5);border-bottom:1px solid var(--yousi-border)}.list__row:last-child{border-bottom:none}.list__label{color:var(--yousi-ink)}.list__value{color:var(--yousi-ink-tertiary);font-size:13px}.status-tag{display:inline-block;padding:1px 10px;border-radius:999px;background:var(--yousi-muted);color:var(--yousi-ink-secondary);font-size:12px}.status-tag--success{background:#f0fdf4;color:var(--state-success)}.status-tag--warning{background:#fffbeb;color:var(--state-warning)}.skeleton{border-radius:var(--radius-cover);background:linear-gradient(90deg,#f5efe9 25%,#fbf5ef 37%,#f5efe9 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.state-block{padding:var(--space-12) 0;text-align:center;color:var(--yousi-ink-secondary)}.state-block__title{margin-bottom:var(--space-2);color:var(--yousi-ink);font-size:16px}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-5) 0;color:var(--yousi-ink-secondary);font-size:14px;cursor:pointer}.detail-cover{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-card);object-fit:cover;background:var(--yousi-muted)}.detail-title{margin-top:var(--space-6);font-family:var(--font-serif);font-size:28px;font-weight:600;line-height:1.4}.detail-subtitle{margin-top:var(--space-3);color:var(--yousi-ink-secondary)}.detail-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-5);border:1px solid var(--yousi-border);border-radius:var(--radius-card);background:var(--yousi-card)}.detail-section{margin-top:var(--space-8)}.detail-section__title{margin-bottom:var(--space-4);font-family:var(--font-serif);font-size:20px;font-weight:600}.outline-group{margin-bottom:var(--space-5)}.outline-group__title{margin-bottom:var(--space-2);color:var(--yousi-ink-secondary);font-size:13px}.outline-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px dashed var(--yousi-border)}.outline-item:last-child{border-bottom:none}.outline-item__title{display:flex;align-items:center;gap:var(--space-2)}.free-tag{padding:0 8px;border-radius:999px;background:var(--yousi-primary-50);color:var(--yousi-primary-600);font-size:11px}.bottom-bar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding:var(--space-3) var(--space-5) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--yousi-border);background:var(--yousi-card)}@media (max-width: 767px){.bottom-bar{position:fixed;left:0;right:0;z-index:10}.shop-page--with-bar{padding-bottom:96px}}.play-page{min-height:100vh;background:var(--yousi-ink);color:#fff}.play-topbar{display:flex;align-items:center;gap:var(--space-3);max-width:960px;margin:0 auto;padding:var(--space-4) var(--space-5);color:#ffffffdb;font-size:14px}.play-stage{max-width:960px;margin:0 auto;padding:0 var(--space-5)}.play-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-card);background:#0f0d0b;color:#fff9}.profile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--yousi-border);border-radius:var(--radius-card);background:var(--yousi-card)}.profile__avatar{width:56px;height:56px;border-radius:50%;background:var(--yousi-primary-100)}.profile__name{font-size:18px;font-weight:600}.profile__phone{color:var(--yousi-ink-secondary);font-size:13px;font-variant-numeric:tabular-nums}.progress{height:6px;overflow:hidden;border-radius:999px;background:var(--yousi-neutral-100)}.progress__bar{height:100%;border-radius:999px;background:var(--yousi-primary)}.spacer-4{height:var(--space-4)}.text-secondary{color:var(--yousi-ink-secondary)}.text-tertiary{color:var(--yousi-ink-tertiary)}.note{padding:var(--space-4);border-radius:var(--radius-btn);background:var(--yousi-muted);color:var(--yousi-ink-secondary);font-size:13px}.fade-slide-enter-active{transition:opacity .18s ease-out,transform .18s ease-out}.fade-slide-enter-from{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.fade-slide-enter-active{transition:none}.fade-slide-enter-from{opacity:1;transform:none}.skeleton{animation:none}}