:root{--bg: #efe7d6;--ink: #1a1410;--muted: #7a6e62;--card: #fffaf3;--line: #e4d8c4;--red: #e23c22;--bar: #1a1410}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#2a221c;color:var(--ink)}button,input{font:inherit;color:inherit}.shell{max-width:430px;min-height:100vh;margin:0 auto;background:var(--bg);padding-bottom:calc(64px + env(safe-area-inset-bottom))}.top{padding:18px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.top-actions{display:flex;align-items:center;gap:8px;flex:none}.lang{max-width:112px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 8px;font-size:12px}.lang-block{display:block;width:100%;max-width:none;margin-top:8px;border-radius:10px;padding:8px 10px}.add-home,.icon-btn{flex:none;border:1px solid var(--ink);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;white-space:nowrap}.icon-btn{width:36px;height:36px;padding:0;display:grid;place-items:center}.home-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a141073;display:grid;place-items:center;padding:24px}.home-tip{width:100%;max-width:320px;background:var(--card);border-radius:16px;padding:18px 16px;border:1px solid var(--line)}.home-tip h3{font-size:16px;margin-bottom:8px}.home-tip p{font-size:13px;color:var(--muted);line-height:1.55}.home-tip button{margin-top:14px;width:100%;border:0;border-radius:10px;background:var(--ink);color:#fffaf3;padding:10px;font-weight:600}.brand{display:flex;align-items:center;gap:10px}.brand p{font-size:12px;color:var(--muted);margin-top:1px}.brand strong{font-size:20px;letter-spacing:.04em}.mark{width:36px;height:36px;border-radius:10px;object-fit:cover;display:block;flex:none}.body{padding:0 16px 24px}.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 12px;height:42px}.search span{color:var(--muted);font-size:18px}.search input{border:0;outline:0;background:none;width:100%}.hero{display:block;margin-top:14px;padding:18px;border-radius:18px;background:#1a1410;color:#f6efe3;position:relative;overflow:hidden;text-decoration:none;min-height:118px}.hero.link{cursor:pointer}.hero-art{position:absolute;right:14px;top:50%;width:88px;height:88px;margin-top:-44px;border-radius:18px;background:#2a221c center / cover no-repeat;box-shadow:0 8px 20px #00000059;transition:background-image .35s ease}.hero-copy{position:relative;z-index:1;max-width:calc(100% - 110px)}.hero-tag{font-size:12px;color:#f5c518;margin-bottom:8px}.hero h1{font-size:20px;font-weight:700;line-height:1.25}.hero-sub{margin-top:8px;font-size:13px;color:#cbbba8}.cats{display:flex;gap:8px;overflow-x:auto;margin:16px 0 8px;padding-bottom:4px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13px}.chip.on{background:var(--ink);border-color:var(--ink);color:#fffaf3}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 10px}.sec-head h2,.page-title{font-size:16px}.sec-head span{font-size:12px;color:var(--muted)}.page-title{margin:8px 0 14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{text-decoration:none;color:inherit}.cover{height:110px;border-radius:14px;background-size:cover;background-position:center;display:grid;place-items:center;position:relative;overflow:hidden}.cover b{color:#fff;font-size:28px}.cover em{position:absolute;top:8px;left:8px;font-style:normal;font-size:11px;background:#f5c518;color:#1a1410;border-radius:4px;padding:1px 5px;font-weight:700}.card h3{margin-top:8px;font-size:14px}.card p{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;padding:40px 12px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);margin:12px 0 6px;font-size:15px}.empty p{font-size:13px}.pad{width:72px;height:48px;margin:0 auto;background:#1a1410;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px}.pad i{width:10px;height:10px;border-radius:50%;background:#f5c518}.pad i:nth-child(2){background:var(--red)}.pad i:nth-child(3){background:#3dba8b}.row,.panel,.me{background:var(--card);border:1px solid var(--line);border-radius:14px}.row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--card);border:1px solid var(--line);margin-bottom:10px;text-align:left}.row small{color:var(--muted)}.me{display:flex;gap:12px;align-items:center;padding:16px;margin-bottom:12px}.me p,.panel span{font-size:13px;color:var(--muted);margin-top:4px}.avatar{width:44px;height:44px;border-radius:12px;object-fit:cover;display:block;flex:none}.panel{padding:16px}.panel+.panel,.panel+.legal-link,.legal-link+.legal-link{margin-top:12px}.legal-link{text-decoration:none;color:inherit}.bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:430px;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:var(--card);border-top:1px solid var(--line)}.bar button{flex:1;border:0;background:none;color:var(--muted);font-size:13px}.bar button.on{color:var(--red);font-weight:700}