:root{--bg: #f5f5f7;--surface: rgba(255, 255, 255, .82);--surface-solid: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--border: rgba(0, 0, 0, .08);--accent: #0071e3;--accent-soft: #e8f2ff;--shadow: 0 18px 45px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 15% 0%,#ffffff 0,transparent 34%),radial-gradient(circle at 85% 10%,#eaf3ff 0,transparent 28%),var(--bg);color:var(--text)}a{color:inherit}button{font:inherit}.site-shell{min-height:100vh}.nav{position:sticky;top:0;z-index:20;backdrop-filter:saturate(180%) blur(22px);background:#f5f5f7b8;border-bottom:1px solid var(--border)}.nav-inner{max-width:1240px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#0071e3,#8bc6ff);box-shadow:inset 0 1px #ffffff73}.nav-note{color:var(--muted);font-size:13px}.hero{max-width:980px;margin:0 auto;padding:64px 22px 24px;text-align:center}.hero h1{margin:0;font-size:clamp(42px,8vw,82px);line-height:.96;letter-spacing:-.065em}.hero p{max-width:720px;margin:22px auto 0;font-size:clamp(17px,2.2vw,22px);line-height:1.55;color:var(--muted)}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.primary-btn,.secondary-btn{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 10px 24px #0071e340}.secondary-btn{background:#ffffffc2;border:1px solid var(--border);color:var(--text)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.search-section{max-width:760px;margin:0 auto 24px;padding:0 22px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#ffffffd6;border-radius:999px;padding:13px 18px;box-shadow:0 10px 30px #0000000b;color:var(--muted)}.search-input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.search-input::placeholder{color:#9a9aa0}.stats-bar{max-width:1180px;margin:0 auto 28px;padding:0 22px}.stats-card{border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(18px);border-radius:26px;padding:16px 20px;display:flex;gap:14px;align-items:center;justify-content:space-between;color:var(--muted);box-shadow:0 10px 30px #0000000a}.stats-card strong{color:var(--text)}.tabs{max-width:1180px;margin:0 auto 22px;padding:0 22px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:1px solid var(--border);background:#ffffffad;color:var(--muted);border-radius:999px;padding:10px 14px;cursor:pointer}.tab.active{background:var(--text);color:#fff;border-color:var(--text)}.grid-wrap{max-width:1180px;margin:0 auto;padding:0 22px 70px}.masonry{column-count:4;column-gap:18px}.card{break-inside:avoid;margin:0 0 18px;border-radius:28px;overflow:hidden;background:var(--surface-solid);border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card:hover{transform:translateY(-2px);box-shadow:0 22px 54px #0000001c}.card-img{width:100%;display:block;background:#eef0f4}.no-img{min-height:180px;background:linear-gradient(135deg,#eff6ff,#fff,#f7f1ff);display:grid;place-items:center;padding:34px;color:var(--accent);font-weight:700}.card-body{padding:16px}.meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.pill{font-size:12px;color:#2867aa;background:var(--accent-soft);border-radius:999px;padding:5px 8px}.card h3{font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}.summary{color:#3d3d42;font-size:14px;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.card-actions{margin-top:14px;display:flex;gap:8px}.icon-btn{flex:1;border:1px solid var(--border);background:#fff;border-radius:14px;padding:9px 10px;cursor:pointer;color:var(--text)}.icon-btn.blue{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn.try{background:#111;color:#fff;border-color:#111;text-decoration:none;text-align:center}.modal-actions{flex-wrap:wrap}.notice{position:sticky;top:66px;z-index:10}.loader{text-align:center;color:var(--muted);padding:30px}.modal-backdrop{position:fixed;inset:0;background:#00000061;z-index:50;display:grid;place-items:center;padding:20px}.modal{max-width:980px;width:min(980px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:30px;box-shadow:0 30px 90px #00000042}.modal-img{width:100%;max-height:48vh;object-fit:contain;background:#f2f2f4;border-radius:30px 30px 0 0}.modal-body{padding:24px}.prompt-full{white-space:pre-wrap;line-height:1.75;color:#222;background:#f7f7f9;padding:16px;border-radius:18px}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.close{border:0;background:#f1f1f3;border-radius:999px;width:36px;height:36px;cursor:pointer}@media(max-width:1100px){.masonry{column-count:3}}@media(max-width:760px){.nav-note{display:none}.hero{padding-top:48px}.stats-card{align-items:flex-start;flex-direction:column}.masonry{column-count:2;column-gap:12px}.card{border-radius:22px;margin-bottom:12px}.card-body{padding:13px}}@media(max-width:460px){.masonry{column-count:1}}