.share-plan-entry {
  position: relative; width: 100%; min-height: 116px; margin: 12px 0 0; padding: 17px 42px 17px 16px;
  display: grid; grid-template-columns: 76px minmax(0,1fr); align-items: center; gap: 13px; overflow: hidden;
  color: #fff8e9; text-align: left; border: 0; border-radius: 18px 30px 18px 30px; cursor: pointer;
  background: linear-gradient(135deg,#362219 0%,#2a1a14 70%); box-shadow: inset 0 1px rgba(255,255,255,.1),0 15px 34px rgba(54,34,25,.17);
}
.share-plan-entry::before { content:""; position:absolute; inset:auto -18px -42px auto; width:145px; height:145px; border-radius:50%; background:radial-gradient(circle,rgba(187,221,78,.2),transparent 67%); }
.share-plan-orb { position:relative; width:72px; aspect-ratio:1; border-radius:47% 53% 56% 44%; background:radial-gradient(circle at 30% 24%,#ffffd9,rgba(203,231,95,.9) 24%,rgba(144,177,48,.43) 54%,rgba(160,201,53,.08) 69%,transparent 70%); box-shadow:0 0 0 1px rgba(211,236,106,.32),0 0 28px rgba(185,219,75,.23); animation:share-orb-breathe 7s ease-in-out infinite; }
.share-plan-orb i,.reward-orb i { position:absolute; inset:-6px; border:1px solid rgba(199,228,85,.26); border-radius:50%; animation:share-ring 10s linear infinite; }
.share-plan-orb i:nth-child(2),.reward-orb i:nth-child(2){inset:-12px;opacity:.55;animation-duration:15s;animation-direction:reverse}.share-plan-orb i:nth-child(3),.reward-orb i:nth-child(3){inset:-18px;opacity:.25;animation-duration:20s}
.share-plan-copy { position:relative; z-index:1; display:flex; min-width:0; flex-direction:column; }
.share-plan-copy small { color:#c9e862; font-size:7px; font-weight:900; letter-spacing:.13em; }
.share-plan-copy b { margin:4px 0 2px; font-family:var(--display); font-size:18px; }
.share-plan-copy em,.share-plan-copy > i { font-style:normal; line-height:1.5; }
.share-plan-copy em { color:rgba(255,248,233,.75); font-size:9px; font-weight:700; }
.share-plan-copy > i { margin-top:4px; color:rgba(255,248,233,.43); font-size:7px; }
.share-plan-arrow { position:absolute; right:13px; top:50%; z-index:1; display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#34221a; background:var(--lime); transform:translateY(-50%); font-size:20px; }

.share-sheet { position:fixed; z-index:90; inset:0; width:min(440px,100%); height:100dvh; margin:auto; overflow:hidden; color:var(--ink); background:#f6eddb; }
.share-topbar { height:72px; padding:calc(16px + env(safe-area-inset-top)) 17px 10px; display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:8px; background:rgba(250,244,231,.88); border-bottom:1px solid rgba(59,46,40,.07); backdrop-filter:blur(18px); }
.share-topbar > button { width:32px; height:32px; border:0; border-radius:50%; background:rgba(59,46,40,.07); font-size:24px; }
.share-topbar > div { display:grid; gap:1px; }.share-topbar small { color:var(--lime-deep); font-size:7px; font-weight:900; letter-spacing:.14em; }.share-topbar b { font-size:13px; }.share-topbar > span { color:var(--muted); font-size:7px; text-align:right; line-height:1.4; }.share-topbar > span b{font-size:8px;color:var(--ink)}
.share-scroll { height:calc(100dvh - 72px); padding:14px 15px calc(34px + env(safe-area-inset-bottom)); overflow:auto; overscroll-behavior:contain; }
.share-reward-hero { position:relative; min-height:170px; padding:23px 16px 20px 139px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; color:#fff7e7; border-radius:30px 16px 30px 16px; background:radial-gradient(circle at 19% 45%,rgba(190,224,77,.24),transparent 26%),linear-gradient(140deg,#3a251c,#261812); }
.reward-orb { position:absolute; left:23px; top:37px; width:92px; aspect-ratio:1; border-radius:48% 52% 58% 42%; background:radial-gradient(circle at 30% 24%,#ffffda,rgba(204,234,96,.93) 24%,rgba(136,175,41,.48) 54%,rgba(144,181,43,.06) 71%,transparent 72%); filter:drop-shadow(0 0 14px rgba(202,232,91,.3)); animation:share-orb-breathe 7s ease-in-out infinite; }
.share-reward-hero div { position:relative; z-index:1; }.share-reward-hero small { color:var(--lime); font-size:8px; font-weight:900; letter-spacing:.12em; }.share-reward-hero h2 { margin:6px 0 8px; font-family:var(--display); font-size:21px; line-height:1.12; letter-spacing:-.04em; }.share-reward-hero p { margin:0; color:rgba(255,247,231,.58); font-size:8px; line-height:1.65; }
.reward-state { position:absolute; top:12px; right:12px; padding:5px 8px; color:rgba(255,248,233,.6); font-size:7px; border:1px solid rgba(255,255,255,.1); border-radius:99px; background:rgba(255,255,255,.05); }
.share-rules { margin:10px 0; padding:12px; display:flex; gap:10px; border-radius:15px; background:rgba(167,216,198,.2); }.share-rules > i { display:grid; width:22px; height:22px; flex:none; place-items:center; color:#fff; font:700 11px serif; border-radius:50%; background:#78a996; }.share-rules p { margin:0; display:grid; gap:3px; }.share-rules b { font-size:9px; }.share-rules span { color:var(--muted); font-size:7px; line-height:1.55; }
.share-builder,.share-copy-card,.share-proof-card { margin-top:10px; padding:15px; border:1px solid rgba(59,46,40,.06); border-radius:20px; background:rgba(255,251,242,.78); box-shadow:0 13px 32px rgba(87,61,40,.05); }
.share-builder header,.share-copy-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }.share-builder header small,.share-copy-card header small,.share-proof-card header small { color:#9b8878; font-size:7px; font-weight:800; letter-spacing:.14em; }.share-builder h3,.share-copy-card h3,.share-proof-card h3 { margin:3px 0 0; font-family:var(--display); font-size:17px; }.share-builder header button,.share-copy-card header button { padding:7px 9px; color:#66801f; font-size:8px; border:0; border-radius:99px; background:rgba(183,217,78,.18); }
.share-platforms { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }.share-platforms button { min-height:55px; padding:8px; display:flex; align-items:center; gap:9px; color:var(--ink); text-align:left; border:1px solid rgba(59,46,40,.07); border-radius:15px; background:#fffdf8; }.share-platforms button.active { border-color:#9fbd38; box-shadow:inset 0 0 0 1px #b8d75a; background:#f0f7d9; }.share-platforms button > i { display:grid; width:31px; height:31px; place-items:center; color:#fff; font-style:normal; font-weight:900; border-radius:11px; background:#e95749; }.share-platforms button:nth-child(2)>i { background:#23201e; }.share-platforms span { display:grid; }.share-platforms b{font-size:10px}.share-platforms small{color:var(--muted);font-size:7px;margin-top:2px}
.share-pack-heading { margin-top:16px; }.share-pack-heading > span { padding-top:10px; color:var(--muted); font-size:7px; }
.share-card-strip { margin:11px -15px 0; padding:0 15px 5px; display:flex; gap:9px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.share-card-strip::-webkit-scrollbar{display:none}.share-card-wrap { position:relative; width:154px; flex:0 0 154px; scroll-snap-align:start; cursor:pointer; border-radius:14px; outline:0; }.share-card-wrap:focus-visible{box-shadow:0 0 0 3px rgba(142,171,44,.35)}.share-card-wrap canvas { display:block; width:154px; height:205px; border-radius:14px; background:#efe5d3; box-shadow:0 9px 20px rgba(70,48,33,.12); }.share-card-wrap span { position:absolute; top:7px; left:7px; display:grid; width:20px; height:20px; place-items:center; color:#fff; font:800 8px serif; border-radius:50%; background:rgba(50,32,23,.75); backdrop-filter:blur(6px); }.demo-data-note { margin:7px 0 0; color:#9b8878; font-size:7px; }
.share-actions { margin-top:11px; display:grid; grid-template-columns:1fr 88px; gap:7px; }.share-primary,.share-secondary,.submit-proof { min-height:43px; border:0; border-radius:13px; font-weight:800; }.share-primary { padding:0 8px 0 14px; display:flex; align-items:center; justify-content:space-between; color:#2d211b; background:var(--lime); }.share-primary b { display:grid; width:28px; height:28px; place-items:center; color:#fff; border-radius:50%; background:#35251d; }.share-secondary { color:var(--ink); background:#eee5d6; font-size:9px; }
.share-copy-card input,.share-copy-card textarea { width:100%; color:var(--ink); font-size:16px; border:1px solid rgba(59,46,40,.08); border-radius:12px; outline:0; background:#fffdf8; }.share-copy-card input { margin-top:12px; height:44px; padding:0 11px; font-weight:800; }.share-copy-card textarea { height:150px; margin-top:7px; padding:11px; resize:vertical; line-height:1.65; }.share-copy-card input:focus,.share-copy-card textarea:focus{border-color:#99b732;box-shadow:0 0 0 3px rgba(183,217,78,.14)}
.share-proof-card header p { margin:5px 0 0; color:var(--muted); font-size:8px; line-height:1.55; }.proof-uploader { margin-top:12px; min-height:108px; display:grid; place-items:center; overflow:hidden; border:1px dashed rgba(103,126,28,.4); border-radius:15px; cursor:pointer; background:rgba(183,217,78,.09); }.proof-uploader > span { width:100%; min-height:108px; display:grid; place-items:center; align-content:center; gap:4px; }.proof-uploader i { display:grid; width:30px; height:30px; place-items:center; color:#fff; font-style:normal; border-radius:50%; background:#91ae32; }.proof-uploader b{font-size:9px}.proof-uploader small{color:var(--muted);font-size:7px}.proof-uploader img { width:100%; height:160px; object-fit:cover; }.proof-consent { margin:11px 1px; display:flex; align-items:flex-start; gap:7px; color:var(--muted); font-size:8px; line-height:1.5; }.proof-consent input { margin:2px 0 0; accent-color:#8caa2d; }.submit-proof { width:100%; color:#fff9e9; background:#38251c; }.submit-proof:disabled{opacity:.5}.proof-status { margin:8px 0 0; color:#8f7a69; font-size:8px; text-align:center; }.share-boundary { margin:13px 6px 0; color:#9c8979; font-size:7px; line-height:1.6; text-align:center; }

body[data-share-reward] .weather-orb { filter:drop-shadow(0 0 19px rgba(186,218,76,.34)); }
body[data-share-reward="coral"] .weather-orb { filter:hue-rotate(310deg) saturate(1.08) drop-shadow(0 0 20px rgba(237,128,106,.35)); }
body[data-share-reward="dew"] .weather-orb { filter:hue-rotate(82deg) saturate(.9) drop-shadow(0 0 20px rgba(96,184,166,.35)); }
body[data-share-reward] .profile-orb { box-shadow:0 0 0 3px rgba(183,217,78,.25),0 0 28px rgba(183,217,78,.32),inset 8px 9px 17px rgba(255,255,255,.46); animation:share-orb-breathe 7s ease-in-out infinite; }
body[data-share-reward] .share-plan-entry::after { content:"宝藏发现官"; position:absolute; right:10px; top:9px; color:var(--lime); font-size:7px; letter-spacing:.08em; }

@keyframes share-orb-breathe { 0%,100%{transform:scale(.96) rotate(-2deg);border-radius:47% 53% 56% 44%}50%{transform:scale(1.04) rotate(2deg);border-radius:55% 45% 46% 54%} }
@keyframes share-ring { to{transform:rotate(360deg)} }
@media (min-width:521px){.share-sheet{top:50%;bottom:auto;height:min(956px,calc(100dvh - 26px));border:4px solid #3d302a;border-radius:48px;box-shadow:0 28px 75px rgba(50,35,25,.28);transform:translateY(-50%)}.share-scroll{height:calc(100% - 72px)}}
@media (prefers-reduced-motion:reduce){.share-plan-orb,.reward-orb,body[data-share-reward] .profile-orb{animation:none!important}}