:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#19221f;background:#f2f4f2;font-synthesis:none;--green: #166b58;--green-dark: #105342;--ink: #19221f;--muted: #68736f;--line: #d9dfdc;--warm: #b15434}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f2f4f2}button,a{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}.distribution-page{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:22px 18px 98px}.mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:2px 0 18px}.mobile-header h1{margin:0;font-size:21px;line-height:1.35;letter-spacing:0}.mobile-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.counter{flex:0 0 auto;min-width:58px;padding:7px 9px;border:1px solid #bfd0c9;border-radius:6px;color:var(--green-dark);background:#edf5f2;text-align:center;font-size:13px;font-weight:700}.claim-tabs{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.claim-tabs::-webkit-scrollbar{display:none}.claim-tabs button{flex:0 0 36px;height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);cursor:pointer}.claim-tabs button.active{border-color:var(--green);background:var(--green);color:#fff}.material-section{margin-bottom:13px;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.section-bar{min-height:46px;padding:0 14px;border-bottom:1px solid #e7ebe9;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-bar h2{margin:0;font-size:14px;letter-spacing:0}.icon-command{min-width:70px;height:34px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;color:var(--green);background:#edf5f2;cursor:pointer}.title-content{padding:16px 14px 18px;font-size:17px;line-height:1.55;font-weight:650;overflow-wrap:anywhere}.body-content{min-height:116px;padding:16px 14px 20px;font-size:15px;line-height:1.78;white-space:pre-wrap;overflow-wrap:anywhere}.media-count{max-width:50%;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:#e4e8e6}.image-grid.count-1{grid-template-columns:1fr;background:#fff;padding:0}.image-grid.count-2,.image-grid.count-4{grid-template-columns:repeat(2,1fr)}.image-grid figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;background:#eef0ef}.image-grid.count-1 figure{aspect-ratio:auto;min-height:220px;max-height:620px}.image-grid img{display:block;width:100%;height:100%;object-fit:cover}.image-grid.count-1 img{object-fit:contain;max-height:620px}.image-grid figure a{position:absolute;right:7px;bottom:7px;min-height:32px;padding:0 8px;display:flex;align-items:center;gap:5px;border-radius:5px;color:#fff;background:#121d19c7;text-decoration:none;font-size:11px}.video-wrap{padding:10px}.video-wrap video{display:block;width:100%;max-height:70vh;background:#111;border-radius:5px}.download-command{height:42px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cdd8d3;border-radius:5px;color:var(--green-dark);text-decoration:none;font-size:14px}.bottom-actions{position:fixed;z-index:10;left:50%;bottom:0;width:min(760px,100%);transform:translate(-50%);padding:10px max(18px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));display:flex;gap:10px;background:#fffffff7;border-top:1px solid var(--line)}.primary-command,.secondary-command{height:46px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.primary-command{flex:1;border:1px solid var(--green);background:var(--green);color:#fff;font-weight:650}.primary-command:hover{background:var(--green-dark)}.secondary-command{border:1px solid var(--line);background:#fff;color:var(--ink)}.secondary-command.square{flex:0 0 48px}.primary-command:disabled,.secondary-command:disabled{cursor:default;opacity:.45}.empty-claim{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--muted)}.empty-claim .primary-command{flex:0 0 auto;width:min(280px,80vw)}.center-state{min-height:72vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.center-state.error-state{flex-direction:column;text-align:center;color:var(--warm)}.inline-error{margin-bottom:12px;padding:10px 12px;border:1px solid #efc6b8;border-radius:6px;background:#fff4ef;color:#913d25;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.distribution-page{padding:17px 12px 94px}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-grid figure a span{display:none}.image-grid figure a{width:31px;padding:0;justify-content:center}}