/* Link-in-bio layout adapted from the local ChinaSpreadsheet reference. */

    :root { color-scheme: light; }
    .beacons-link-page { margin: 0; color: var(--bio-text); font-family: Arial, Helvetica, sans-serif; }
    .beacons-link-page .site-footer { display: none; }
    .beacons-theme-peach { --bio-bg: #fff2e7; --bio-card: #e8b99e; --bio-text: #6c5a51; --bio-border: #7d665c; --bio-shadow: rgba(94,70,59,.55); --bio-icon-bg: #fff; }
    .beacons-theme-dark { --bio-bg: #000; --bio-card: #000; --bio-text: #fff; --bio-border: #fff; --bio-shadow: rgba(255,255,255,.08); --bio-icon-bg: #0b0b0b; color-scheme: dark; }
    .beacons-theme-usfans { --bio-bg: #f4f5f7; --bio-card: #353535; --bio-text: #fff; --bio-border: transparent; --bio-shadow: rgba(0,0,0,.2); --bio-icon-bg: #fff; }
    .beacons-theme-oopbuy { --bio-bg: #eef4ff; --bio-card: #dce7ff; --bio-text: #15213d; --bio-border: #91a8d2; --bio-shadow: rgba(40,69,119,.24); --bio-icon-bg: #fff; }
    .bio-page { min-height: 100dvh; padding: 34px 16px 44px; background: var(--bio-bg); }
    .beacons-theme-peach .bio-page { background: radial-gradient(circle at 50% 4%, rgba(255,255,255,.8), transparent 28%), var(--bio-bg); }
    .beacons-theme-usfans .bio-page { padding: 72px 20px; background: radial-gradient(circle at 20% 48%, rgba(255,145,105,.9), transparent 31%), radial-gradient(circle at 82% 52%, rgba(137,148,166,.9), transparent 30%), #f7f7f7; }
    .beacons-theme-oopbuy .bio-page { background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.95), transparent 30%), linear-gradient(160deg, #eef4ff 0%, #dce8ff 100%); }
    .bio-shell { width: min(100%, 560px); margin: 0 auto; }
    .beacons-theme-usfans .bio-shell { width: min(100%, 720px); padding: 64px 80px; border-radius: 24px; background: #0d0d0d; box-shadow: 0 26px 70px rgba(17,24,39,.2); }
    .bio-profile { display: grid; justify-items: center; text-align: center; }
    .bio-avatar { width: 94px; height: 94px; display: grid; place-items: center; border: 2px solid var(--bio-border); border-radius: 50%; background: #fff; color: #111; box-shadow: 0 5px 16px rgba(85,61,50,.1); transform: rotate(-3deg); }
    .bio-avatar span { display: grid; font-size: 27px; font-weight: 800; line-height: .85; letter-spacing: -2px; }
    .bio-avatar b, .bio-mini-logo b { color: #ed334e; }
    .bio-avatar-oopbuy b { color: #3267d6; }
    .bio-profile h1 { margin: 17px 0 14px; color: var(--bio-text); font: 700 clamp(27px, 6vw, 34px)/1.1 Georgia, serif; letter-spacing: -.02em; }
    .bio-socials { display: flex; align-items: center; gap: 17px; }
    .bio-socials a { width: 29px; height: 29px; display: grid; place-items: center; color: var(--bio-text); transition: transform .18s ease; }
    .bio-socials a:hover { transform: translateY(-2px); }
    .bio-socials svg { width: 25px; height: 25px; fill: currentColor; }
    .bio-links { margin-top: 28px; display: grid; gap: 14px; }
    .beacons-theme-dark .bio-links { margin-top: 10px; }
    .beacons-theme-usfans .bio-links { margin-top: 0; }
    .bio-links a { color: var(--bio-text); text-decoration: none; }
    .bio-feature-card { min-height: 250px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 2px solid var(--bio-border); border-radius: 9px; background: var(--bio-card); box-shadow: 0 2px 0 var(--bio-shadow); transition: transform .18s ease, box-shadow .18s ease; }
    .beacons-theme-peach .bio-feature-card { border-width: 1.5px; }
    .beacons-theme-usfans .bio-feature-card { min-height: 280px; border: 0; background: #353535; box-shadow: none; }
    .bio-feature-image { min-width: 0; background: #fff; }
    .bio-feature-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .bio-feature-brand { min-width: 0; display: grid; place-content: center; justify-items: center; gap: 7px; background: linear-gradient(145deg, #173363, #3471df); color: #fff; }
    .bio-feature-brand b { font-size: 26px; letter-spacing: -.06em; }
    .bio-feature-brand small { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
    .bio-feature-card > strong { padding: 24px 18px; display: grid; place-content: center; text-align: center; font-size: 17px; line-height: 1.12; }
    .beacons-theme-usfans .bio-feature-card > strong, .beacons-theme-usfans .bio-link-card > strong { font-family: Georgia, serif; font-weight: 700; }
    .bio-link-card { min-height: 74px; padding: 10px 18px; display: grid; grid-template-columns: 54px 1fr 54px; align-items: center; border-radius: 8px; background: var(--bio-card); border: 2px solid transparent; transition: transform .18s ease, box-shadow .18s ease; }
    .beacons-theme-dark .bio-link-card { min-height: 84px; border-color: var(--bio-border); }
    .beacons-theme-usfans .bio-link-card { min-height: 76px; border: 0; background: #353535; }
    .bio-link-card > strong { grid-column: 2; text-align: center; font-size: 15px; line-height: 1.25; font-weight: 500; }
    .bio-link-card small { margin-top: 3px; display: block; font-size: 11px; font-weight: 400; line-height: 1.2; }
    .bio-link-icon { width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; background: var(--bio-icon-bg); }
    .bio-link-icon img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .bio-mini-logo { display: grid; align-content: center; color: #111; font-size: 14px; font-weight: 800; line-height: .9; }
    .bio-text-logo { color: #2859b6; font-size: 10px; font-weight: 900; letter-spacing: -.04em; }
    .bio-link-emphasis { border-color: var(--bio-border); box-shadow: 0 7px 0 var(--bio-shadow); }
    .bio-links a:hover { transform: translateY(-2px); box-shadow: 0 7px 18px var(--bio-shadow); }
    .bio-socials a:focus-visible, .bio-links a:focus-visible { outline: 3px solid rgba(96,165,250,.7); outline-offset: 4px; }
    .bio-powered { margin: 27px 0 0; color: var(--bio-text); opacity: .65; font-size: 11px; text-align: center; }
    .bio-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
    @media (max-width: 560px) {
        .bio-page { padding: 25px 12px 34px; }
        .bio-avatar { width: 82px; height: 82px; }
        .bio-avatar span { font-size: 24px; }
        .bio-profile h1 { margin-top: 14px; font-size: 29px; }
        .bio-links { margin-top: 23px; gap: 13px; }
        .beacons-theme-dark .bio-links { margin-top: 8px; }
        .beacons-theme-usfans .bio-page { padding: 18px 10px; }
        .beacons-theme-usfans .bio-shell { padding: 20px 12px; border-radius: 16px; }
        .beacons-theme-usfans .bio-links { margin-top: 0; }
        .bio-feature-card { min-height: 194px; }
        .bio-feature-card > strong { padding: 16px 11px; font-size: 15px; }
        .bio-link-card { min-height: 68px; padding: 9px 13px; grid-template-columns: 49px 1fr 49px; }
        .beacons-theme-dark .bio-link-card { min-height: 82px; }
        .beacons-theme-usfans .bio-feature-card { min-height: 194px; }
        .beacons-theme-usfans .bio-link-card { min-height: 68px; }
        .bio-link-icon { width: 42px; height: 42px; border-radius: 10px; }
        .bio-link-card > strong { font-size: 13px; }
        .bio-link-card small { font-size: 9px; }
    }