/* The catalog uses Inter for Latin text and numbers, with native CJK fallbacks. */
@font-face {
  font-family:'Sivan Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/fonts/sivan-inter-693b77d4f32e.woff2') format('woff2');
}

#app.sivan-storefront .resource-hall {
  --ui-text-primary:#171c19;
  --ui-text-secondary:#4b5650;
  --ui-text-muted:#58655e;
  --ui-accent:#202923;
  --ui-accent-soft:#f0f3f1;
  font-family:'Sivan Inter','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#app.sivan-storefront .resource-hall .resource-hall-header { margin-bottom:22px; }
#app.sivan-storefront .resource-hall .resource-hall-heading { gap:10px; }
#app.sivan-storefront .resource-hall .resource-hall-heading :is(h1,h2) { font-size:24px; font-weight:700; letter-spacing:-.035em; }
#app.sivan-storefront .resource-hall .resource-hall-count { font-size:12px; font-weight:400; }
#app.sivan-storefront .resource-hall .resource-hall-controls { gap:8px; }
#app.sivan-storefront .resource-hall .resource-filter-toggle { width:34px; height:34px; border-radius:9px; }
#app.sivan-storefront .resource-hall .resource-view-switch { padding:3px; border-radius:11px; }
#app.sivan-storefront .resource-hall .resource-view-switch button { width:29px; height:29px; border-radius:8px; }
#app.sivan-storefront .resource-hall .resource-offers { gap:16px; }
#app.sivan-storefront .resource-hall .resource-offers--grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
#app.sivan-storefront .resource-hall .resource-offer {
  min-height:156px;
  padding:18px;
  border-radius:15px;
  box-shadow:0 1px 2px rgb(25 40 50 / 3%),0 5px 15px -12px rgb(25 40 50 / 14%);
  font-family:inherit;
}
#app.sivan-storefront .resource-hall .resource-offer-top { flex-wrap:nowrap; gap:8px; align-items:flex-start; }
#app.sivan-storefront .resource-hall .resource-offer-heading { gap:7px; }
#app.sivan-storefront .resource-hall .resource-offer-heading>img,
#app.sivan-storefront .resource-hall .resource-offer-heading>svg,
#app.sivan-storefront .resource-hall .resource-muse-mark { width:20px; height:20px; }
#app.sivan-storefront .resource-hall .resource-claude-mark { width:20px; height:20px; flex-shrink:0; border-radius:5px; }
#app.sivan-storefront .resource-hall .resource-offer h3 { font-family:inherit; font-size:16px; font-weight:600; line-height:1.35; letter-spacing:-.025em; white-space:nowrap; }
#app.sivan-storefront .resource-hall .resource-offer-multiplier { margin-left:4px; font-size:14px; }
#app.sivan-storefront .resource-hall .resource-offer-status { margin:1px 0 0; padding:2px 6px; gap:4px; font-size:9px; line-height:1.35; }
#app.sivan-storefront .resource-hall .resource-offer-status-dot { width:3px; height:3px; }
#app.sivan-storefront .resource-hall .resource-offer-subtitle { margin-top:6px; }
#app.sivan-storefront .resource-hall .resource-offer-subtitle>span { display:inline-block; max-width:100%; padding:1px 6px; border:1px solid var(--ui-border); border-radius:999px; color:var(--ui-text-secondary); font-size:10px; line-height:1.35; vertical-align:top; }
#app.sivan-storefront .resource-hall .resource-offer-art { width:108px; height:81px; right:18px; bottom:18px; opacity:1; transform:none; transform-origin:right bottom; }
#app.sivan-storefront .resource-hall .resource-offer-price { padding-top:32px; row-gap:3px; font-family:inherit; font-variant-numeric:tabular-nums lining-nums; }
#app.sivan-storefront .resource-hall .resource-price-currency { margin-right:2px; font-size:12px; font-weight:600; }
#app.sivan-storefront .resource-hall .resource-price-value { font-size:24px; font-weight:620; letter-spacing:-.035em; }
#app.sivan-storefront .resource-hall .resource-price-fraction { font-size:14px; font-weight:560; }
#app.sivan-storefront .resource-hall .resource-offer-price-unit { margin-left:5px; font-size:11px; }
#app.sivan-storefront .resource-hall .resource-offer-arrow { display:none; }
#app.sivan-storefront .resource-hall .resource-card-skeleton { min-height:156px; padding:18px; border-radius:15px; }

#app.sivan-storefront .resource-hall .resource-support-service { min-height:86px; padding:16px 18px; gap:13px; border-radius:14px; box-shadow:0 1px 2px rgb(25 40 50 / 2%); }
#app.sivan-storefront .resource-hall .resource-support-service-icon { width:24px; height:24px; }
#app.sivan-storefront .resource-hall .resource-support-service-copy { gap:5px; }
#app.sivan-storefront .resource-hall .resource-support-service-copy>strong { font-size:15px; font-weight:600; letter-spacing:-.02em; }
#app.sivan-storefront .resource-hall .resource-support-service-badge { padding:1px 6px; font-size:10px; }
#app.sivan-storefront .resource-hall .resource-support-service-meta small { font-size:11px; }
#app.sivan-storefront .resource-hall .resource-support-service-price strong { font-size:24px; font-weight:620; }
#app.sivan-storefront .resource-hall .resource-support-service-price>span { font-size:11px; }
#app.sivan-storefront .resource-hall .resource-hall-footnote { margin-top:17px; font-size:11px; }

/* Seven products and the writing service share eight equal cells. The guide stays below. */
#app.sivan-storefront .resource-hall .resource-offers .resource-grid-support { display:contents; }
#app.sivan-storefront .resource-hall .resource-offers .resource-grid-support>.resource-support-service { grid-column:auto; grid-row:auto; min-width:0; min-height:156px; height:100%; margin:0; padding:18px; border:1px solid var(--ui-border); border-radius:15px; background:var(--ui-bg-elevated); box-shadow:0 1px 2px rgb(25 40 50 / 3%),0 5px 15px -12px rgb(25 40 50 / 14%); }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service { position:relative; display:grid; grid-template-columns:20px minmax(0,1fr); grid-template-rows:auto auto minmax(0,1fr) auto; align-items:start; gap:6px 7px; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-icon { grid-column:1; grid-row:1; width:20px; height:20px; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-copy { display:contents; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-copy>strong { grid-column:2; grid-row:1; font-size:16px; font-weight:600; line-height:1.35; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-meta { grid-column:1/-1; grid-row:2; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-price { grid-column:1/-1; grid-row:4; align-self:end; line-height:1; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-price strong { line-height:1; font-variant-numeric:tabular-nums; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service-arrow { position:absolute; right:18px; bottom:20px; }
/* 与套餐插画使用同一尺寸；价格与文案保留原来的栅格位置。 */
#app.sivan-storefront .resource-hall .resource-offers .resource-service-art { position:absolute; right:18px; bottom:18px; width:108px; height:81px; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service:has(.resource-service-art) .resource-support-service-arrow { display:none; }
@media(min-width:700px) {
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-grid-support>.resource-support-service { min-height:112px; }
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-support-service { grid-template-columns:20px minmax(0,1fr) auto; grid-template-rows:auto auto; align-content:center; }
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-support-service-meta { grid-column:2; }
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-support-service-price { grid-column:3; grid-row:1/3; align-self:center; margin-right:30px; }
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-service-art { right:20px; bottom:15px; }
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-support-service:has(.resource-service-art) .resource-support-service-price { margin-right:134px; }
}
#app.sivan-storefront .resource-hall .resource-hall-after { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:32px; margin-top:24px; }
#app.sivan-storefront .resource-hall .resource-hall-after .resource-hall-footnote { margin:0; flex-wrap:wrap; }
#app.sivan-storefront .resource-hall .resource-after-grid { width:100%; max-width:none; margin:0; padding:0; }
.dark #app.sivan-storefront .resource-hall { --ui-text-primary:#eef4f0; --ui-text-secondary:#bcc7c0; --ui-text-muted:#a7b6ad; --ui-accent:#c5d7cb; --ui-accent-soft:#202b25; }

/* Claude is still at rest. Only hover or keyboard focus starts the illustration. */
.claude-scene { display:block; width:100%; height:100%; overflow:visible; }
.claude-scene-back,.claude-scene-front,.claude-scene-float,.claude-scene-shadow,.claude-scene-spark,.claude-scene-dot { transform-box:fill-box; transform-origin:center; }
.claude-scene-back { transform-origin:45% 85%; }
.claude-scene-sheen { opacity:0; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .claude-scene-back,.claude-scene-front,.claude-scene-shadow { transition:transform 650ms cubic-bezier(.22,1,.36,1),opacity 450ms ease; }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-back { transform:translate(-9px,-4px) rotate(-7deg); }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-front { transform:translate(2px,-6px) rotate(-1deg); }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-shadow { transform:scaleX(.86); opacity:.055; }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-float { animation:claude-paper-float 4.6s cubic-bezier(.45,0,.25,1) infinite; }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-sheen { animation:claude-paper-sheen 1.35s cubic-bezier(.3,.05,.25,1) both; }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-spark--a { animation:claude-paper-spark 4.6s ease-in-out infinite; }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-spark--b { animation:claude-paper-spark 4.6s .55s ease-in-out infinite; }
  .resource-offer--claude:is(:hover,:focus-visible) .claude-scene-dot { animation:claude-paper-dot 4.6s ease-in-out infinite; }
  .resource-offer--claude:is(:hover,:focus-visible) .resource-claude-mark { animation:claude-mark-glint 850ms ease-out both; }
}
@keyframes claude-paper-float { 0%,100% { transform:translate(0,0); } 38% { transform:translate(-1px,-5px) rotate(-1deg); } 72% { transform:translate(1px,-2px) rotate(.6deg); } }
@keyframes claude-paper-sheen { 0%,12% { transform:translateX(0); opacity:0; } 24% { opacity:.7; } 80%,100% { transform:translateX(190px); opacity:0; } }
@keyframes claude-paper-spark { 0%,100% { transform:scale(1); opacity:.7; } 38% { transform:scale(.65) rotate(-12deg); opacity:.3; } 62% { transform:scale(1.2) rotate(12deg); opacity:1; } }
@keyframes claude-paper-dot { 0%,100% { transform:translateY(0); opacity:.7; } 50% { transform:translate(2px,-6px); opacity:.35; } }
@keyframes claude-mark-glint { 0%,100% { opacity:1; } 35% { opacity:.6; } 65% { opacity:1; } }

#app.sivan-storefront .resource-hall .resource-offer.is-list { min-height:112px; }
#app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-top,
#app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-subtitle { max-width:calc(100% - 300px); }
#app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-art { right:20px; bottom:15px; transform:none; }
#app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-price { right:156px; padding-top:0; }

@container(max-width:280px) {
  #app.sivan-storefront .resource-hall .resource-offer-art { width:82px; height:62px; }
  #app.sivan-storefront .resource-hall .resource-offer h3 { font-size:14px; }
  #app.sivan-storefront .resource-hall .resource-offer-multiplier { margin-left:3px; font-size:12px; }
  #app.sivan-storefront .resource-hall .resource-price-value { font-size:22px; }
}
@media(max-width:1099px) { #app.sivan-storefront .resource-hall .resource-offers--grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:699px) {
  #app.sivan-storefront .resource-hall .resource-hall-after { grid-template-columns:minmax(0,1fr); gap:20px; }
  #app.sivan-storefront .resource-hall .resource-hall-header { margin-bottom:18px; }
  #app.sivan-storefront .resource-hall .resource-hall-heading :is(h1,h2) { font-size:22px; }
  #app.sivan-storefront .resource-hall .resource-hall-heading { gap:8px; }
  #app.sivan-storefront .resource-hall .resource-offers--grid { grid-template-columns:minmax(0,1fr); }
  #app.sivan-storefront .resource-hall .resource-offer,
  #app.sivan-storefront .resource-hall .resource-offer.is-list { min-height:156px; }
  #app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-top,
  #app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-subtitle { max-width:100%; }
  #app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-price { position:relative; top:auto; right:auto; transform:none; padding-top:32px; }
  #app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-art { right:18px; bottom:18px; }
  #app.sivan-storefront .resource-hall .resource-support-service { display:flex; min-height:86px; padding:16px; gap:11px; }
  #app.sivan-storefront .resource-hall .resource-support-service-arrow { display:none; }
}

/* 所有叠层卡片使用相同尺寸；窄卡向上留出价格区。 */
#app.sivan-storefront .resource-hall .resource-offer .resource-offer-art,
#app.sivan-storefront .resource-hall .resource-offers .resource-service-art { width:144px; height:108px; bottom:22px; }
#app.sivan-storefront .resource-hall .resource-offers .resource-support-service { container-type:inline-size; }
@container(max-width:280px) {
  #app.sivan-storefront .resource-hall .resource-offer .resource-offer-art,
  #app.sivan-storefront .resource-hall .resource-offers .resource-service-art { width:120px; height:90px; bottom:34px; }
}
@media(min-width:700px) {
  #app.sivan-storefront .resource-hall .resource-offer.is-list .resource-offer-art,
  #app.sivan-storefront .resource-hall .resource-offers--list .resource-service-art { width:132px; height:99px; bottom:8px; }
}

#app.sivan-storefront .resource-hall .resource-offer--muse .resource-offer-subtitle { display:flex;flex-wrap:wrap;align-items:center;gap:5px; }
#app.sivan-storefront .resource-hall .resource-offer--muse .resource-offer-warranty { flex-shrink:0;color:var(--ui-text-primary);border-color:var(--ui-border); }