/* Presentation-only release layer. Same file for local and pinned formal H5.
   Never change commerce positioning, display, hit areas, media fit or states. */
:root {
  --glass-version: "20260920.2";
  --glass-line: rgba(255,255,255,.88);
  --glass-edge: rgba(120,73,170,.2);
  --glass-shadow: 0 12px 30px #39215113,0 2px 6px #54347a09,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #74519a0c;
  --glass-blur: blur(16px) saturate(1.25);
  --material-page: transparent;
  --material-card: linear-gradient(155deg,#fffffff2 0%,#ffffff85 26%,#f5eaff80 70%,#e2d4fa9c);
  --material-soft: linear-gradient(130deg,#ffffffb8,#eee5fa66);
  --material-chrome: linear-gradient(145deg,#fffffff0,#f9f4ffe3);
  --material-media: #fff;
  --surface-card: #ffffffbb;
  --surface-soft: #f3ecf9cc;
  --text-muted: #786986;
  --text-faint: #8b7e96;
}
html { background:#ece4f3; }
body { background:radial-gradient(ellipse at 4% 8%,#c8a1f56b,transparent 48%),radial-gradient(ellipse at 95% 60%,#d4e9e763,transparent 46%),#f0e9f6; }
#app .app-shell { background:radial-gradient(ellipse at 105% 4%,#c89beb66,transparent 38%),radial-gradient(ellipse at -16% 35%,#e4d2f48c,transparent 38%),radial-gradient(ellipse at 106% 78%,#c6dad652,transparent 35%),linear-gradient(155deg,#f4eef8,#eee6f5 56%,#f4eff8); box-shadow:0 0 70px #40255721; }
#main-content .page:not(.player-page) { background:transparent; }

/* All primary surfaces: commerce, listening, nutrition, identity and notices. */
#main-content :is(.card,.product-card,.book-card,.book-card--row,.bookshelf-card,
 .recent-card,.feedback-card,.address-card,.order-card,.coupon-card,.entry-card,
 .ready-card,.recover-card,.code-card,.notice-card,.home-notice,.plan-card,
 .policy-card,.placed-card,.result-card,.result-order,.status-card,.logs-card,
 .goods-summary,.goods-card,.logistics-card,.refunds-card,.amount-card,.meta-card,
 .remark-card,.checkout-card,.payment-notice,.detail-section,.detail-review-form,
 .nutrition-detail__case,.nutrition-detail__content,.feedback-match,
 .refund-product-section,.refund-amount-card,.refund-type-section,
 .forum-post,.forum-comment-box,.rights-grid article) {
  border:1px solid var(--glass-line); background:var(--material-card);
  box-shadow:var(--glass-shadow); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
}
/* Inner rows do not stack costly blur layers. */
#main-content :is(.goods-row,.cart-item,.address-item,.menu-card a,.menu-card button,
 .feedback-card__main,.feedback-card__footer,.feedback-lesion__head,
 .feedback-card__facts div,.progress-row,.settlement-item,.comment-item) {
  background:#ffffff30; border-color:#75559213;
}
#main-content :is(.category-rail__inner,.feedback-filters,.feedback-tabs,
 .mall-search,.listen-search,.forum-search,.feedback-search,.coupon-tabs,
 .category-tabs,.mall-category-bar,.order-tabs) {
  border-color:var(--glass-line); background:var(--material-soft);
  box-shadow:inset 0 1px 0 #ffffffc9,0 5px 18px #3d21520a;
  -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
}
/* Keep the original sticky/fixed positioning: only the material changes. */
#app .page-header,
#main-content :is(.goods-header,.forum-detail__header,.forum-editor__header,
 .nutrition-collections__header,.nutrition-detail__topbar,.goods-actions,
 .cart-bar,.cart-footer,.checkout-bar,.checkout-footer,.detail-bar,.vip-action,
 .detail-actions,.refund-scope-footer) {
  border-color:var(--glass-line); background:var(--material-chrome);
  box-shadow:0 5px 24px #3b215115,inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(22px) saturate(1.3); backdrop-filter:blur(22px) saturate(1.3);
}
#app .bottom-nav {
  bottom:max(8px,var(--safe-bottom)); width:min(calc(100% - 20px),calc(var(--shell-width) - 20px));
  height:60px; padding:6px 8px; border:1px solid #fffffff0; border-radius:24px;
  background:linear-gradient(120deg,#ffffffc9,#f8f1ffc2 62%,#eee8f8c9);
  box-shadow:0 12px 38px #3220442b,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff9c;
  -webkit-backdrop-filter:blur(24px) saturate(1.4); backdrop-filter:blur(24px) saturate(1.4);
}
#app .app-shell--tabs { padding-bottom:calc(78px + var(--safe-bottom)); }
#app .bottom-nav__halo { border:1px solid #ffffffd9; background:linear-gradient(150deg,#ffffffd9,#ddc6fbc2); box-shadow:inset 0 1px 0 #fff,0 4px 12px #763fc326; }
#app .bottom-nav__item--active { color:#6c29c7; }
#main-content .mall-categories__item--active { color:#fff; text-shadow:0 1px 1px #4e168733; }
/* Amethyst glass anchors the brand, with opaque labels and quiet reflections. */
#main-content :is(.home-header,.listen-header,.mall-topbar,.forum-topbar,
 .hero,.profile-hero,.vip-hero,.identity-hero,.feedback-hero) {
  background:radial-gradient(ellipse at 93% -10%,#e9cfff6b,transparent 48%),radial-gradient(ellipse at -15% 104%,#a795f066,transparent 44%),linear-gradient(125deg,#a83ee5,#7237bf 62%,#4c3794);
  box-shadow:inset 0 1px 0 #ffffff52,inset 0 -1px 0 #ffffff3d,0 12px 30px #54297924;
}
#main-content :is(.profile-wallet,.hero-stat,.hero-stats) { border-color:#ffffff4d; background:linear-gradient(130deg,#ffffff26,#ffffff0d); box-shadow:inset 0 1px 0 #ffffff38; }
#main-content :is(.profile-wallet span,.profile-person p,.profile-guest p) { color:#eee2f7; }
#main-content .identity-body { background:#f4eef87a; }
#main-content :is(.vip-banner,.referral-card) { border:1px solid #fff5d7; background:linear-gradient(130deg,#fff9e8e6,#ffffffb8 60%,#f3e8ffb8); box-shadow:var(--glass-shadow); }
/* Decision sheets use dense glass so operational text is always legible. */
#app :is(.confirm-sheet,.product-share-sheet,.payment-sheet,.refund-scope-sheet,
 .action-sheet,.address-sheet,.contact-sheet,.wallet-sheet,.bottom-sheet,
 .delete-sheet,.preview-sheet,.return-sheet,.form-sheet,.address-editor) {
  border:1px solid #fffffff2; background:var(--material-chrome);
  box-shadow:0 -18px 65px #25113733,inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(24px) saturate(1.2); backdrop-filter:blur(24px) saturate(1.2);
}
#app :is(.sheet-backdrop,.payment-sheet-backdrop,.confirm-sheet-backdrop,.product-share-backdrop,.refund-scope-backdrop,.sheet-mask) { background-color:#23142c70; }
#main-content :is(.return-address,.return-goods,.return-traces,.payment-sheet__state,.refund-scope-option,.address-option,.coupon-option,.payment-option) { border-color:var(--glass-edge); background:var(--material-soft); }
#main-content :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=range])),textarea,select) { border-color:#997db03d; background-color:#ffffffb8; box-shadow:inset 0 1px 2px #51336409,0 1px 0 #ffffffb3; }
#main-content :is(input,textarea,select):focus-visible { outline:3px solid #8041bd4d; outline-offset:2px; }
#main-content :is(.mall-search,.listen-search,.feedback-search) input { background:transparent; box-shadow:none; }
#main-content :is(.goods-skus button,.receipt-status-options button,.refund-type-options button,.type-options button,.express-choices button,.product-share-sheet__system,.ghost-action,.goods-collect,.feedback-collection) { border-color:var(--glass-edge); background:var(--material-soft); box-shadow:inset 0 1px 0 #fff,0 3px 8px #4a256309; }
#main-content :is(.icon-button,.mall-topbar__cart,.confirm-sheet__close,.payment-sheet__close,.product-share-sheet__close,.refund-scope-close,.contact-close,.delete-close,.wallet-close) { border:1px solid #ffffffb3; background:#ffffffa6; box-shadow:inset 0 1px 0 #fff,0 4px 12px #4e2c7112; }
#main-content :is(.primary-button,.cart-submit,.checkout-submit,.goods-buy,.buy-button,.product-card__actions a) { background:linear-gradient(165deg,#ffffff24,transparent 46%),linear-gradient(120deg,#b32af0,#7736df 58%,#593bce); box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #39187b26,0 8px 20px #7933de33; }
/* Explicit state overrides follow neutral surfaces. Never hide stock/error cues. */
#main-content :is(.goods-skus__item--active,.refund-scope-option.active,
 .receipt-status-options button.active,.refund-type-options button.active,
 .address-option--active,.coupon-option--active,.payment-option--active,
 .type-options button.active,.express-choices button.active) {
  border-color:#8647ce; color:#6224a5; background:linear-gradient(135deg,#f6eaff,#e8d7fb);
  box-shadow:inset 0 0 0 1px #8647ce4d,0 3px 10px #7433bd12;
}
#main-content :is(.payment-sheet__state--error,.address-option--invalid) { color:#a32935; border-color:#e6a7ac; background:#fff0f2f0; }
#main-content :is(button:disabled,[aria-disabled=true]) { cursor:not-allowed; }
/* Listening is smoked violet glass, not white text on a pearl sheet. */
#main-content .player-page { background:radial-gradient(ellipse at 80% 15%,#8048be73,transparent 52%),radial-gradient(ellipse at 0 90%,#53519c52,transparent 55%),#1b102e; }
#main-content .player-controls { border-top:1px solid #ffffff26; border-radius:28px 28px 0 0; background:linear-gradient(150deg,#ffffff14,#ffffff05); box-shadow:inset 0 1px 0 #ffffff0d; }
#main-content .player-page .bottom-sheet { border-color:#ffffff3d; background:linear-gradient(150deg,#3a2657f5,#21152ff5); box-shadow:0 -15px 55px #0c031852,inset 0 1px 0 #ffffff2b; }
#main-content .player-nav button { border-color:#ffffff47; background:linear-gradient(140deg,#ffffff24,#ffffff0a); box-shadow:inset 0 1px 0 #ffffff2e; }
/* No changes to media fit, proportions, playback, opacity or cropping. */
#main-content :is(.media-image,.goods-gallery,.product-card__visual,.goods-thumbs button,.book-card__poster,.book-card__cover) { background-color:#fff; -webkit-backdrop-filter:none; backdrop-filter:none; }
/* Backdrop filters establish a containing block. A nested fixed dialog must
   still cover the viewport, not just its parent order/referral card. */
#main-content :is(section,article,div,form,span):has([role=dialog],[role=alertdialog]) {
 -webkit-backdrop-filter:none; backdrop-filter:none;
}
@supports not selector(:has(*)) {
 :root { --glass-blur:none; }
}
@media (min-width:760px) {
 #app :is(.desktop-brand,.desktop-note) { padding:24px; border:1px solid #ffffffa6; border-radius:24px; background:#ffffff47; box-shadow:var(--glass-shadow); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur); }
}
@media (prefers-reduced-motion:no-preference) {
 #main-content :is(.goods-skus button,.refund-scope-option,.primary-button) { transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease; }
}
/* Route-by-route material pass. Explicit selectors, not a blanket button rule:
   preserve media, semantic colours, disabled opacity, sizing and hit targets. */
#main-content :is(.feedback-page,.nutrition-detail,.nutrition-collections,.forum-detail,.forum-editor,.not-found,.notice-detail) { background:transparent; }
#main-content :is(.home-entry,.why-list,.menu-card,.order-goods,.address-item,
 .nutrition-collections__list > button,.forum-article,.forum-editor__intro,
 .forum-editor__field,.receipt-status-field,.refund-product,.detail-progress,
 .vip-pass,.security-page .code-card,.async-state,.commerce-pause-card) {
 background:var(--material-card); border:1px solid var(--glass-line);
 box-shadow:var(--glass-shadow); border-radius:20px;
}
/* Stronger refraction at outer edges; no pseudo-elements over click targets. */
#main-content :is(.card,.home-entry,.product-card,.book-card--row,.feedback-card,
 .order-card,.address-item,.recover-card,.entry-card,.code-card,.plan-card,
 .nutrition-detail__case,.nutrition-detail__content,.detail-section) {
 box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #bda6df66,0 10px 25px #54277918,0 2px 5px #fff9;
}
#main-content :is(.mall-banner,.mall-hero,.forum-hero,.detail-hero,.vip-head) {
 background:radial-gradient(ellipse at 92% 0,#e6d6ff91,transparent 55%),linear-gradient(125deg,#ac4ce6,#733fc4 56%,#473779);
 box-shadow:inset 0 1px 0 #ffffff9c,inset 0 -1px 0 #fff4,0 14px 32px #57228726;
}
#main-content :is(.mall-categories,.listen-switch,.forum-feed-switch,.feedback-sort,
 .goods-stepper,.stepper,.amount-control,.product-share-sheet__link) {
 background:var(--material-soft); border-color:var(--glass-line);
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #a88bc329,0 4px 16px #5321730a;
}
/* Neutral controls and secondary actions throughout all route families. */
#main-content :is(.mall-categories button,.category-rail button,.listen-switch button,
 .forum-feed-switch button,.forum-categories button,.forum-editor__categories button,
 .feedback-tabs button,.feedback-chip,.feedback-lesion__items button,
 .feedback-card__footer button,.feedback-matched button,.feedback-more,
 .library-load-more,.forum-load-more,.load-more,.mall-load-more button,
 .order-tabs button,.coupon-tabs button,.goods-actions__cart,.goods-stepper button,
 .goods-stepper output,.detail-actions__shelf,.chapter-list button,
 .forum-article__actions button,.forum-comments__more,.add-address,
 .refund-detail-button,.return-address button,.return-address code,
 .referral-actions button,.copy-invite,.recover-button,.cancel-return-button,
 .product-share-sheet__system,.payment-sheet__state button,.retry-button,.secondary-button) {
 color:#64447e; background:var(--material-soft); border-color:#b99bdc66;
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #8e66b51a,0 3px 9px #5825820c;
}
/* Actual commerce/listening CTA names, including nested form submit controls. */
#main-content :is(.goods-actions__buy,.product-card__buy,.primary-action,
 .detail-actions__listen,.recent-card__play,.bookshelf-card__play,
 .forum-compose,.forum-editor__submit,.forum-comment-box > button,
 .detail-review-form > button,.product-share-sheet__copy,.wallet-submit,
 .feedback-match button,.feedback-search button,.mall-search button,.listen-search button,
 .forum-search > button,.refund-scope-footer button,.commerce-pause-home) {
 color:#fff; background:linear-gradient(165deg,#ffffff59,transparent 42%),linear-gradient(120deg,#b32af0,#7736df 58%,#593bce);
 box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #32166447,0 7px 17px #7933de30;
}
/* Glass jewel icon wells retain their original semantic foreground colour. */
#main-content :is(.home-entry__icon,.menu-icon,.address-icon,.log-icon,
 .home-notice__icon,.notice-card__icon,.order-logistics-preview__icon,
 .refund-scope-icon,.sheet-icon,.entry-heading > span,.identity-mark,
 .product-share-sheet__mark,.payment-sheet__icon,.contact-sheet__icon,
 .vip-pass__mark,.rights-grid article > span,.profile-guest__icon,
 .refund-scope-option > span,.receipt-status-options button > span) {
 background-image:linear-gradient(145deg,#ffffff75,#ffffff08 52%,#b392f326);
 box-shadow:inset 1px 1px 0 #ffffffb3,inset -1px -1px 0 #9471bc33,0 6px 15px #59298c18;
}
#main-content :is(.goods-header__cart,.product-card__share,.detail-nav button,
 .nutrition-detail__topbar button,.nutrition-collections__header button,
 .forum-detail__header button,.address-editor header button,
 .address-sheet__head button,.payment-sheet > header button,.confirm-close,.close) {
 background:var(--material-soft); box-shadow:inset 0 1px 0 #fff,0 4px 12px #51227618;
 border-color:var(--glass-line);
}
#main-content :is(.nutrition-detail__topbar,.feedback-header,.detail-nav) {
 background:var(--material-chrome); box-shadow:inset 0 -1px 0 #fff,0 5px 20px #552c7812;
}
#main-content :is(.feedback-lesion__head,.feedback-disclaimer,.forum-editor__notice,
 .nutrition-detail__source,.nutrition-detail__case > div,.refund-receipt-summary,
 .return-state,.return-address--destination,.return-address--submitted,
 .return-traces,.refund-mini-progress span,.return-progress li > span) {
 background:var(--material-soft); border-color:#bda4d647; box-shadow:inset 0 1px 0 #ffffffba;
}
#main-content :is(.feedback-card__tags span,.nutrition-detail__tags span,
 .detail-hero__tags span,.detail-hero__category,.hero__tag,.hero__stats li,
 .forum-post__flag,.chapter-list__tag,.book-card__membership,.book-card__vip) {
 background-image:linear-gradient(140deg,#ffffff47,#ffffff05);
 box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff24;
}
/* Active controls are distinct from neutral glass, including old open bundles. */
#main-content :is(.mall-categories .mall-categories__item--active,
 .category-rail .category-rail__item--active,.listen-switch .listen-switch__active,
 .forum-feed-switch .forum-feed-switch__active,.forum-categories .forum-categories__item--active,
 .forum-editor__categories .forum-editor__category--active,.feedback-tabs button.active,
 .feedback-chip.active,.feedback-lesion__items button.active) {
 color:#fff; background:linear-gradient(155deg,#ad72e5,#7539bd);
 box-shadow:inset 0 1px 0 #ffffff80,0 4px 12px #7134af33;
}
#main-content :is(.plan-card--active,.refund-product.selected,
 .forum-article__actions .forum-article__action--active,.feedback-collection.active) {
 color:#6224a5; border-color:#9454d3; background:linear-gradient(135deg,#fff4ff,#e4cff7cc);
 box-shadow:inset 0 0 0 1px #9454d366,inset 0 1px 0 #fff,0 5px 18px #7336b81a;
}
#main-content :is(.order-tabs button.active,.coupon-tabs button.active) { color:#6928b4; background:linear-gradient(140deg,#fff,#e3d0f6b3); }
#main-content :is(.profile-warning,.referral-error,.required-address-alert,
 .cancel-manual-notice,.forum-editor__error,.inline-error) {
 background-image:linear-gradient(145deg,#ffffff66,#ffffff00);
 box-shadow:inset 0 1px 0 #ffffffb3,0 3px 10px #752b3310;
}
/* Dark player surfaces must not inherit pale chapter/button materials. */
#main-content .player-page :is(.main-controls .utility-control,.seek-controls button,
 .sheet-list > button,.timer-options button,.bottom-sheet header button) {
 background:linear-gradient(145deg,#ffffff26,#ffffff08); border-color:#ffffff33;
 box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0002;
}
#main-content .player-page :is(.sheet-list > .sheet-list__item--active,.timer-options .timer-options__active,.main-play) {
 background:linear-gradient(145deg,#c787f380,#7c36ba80); box-shadow:inset 0 1px 0 #ffffff70,0 8px 24px #0003;
}
#main-content .player-page .async-state { background:#ffffff0d; border-color:#ffffff26; }
/* Fallbacks last; an unsupported blur never makes a control transparent. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 :root { --material-card:#fcfaff; --material-soft:#f4eef9; --material-chrome:#fcfaff; }
 #app .bottom-nav { background:#faf6fe; }
}
@media (prefers-reduced-transparency:reduce) {
 :root { --material-card:#fcfaff; --material-soft:#f4eef9; --material-chrome:#fcfaff; --glass-blur:none; }
 #app .bottom-nav { background:#faf6fe; }
 #app :is(.page-header,[role=dialog],[role=alertdialog]) { -webkit-backdrop-filter:none; backdrop-filter:none; }
}