.lg-bento{--lg-bento-radius: var(--radius-2xl, 28px);--lg-bento-border: var(--glass-border, rgba(17, 17, 17, .08));--lg-bento-shadow: var(--shadow-glass, 0 8px 24px rgba(17, 17, 17, .06));--lg-bento-shadow-hover: var(--shadow-xl, 0 16px 40px rgba(17, 17, 17, .1));--lg-bento-bg-light: var(--color-background-soft, #f7f8fb);--lg-bento-bg-card: rgba(255, 255, 255, .92);--lg-bento-text-primary: var(--color-foreground, #111111);--lg-bento-text-secondary: var(--color-text-secondary, #6e6e73);--lg-bento-text-body: var(--color-text-body, #424245);--lg-bento-accent: var(--brand-primary, #0071e3);padding:var(--spacing-7, 28px) 0 var(--spacing-14, 56px);background:transparent}.lg-bento__shell{--container-standard: 1280px;max-width:var(--container-standard);margin:0 auto}.lg-bento__head{max-width:860px;margin:0 auto var(--spacing-7, 28px);text-align:center;display:grid;gap:var(--spacing-3, 12px)}.lg-bento__eyebrow,.lg-bento-card__eyebrow{margin:0;font-size:var(--text-xs, 11px);line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--lg-bento-text-secondary);font-weight:700}.lg-bento__title{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.06;letter-spacing:-.035em;color:var(--lg-bento-text-primary);font-weight:700}.lg-bento__subtitle{margin:0 auto;max-width:760px;font-size:var(--text-base, 16px);line-height:1.75;color:var(--lg-bento-text-secondary)}.lg-bento__grid{display:grid;gap:var(--spacing-4, 16px)}.lg-bento__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-bento__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-bento__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-bento-card{position:relative;display:grid;justify-content:flex-end;min-height:280px;overflow:hidden;border:1px solid var(--lg-bento-border);border-radius:var(--lg-bento-radius);background:var(--lg-bento-bg-card);box-shadow:var(--lg-bento-shadow);isolation:isolate;transition:transform var(--duration-base, .22s) var(--ease-apple, ease),box-shadow var(--duration-base, .22s) var(--ease-apple, ease),border-color var(--duration-base, .22s) var(--ease-apple, ease)}@media(hover:hover)and (pointer:fine){.lg-bento-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong, rgba(17, 17, 17, .14));box-shadow:var(--lg-bento-shadow-hover)}}.lg-bento-card:hover{transform:translateY(-4px);border-color:var(--color-border-strong, rgba(17, 17, 17, .14));box-shadow:var(--lg-bento-shadow-hover)}.lg-bento-card.is-small{grid-column:span 1}.lg-bento-card.is-wide{grid-column:span 2}.lg-bento-card.is-large{grid-column:span 2;min-height:380px}.lg-bento-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#fff0,#1111110f),var(--lg-bento-bg-light)}.lg-bento-card.is-dark .lg-bento-card__bg{background:linear-gradient(180deg,#0000000a,#00000085),linear-gradient(135deg,#171717,#0f172a)}.lg-bento-card__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.lg-bento-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff0 18%,#ffffffb8)}.lg-bento-card.is-dark .lg-bento-card__overlay{background:linear-gradient(180deg,#0000 10%,#00000094)}.lg-bento-card__icon{position:absolute;right:var(--spacing-5, 22px);bottom:var(--spacing-4, 18px);font-size:clamp(42px,5vw,88px);line-height:1;opacity:.18;pointer-events:none}.lg-bento-card__content{position:relative;display:grid;gap:var(--spacing-3, 12px);padding:var(--spacing-5, 22px)}.lg-bento-card.is-dark .lg-bento-card__eyebrow{color:#ffffffb8}.lg-bento-card__title{margin:0;font-size:clamp(20px,2vw,30px);line-height:1.12;letter-spacing:-.025em;color:var(--lg-bento-text-primary);font-weight:700}.lg-bento-card.is-dark .lg-bento-card__title{color:var(--white)}.lg-bento-card__description{margin:0;color:var(--lg-bento-text-body);font-size:var(--text-sm, 15px);line-height:1.7}.lg-bento-card__description p{margin:0}.lg-bento-card.is-dark .lg-bento-card__description{color:#ffffffd6}.lg-bento-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2, 8px)}.lg-bento-card__meta-item{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--radius-full, 999px);background:var(--surface-muted, rgba(17, 17, 17, .05));color:var(--lg-bento-text-body);font-size:var(--text-xs, 12px);line-height:1;font-weight:600}.lg-bento-card.is-dark .lg-bento-card__meta-item{background:#ffffff24;color:#ffffffe0}.lg-bento-card__footer{margin-top:2px}.lg-bento-card.is-dark .lg-bento-card__media{background:#ffffff14;box-shadow:none}.reading-bento{background:var(--color-background-soft, #f5f5f7);color:var(--color-text-primary, #1d1d1f);padding:clamp(56px,6vw,96px) 0}.reading-bento__wrap{--container-standard: 1280px;width:min(var(--container-standard),calc(100% - 56px));margin:0 auto}.reading-bento__head{display:flex;justify-content:space-between;align-items:end;gap:var(--spacing-5, 20px);margin-bottom:var(--spacing-7, 28px)}.reading-bento__head-copy{max-width:760px;display:grid;gap:var(--spacing-2, 8px)}.reading-bento__title{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.08;letter-spacing:-.04em;font-weight:700;text-wrap:balance}.reading-bento__title-en{margin:0;font-size:clamp(16px,1.7vw,22px);line-height:1.3;letter-spacing:-.02em;font-weight:500;color:#1d1d1fc7;text-wrap:balance}.reading-bento__intro{display:grid;gap:6px;margin-top:2px}.reading-bento__intro p{margin:0;font-size:15px;line-height:1.6;letter-spacing:-.01em;text-wrap:balance}.reading-bento__intro-zh{color:#1d1d1fd1}.reading-bento__intro-en{color:#1d1d1f9e}.reading-bento__archive,.reading-bento__action{display:inline-flex;align-items:center;gap:6px;color:var(--brand-primary, #0071e3);font-weight:600;letter-spacing:-.01em;text-decoration:none}.reading-bento__archive{font-size:15px;white-space:nowrap}.reading-bento__archive:hover{color:var(--brand-primary-strong, #006edb)}.reading-bento__scroller{overflow-x:auto;scrollbar-width:none}.reading-bento__scroller::-webkit-scrollbar{display:none}.reading-bento__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;min-width:1080px}.reading-bento__card{min-width:0;min-height:0;overflow:hidden;border-radius:var(--radius-2xl, 32px);background:#ffffffd1;border:1px solid var(--glass-border, rgba(0, 0, 0, .08));box-shadow:0 1px 2px #0f172a08,0 18px 48px #0f172a0f;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);transition:transform var(--duration-base, .22s) var(--ease-apple, ease),box-shadow var(--duration-base, .22s) var(--ease-apple, ease),border-color var(--duration-base, .22s) var(--ease-apple, ease),background-color var(--duration-base, .22s) var(--ease-apple, ease)}.reading-bento__card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0f172a0a,0 24px 56px #0f172a14;border-color:#ffffffb8;background:#ffffffe6}.reading-bento__card:focus-within{outline:2px solid var(--color-focus, var(--brand-primary, #0071e3));outline-offset:3px}.reading-bento__card--featured{grid-row:span 2;min-height:0}.reading-bento__card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.reading-bento__media{position:relative;height:auto;aspect-ratio:1.42 / 1;overflow:hidden;background:linear-gradient(180deg,#ececf1 0%,var(--color-background-soft, #f5f5f7) 100%)}.reading-bento__card--featured .reading-bento__media{aspect-ratio:1.38 / 1}.reading-bento__image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.001)}.reading-bento__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000001a);pointer-events:none}.reading-bento__content{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:22px;flex:1}.reading-bento__meta{display:flex;align-items:center;gap:10px;margin-bottom:2px}.reading-bento__source-wrap{display:inline-flex;align-items:center;gap:var(--spacing-2, 8px);min-width:0;min-height:30px;padding:0 10px;border-radius:var(--radius-full, 999px);background:#00000009;border:1px solid rgba(0,0,0,.05)}.reading-bento__favicon{width:16px;height:16px;border-radius:var(--radius-full, 999px);background:#0000000d;flex:0 0 auto;object-fit:cover}.reading-bento__favicon:not([src]),.reading-bento__favicon[src=""]{display:none}.reading-bento__source{font-size:var(--text-xs, 11px);line-height:1.1;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#1d1d1f85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-bento__text{display:grid;gap:10px}.reading-bento__card-title{margin:0;font-size:clamp(18px,1.9vw,26px);line-height:1.08;letter-spacing:-.04em;font-weight:700;color:var(--color-text-primary, #1d1d1f);text-wrap:balance;max-width:14ch}.reading-bento__card--featured .reading-bento__card-title{font-size:clamp(22px,2.3vw,34px);max-width:13ch}.reading-bento__card-desc{margin:0;font-size:14px;line-height:1.58;letter-spacing:-.01em;color:#1d1d1f8f;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:38ch}.reading-bento__action{margin-top:4px;font-size:15px;line-height:1.2}.reading-bento__empty{border-radius:var(--radius-xl, 24px);padding:36px 24px;background:#ffffffeb;border:1px solid rgba(0,0,0,.04);text-align:center;color:#1d1d1f94;font-size:15px;line-height:1.6}@media screen and (max-width:1024px){.reading-bento__grid{display:flex;gap:14px;min-width:0;padding-bottom:4px;scroll-snap-type:x mandatory}.reading-bento__card,.reading-bento__card--featured{min-width:min(86vw,420px);min-height:0;grid-row:auto;scroll-snap-align:start}.reading-bento__card--featured .reading-bento__media{height:260px}}@media screen and (max-width:989px){.lg-bento__grid--4,.lg-bento__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-bento-card.is-large,.lg-bento-card.is-wide{grid-column:span 2}.glg-featured-cases__layout{grid-template-columns:1fr}}@media screen and (max-width:768px){.reading-bento__card,.reading-bento__card--featured{min-width:min(88vw,360px);border-radius:var(--radius-2xl, 28px)}.reading-bento__media,.reading-bento__card--featured .reading-bento__media{aspect-ratio:1.34 / 1}.reading-bento__content{padding:18px 18px 20px;gap:var(--spacing-3, 12px)}.reading-bento__card-title,.reading-bento__card--featured .reading-bento__card-title{font-size:20px;max-width:12ch}.reading-bento__card-desc{font-size:13px;line-height:1.55;-webkit-line-clamp:4;max-width:none}}@media screen and (max-width:749px){.lg-bento{padding:var(--spacing-5, 20px) 0 var(--spacing-9, 36px)}.lg-bento__shell{padding:0 var(--spacing-4, 16px)}.lg-bento__head{margin-bottom:var(--spacing-4, 18px)}.lg-bento__grid--4,.lg-bento__grid--3,.lg-bento__grid--2{grid-template-columns:1fr}.lg-bento-card,.lg-bento-card.is-large,.lg-bento-card.is-wide{grid-column:span 1;min-height:240px;border-radius:var(--radius-xl, 22px)}.lg-bento-card__content{padding:var(--spacing-4, 18px)}.lg-bento-card__title{font-size:22px}.lg-bento-card__description{font-size:var(--text-sm, 14px);line-height:1.65}.glg-featured-cases .lg-bento-card__media{width:calc(100% - (var(--spacing-3, .75rem) * 2));margin:var(--spacing-3, .75rem) var(--spacing-3, .75rem) 0;border-radius:var(--radius-md, 18px)}}.littleg-dashboard .lg-bento{--lg-bento-bg-light: transparent;--lg-bento-bg-card: var(--lg-card-bg, rgba(255, 255, 255, .92));--lg-bento-text-primary: var(--text-primary, #171717);--lg-bento-text-secondary: var(--text-secondary, #64748b);--lg-bento-text-body: var(--text-secondary, #475569);--lg-bento-accent: var(--brand-primary, #0071e3);--lg-bento-border: var(--lg-card-border, 1px solid rgba(15, 23, 42, .1));padding:0;background:transparent;color:var(--lg-bento-text-primary)}.littleg-dashboard .lg-bento__shell{width:100%;max-width:none;margin:0;padding:0}.littleg-dashboard .lg-bento__head{text-align:left;margin-inline:0}.littleg-dashboard .lg-bento__grid,.littleg-dashboard .lg-bento__grid--2,.littleg-dashboard .lg-bento__grid--3,.littleg-dashboard .lg-bento__grid--4{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--lg-grid-gap, 16px)}.littleg-dashboard .lg-bento-card{position:relative;display:grid;min-width:0;overflow:hidden;border:var(--lg-card-border, 1px solid rgba(15, 23, 42, .1));border-radius:var(--lg-card-radius, 28px);background:var(--lg-card-bg, rgba(255, 255, 255, .92));box-shadow:var(--lg-card-shadow, 0 18px 50px rgba(15, 23, 42, .08));color:var(--lg-bento-text-primary)}@media(hover:hover)and (pointer:fine){.littleg-dashboard .lg-bento-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl, 0 24px 70px rgba(15, 23, 42, .12))}}@media(max-width:749px){.littleg-dashboard .lg-bento__grid,.littleg-dashboard .lg-bento__grid--2,.littleg-dashboard .lg-bento__grid--3,.littleg-dashboard .lg-bento__grid--4{grid-template-columns:1fr}.littleg-dashboard .lg-bento-card,.littleg-dashboard .lg-bento-card.is-large,.littleg-dashboard .lg-bento-card.is-wide{grid-column:auto;min-height:auto;border-radius:var(--lg-card-radius-mobile, 22px)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/bento.css.map */