:root{--orange:#ff8200;--orange2:#ff9e25;--ink:#232832;--muted:#88909e;--line:#eceef1;--paper:#fff;--canvas:#f5f6f8;--shadow:0 8px 24px rgba(24,30,39,.025);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--canvas);min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library,.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap}.topbar{position:sticky;z-index:30;top:0;height:72px;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-bottom:1px solid #eff0f3}.topbar-content{max-width:1320px;margin:auto;height:100%;display:flex;align-items:center;gap:31px;padding:0 25px}.brand{display:flex;align-items:center;gap:11px;min-width:211px}.brand-dot{width:42px;height:42px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;border-radius:15px 15px 15px 5px;background:linear-gradient(140deg,#ffad44,#ff7600);box-shadow:0 6px 13px rgba(255,130,0,.19)}.brand-title{font-size:24px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.brand-label{display:block;color:#9498a3;font-size:10px;font-weight:600;letter-spacing:2px;margin-top:-3px}.top-search{width:min(520px,100%);background:#f6f7f9;height:43px;border-radius:100px;display:flex;align-items:center;gap:10px;padding:0 17px}.top-search svg{width:18px;height:18px;color:#999eaa}.top-search input{border:0;outline:none;background:transparent;color:#41454e;min-width:0;width:100%;font-size:13px}.top-search input::placeholder{color:#a3a8b3}.top-search:focus-within{box-shadow:0 0 0 2px #ffe0b9}.top-search #clearSearch{width:21px;height:21px;border:0;padding:0;background:none;color:#aaa}.top-search #clearSearch svg{width:16px;height:16px}.header-collect{margin-left:auto;white-space:nowrap;border:1px solid #f1f1f3;background:#fff;color:#555a64;padding:10px 14px;border-radius:24px;display:flex;align-items:center;gap:7px;font-size:13px}.header-collect:hover{border-color:#ffc17d;color:#fa8200}.header-collect svg{width:17px;height:17px}.saved-num{border-radius:20px;padding:1px 5px;background:#fff1e0;color:#ff8200}.layout{max-width:1320px;display:grid;grid-template-columns:208px minmax(0,720px) 280px;gap:20px;align-items:start;margin:0 auto;padding:24px 24px 40px}.nav-left{position:sticky;top:94px;min-height:60vh}.left-links{display:flex;flex-direction:column;gap:7px}.left-link{display:flex;align-items:center;gap:15px;height:49px;border:0;background:transparent;border-radius:14px;padding:0 18px;text-align:left;color:#555c68;font-size:14px;font-weight:600;width:100%;transition:.15s}.left-link svg{width:20px;height:20px;stroke-width:2}.left-link.active,.left-link:hover{background:#fff;color:#f1840a;box-shadow:0 2px 10px rgba(0,0,0,.015)}.left-link.active:before{content:"";position:absolute;width:3px;height:20px;background:var(--orange);border-radius:5px;transform:translateX(-18px)}.mini-circle{display:grid;place-items:center;width:21px;height:21px;font-size:17px;font-weight:500}.left-note{border-top:1px solid #e6e7e9;margin:27px 17px 0;padding-top:24px;color:#a1a3ab}.left-note span{font-size:10px;letter-spacing:2.4px}.left-note p{font-size:15px;line-height:1.9;font-weight:700;color:#848a94}.left-note small{font-size:11px}.feed-column{min-width:0}.mobile-title{display:none}.feed-tabs{background:#fff;border-radius:17px 17px 0 0;display:flex;align-items:stretch;height:58px;padding:0 17px;gap:20px;border-bottom:1px solid #f1f1f3}.feed-tab{border:0;background:transparent;color:#858993;font-size:15px;padding:0 10px;position:relative;font-weight:600}.feed-tab.active{color:#2a2d35;font-weight:850}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:3px;border-radius:4px 4px 0 0;background:#ff900e}.hero{display:flex;justify-content:space-between;background:linear-gradient(117deg,#fff8ed 0%,#fff4e8 49%,#ffe3c4 100%);position:relative;min-height:285px;overflow:hidden;padding:32px 24px 30px 33px}.hero-copy{z-index:2;flex:0 0 59%}.hero-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#d17a2b;display:flex;align-items:center;gap:7px}.pulse-dot{width:7px;height:7px;background:#ffa52c;border-radius:50%;box-shadow:0 0 0 4px #ffebcf}.hero-edition{font-size:10px;letter-spacing:0;margin-left:8px;border-left:1px solid #e7b78f;padding-left:11px}.hero h1{font-size:30px;line-height:1.38;letter-spacing:-1px;margin:17px 0 8px;font-weight:870;color:#312820}.hero h1 em{color:#f3880b;font-style:normal}.hero p{font-size:12px;line-height:1.95;color:#947963;margin:0 0 16px}.hero-copy button{display:flex;align-items:center;gap:10px;border:0;background:#ff880b;color:white;padding:10px 14px 10px 17px;border-radius:30px;font-weight:800;font-size:12px;box-shadow:0 8px 16px rgba(255,135,19,.18)}.hero-copy button:hover{background:#f57c00}.hero-copy button svg{height:15px;width:15px}.hero-art{width:41%;position:relative;display:flex;justify-content:center;align-items:center}.hero-art img{width:208px;height:234px;object-fit:cover;position:relative;z-index:1;border-radius:19px;transform:rotate(8deg) translate(12px,0);box-shadow:0 18px 22px rgba(149,93,45,.12);background:#ffe5c5}.hero-ring{position:absolute;width:270px;height:270px;border:1px solid rgba(253,154,79,.28);border-radius:50%;right:-60px;bottom:-120px;box-shadow:0 0 0 28px rgba(255,255,255,.1),0 0 0 57px rgba(255,255,255,.13)}.hero-sticker{position:absolute;z-index:2;left:-4px;bottom:7px;background:#fff;box-shadow:0 9px 21px #d9aa7955;padding:11px 15px;line-height:1.15;color:#ef8615;border-radius:13px;transform:rotate(-7deg);font-size:10px;font-weight:900;letter-spacing:1px}.hero-sticker b{font-size:23px;vertical-align:middle}.topic-strip{background:#fff;border-top:9px solid var(--canvas);padding:19px 24px 23px}.topic-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.topic-head>div{display:flex;align-items:center;gap:8px}.topic-head h2{font-size:15px;margin:0;font-weight:830;letter-spacing:-.2px}.topic-head>span{font-size:11px;color:#a0a4ac}.topic-head-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#fa8504;background:#fff2df}.topic-head-icon svg{width:16px;height:16px}.topic-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 3px;scrollbar-width:none}.topic-chips::-webkit-scrollbar{display:none}.topic-pill{white-space:nowrap;flex:none;border:1px solid #f3e5db;border-radius:30px;background:#fffbf8;padding:8px 12px;color:#ac7150;font-size:12px;font-weight:650}.topic-pill:hover,.topic-pill.active{border-color:#ffab50;background:#fff2e5;color:#e57800}.stream{margin-top:9px}.stream-heading{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-bottom:1px solid #f1f1f1}.stream-heading>div{display:flex;align-items:center;gap:9px}.stream-heading h2{margin:0;font-size:18px;font-weight:800}.result-count{margin-left:1px;font-size:12px;color:#a0a4aa}.orange-pin{width:5px;height:18px;border-radius:3px;background:linear-gradient(#ffab45,#ff7d00)}.stream-heading>button{border:0;background:none;color:#999da6;display:flex;align-items:center;gap:4px;font-size:11px}.stream-heading>button:hover{color:var(--orange)}.stream-heading>button svg{width:15px;height:15px}.active-filter{padding:10px 22px;border-bottom:1px solid #fff0db;background:#fffaf3;color:#bc7a38;font-size:12px}.active-filter button{margin-left:8px;border:0;background:transparent;color:#ee7c00;font-weight:700;text-decoration:underline}.post{background:#fff;padding:22px 24px 0;position:relative;border-bottom:10px solid #f5f6f8}.post-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.avatar{height:42px;width:42px;border-radius:50%;background:linear-gradient(140deg,#ffe4ba,#ffc878);color:#d78210;display:grid;place-items:center;font-size:19px;font-weight:900;border:2px solid #fff;box-shadow:0 0 0 1px #ffe6c7}.post-profile{min-width:0;flex:1}.post-profile strong{font-size:14px;font-weight:800;display:block}.post-profile small{color:#a1a4ac;display:block;font-size:10px;margin-top:4px}.post-type{align-self:center;font-size:10px;background:#fff9ee;border:1px solid #ffebd5;color:#da944e;padding:5px 9px;border-radius:15px;white-space:nowrap}.post-title{font-size:18px;line-height:1.52;font-weight:750;margin:0 0 7px;letter-spacing:-.3px}.post-desc{color:#747882;font-size:13px;line-height:1.85;margin:0 0 9px}.post-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:15px}.post-tags button{border:none;background:none;padding:0;font-size:12px;color:#ef8b13;font-weight:600}.post-tags button:hover{text-decoration:underline}.post-media{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px;max-height:252px;min-height:218px;margin-bottom:17px}.post-media button{min-width:0;border:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:11px;padding:0;position:relative;background:#f3f1ea}.post-media button img{width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:transform .25s}.post-media button:hover img{transform:scale(1.035)}.post-media .media-text{background:linear-gradient(145deg,#fff0e1,#ffe0ae);padding:19px;color:#ab692c;text-align:left;justify-content:space-between;align-items:start;flex-direction:column}.post-media .media-text span{font-size:10px;letter-spacing:2px;font-weight:800}.post-media .media-text strong{font-size:18px;line-height:1.45}.post-media .media-text i{font-style:normal;background:#fff9f0;border-radius:50%;padding:7px;width:29px;height:29px;display:grid;place-items:center}.post:nth-child(4n+2) .post-media .media-text{background:linear-gradient(145deg,#e6eee7,#d2e6db);color:#557d69}.post:nth-child(4n+3) .post-media .media-text{background:linear-gradient(145deg,#ecedff,#d7ddfc);color:#6872a4}.post:nth-child(4n+4) .post-media .media-text{background:linear-gradient(145deg,#e8f4fa,#d1e8f8);color:#6584a4}.post-actions{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #f2f2f4;margin:0 -24px;padding:0 8px}.post-actions button{border:0;background:transparent;color:#9a9da6;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;font-size:12px}.post-actions button:not(:last-child){position:relative}.post-actions button:not(:last-child):after{content:"";position:absolute;right:0;height:14px;background:#eeeff0;width:1px}.post-actions button svg{height:18px;width:18px}.post-actions button:hover,.post-actions button.active{color:#f58b12}.empty-state{background:#fff;text-align:center;padding:70px 20px}.empty-state svg{width:35px;height:35px;color:#cbd0d7}.empty-state h3{font-size:18px;margin:13px 0 7px}.empty-state p{font-size:13px;color:#aaa}.empty-state button{margin-top:15px;color:#fff;background:var(--orange);border:0;border-radius:22px;padding:9px 22px}.end-mark{background:#fff;text-align:center;padding:20px 12px;color:#c8c9ce;font-size:11px}.about-panel{margin-top:13px;border-radius:13px;background:#fff;display:flex;align-items:flex-start;gap:14px;padding:23px 22px}.about-bubble{width:35px;height:35px;border-radius:12px;color:#ed880f;background:#fff3e4;display:grid;place-items:center}.about-bubble svg{width:20px;height:20px}.about-panel h2{font-size:15px;margin:0 0 7px}.about-panel p{margin:0;font-size:12px;line-height:1.95;color:#9095a0}.footer{text-align:center;color:#acb0b8;display:flex;flex-direction:column;gap:8px;font-size:11px;padding:27px 10px 4px}.footer span:first-child{font-weight:750;color:#a6a8ae}.nav-right{position:sticky;top:96px;display:flex;flex-direction:column;gap:13px}.right-search,.right-topics,.right-prompt{background:#fff;border-radius:13px;overflow:hidden}.right-search{padding:19px 18px}.right-topline{display:flex;align-items:center;gap:10px}.right-icon{height:32px;width:32px;background:#fff1d9;color:#ff9004;display:grid;place-items:center;border-radius:12px}.right-icon svg{height:19px;width:19px}.right-topline h3{font-size:14px;margin:0}.right-search p{font-size:12px;color:#959aa5;margin:13px 0}.right-search>button{background:linear-gradient(95deg,#ffad40,#ff8d16);color:white;border:0;width:100%;border-radius:9px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:750}.right-search>button svg{width:15px;height:15px}.right-topics{padding:19px 18px 14px}.right-cardhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.right-cardhead h3{font-size:15px;margin:0}.right-cardhead span{font-size:11px;color:#a2a7b1}.right-topics button{display:flex;align-items:center;gap:10px;padding:11px 0;width:100%;border:0;border-top:1px solid #f5f5f6;text-align:left;background:#fff}.right-topics button>span:nth-child(2){flex:1;min-width:0}.right-topics button b{font-size:12px;display:block}.right-topics button small{font-size:10px;color:#a4a8b1;margin-top:6px;display:block}.right-topics button>svg{width:14px;height:14px;color:#bec0c5}.right-topics button:hover b{color:#f1880a}.hot-square{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;font-size:19px;font-weight:800}.s1{background:#fff0e1;color:#ff8c00}.s2{background:#ffedf0;color:#e97a89}.s3{background:#e9f5f0;color:#78b39b}.s4{background:#ecf0ff;color:#8492d3}.right-prompt{background:linear-gradient(130deg,#fff2de,#fff9f1);padding:23px}.quote-stars{color:#efa345;font-size:25px;letter-spacing:15px}.right-prompt h3{font-size:19px;line-height:1.5;margin:10px 0;color:#655343;letter-spacing:-.3px}.right-prompt p{font-size:11px;color:#a39182;line-height:1.9}.prompt-rule{width:30px;height:2px;background:#ebb482;margin:21px 0 10px}.right-prompt span{font-size:9px;letter-spacing:2px;color:#c5a88a}.bottom-nav{display:none}.overlay[hidden],#emptyState[hidden],#activeFilter[hidden],#clearSearch[hidden],#favBadge[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:90;background:rgba(25,29,36,.53);display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;width:min(560px,100%);max-height:min(88vh,840px);overflow-y:auto;border-radius:17px;box-shadow:0 28px 80px #15151c44;position:relative;overscroll-behavior:contain}.close-modal{width:32px;height:32px;border:0;border-radius:50%;background:#f6f6f8;display:grid;place-items:center;color:#747987}.close-modal svg{width:17px;height:17px}.detail-modal .close-modal{position:sticky;top:12px;margin:12px 12px -44px auto;z-index:2;background:#fff;box-shadow:0 2px 12px #0002}.detail-art{max-height:340px;width:100%;object-fit:cover;background:#ffead6}.detail-content-body{padding:22px 26px 27px}.detail-overline{font-size:12px;color:#eb8c16;font-weight:700}.detail-content-body h2{font-size:24px;line-height:1.5;margin:12px 0}.detail-intro{color:#666c79;font-size:14px;line-height:1.8}.detail-paragraph{line-height:2;font-size:14px;color:#5b5f6a}.detail-tagset{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.detail-tagset span{background:#fff4e6;color:#d68522;padding:7px 10px;border-radius:15px;font-size:12px}.detail-disclaimer{padding-top:13px;border-top:1px solid #eee;color:#a2a5ad;font-size:11px;line-height:1.8}.detail-action{display:flex;gap:10px;margin-top:20px}.detail-action button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e6e7e9;background:#fff;padding:12px;border-radius:10px;color:#696e77;font-size:13px;font-weight:650}.detail-action button.active{color:#fa8510;border-color:#ffcb9c;background:#fff9f2}.detail-action button svg{width:16px;height:16px}.saved-modal{padding:25px}.saved-modal-head{display:flex;justify-content:space-between}.saved-modal-head small{color:#fc9518;letter-spacing:2px;font-size:10px}.saved-modal-head h2{margin:8px 0 4px;font-size:23px}.saved-modal-head p{font-size:12px;color:#a0a6ad;margin:0 0 20px}.saved-row{display:flex;gap:12px;border-top:1px solid #f1f1f2;padding:13px 0;align-items:center}.saved-img{border:0;padding:0;background:#fff2e8;width:65px;height:65px;overflow:hidden;border-radius:10px}.saved-img img{width:100%;height:100%;object-fit:cover}.saved-copy{flex:1;min-width:0}.saved-copy strong{font-size:12px;line-height:1.55;display:block}.saved-copy span{font-size:10px;color:#a2a6ad;display:block;margin-top:5px}.saved-copy button{padding:0;border:0;background:none;color:#ed8717;font-size:11px;margin-top:6px}.saved-remove{border:0;background:#f5f5f6;color:#9297a0;border-radius:8px;padding:8px;font-size:11px}.saved-empty{color:#999;text-align:center;font-size:13px;padding:35px 10px}.toast{position:fixed;z-index:120;left:50%;bottom:92px;transform:translate(-50%,16px);padding:11px 20px;border-radius:99px;background:rgba(35,40,47,.88);color:#fff;font-size:12px;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.scroll-locked{overflow:hidden}
@media(max-width:1200px){.layout{grid-template-columns:165px minmax(0,1fr) 245px;gap:13px;padding:20px 18px 35px}.topbar-content{padding:0 20px}.brand{min-width:165px}.nav-right{top:90px}.left-link{padding:0 14px}.left-link.active:before{transform:translateX(-14px)}.hero-copy{flex-basis:61%}.hero-art{width:39%}.hero-art img{width:176px;height:205px}.post-media{grid-template-columns:1fr 135px}.post-media .media-text strong{font-size:16px}}
@media(max-width:960px){.layout{max-width:760px;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:18px 15px}.nav-right{display:none}.brand{min-width:145px}.feed-tabs{gap:12px}.hero{padding-left:24px}.hero h1{font-size:25px}.hero-copy{flex-basis:67%}.hero-art{width:33%}.hero-art img{width:150px;height:180px}.post-media{grid-template-columns:1fr 140px}}
@media(max-width:680px){html{scroll-padding-top:105px}.topbar{height:0;overflow:visible;border:none}.topbar-content{height:0;padding:0}.brand,.header-collect{display:none}.top-search{position:fixed;top:0;z-index:36;left:0;right:0;width:100%;height:63px;border-bottom:1px solid #f0f1f3;border-radius:0;background:#fff;padding:0 20px;box-shadow:0 2px 6px #00000007;display:none}.top-search.mobile-open{display:flex}.top-search input{font-size:14px}.top-search #clearSearch{display:block!important}.layout{display:block;max-width:none;padding:0 0 72px}.nav-left{display:none}.feed-column{width:100%}.mobile-title{display:flex;background:#fff;align-items:center;justify-content:space-between;height:59px;padding:0 19px}.mobile-title>div{display:flex;align-items:baseline;gap:9px}.mobile-title strong{color:#f79013;letter-spacing:-1px;font-size:24px;font-weight:900}.mobile-title span{color:#9fa2aa;font-size:10px}.mobile-title button{background:#f6f7f9;border:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#6c747e}.mobile-title button svg{width:18px;height:18px}.feed-tabs{position:sticky;top:0;z-index:25;border-radius:0;gap:0;height:46px;justify-content:space-around;padding:0 9px}.feed-tab{font-size:14px;padding:0 12px}.hero{min-height:233px;padding:25px 18px 22px}.hero-eyebrow{font-size:9px;letter-spacing:1.2px}.hero-copy{flex-basis:68%}.hero h1{font-size:23px;margin:13px 0 7px}.hero p{font-size:11px;line-height:1.75;margin-bottom:13px}.hero-art{width:32%}.hero-art img{width:140px;height:160px;max-width:none;transform:rotate(8deg) translate(7px,5px)}.hero-sticker{font-size:7px;left:-15px;bottom:12px;padding:7px}.hero-sticker b{font-size:16px}.topic-strip{border-top-width:8px;padding:16px 17px}.topic-head>span{font-size:10px}.topic-head h2{font-size:14px}.stream{margin-top:8px}.stream-heading{padding:15px 18px}.stream-heading h2{font-size:16px}.post{padding:17px 16px 0;border-bottom:8px solid #f5f6f8}.post-title{font-size:17px}.post-desc{font-size:13px}.post-media{grid-template-columns:1fr 33%;max-height:238px;min-height:184px;gap:6px}.post-media .media-text{padding:12px}.post-media .media-text strong{font-size:15px}.post-actions{margin:0 -16px}.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(57px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eeeeef;box-shadow:0 -4px 16px #00000008}.bottom-item{background:#fff;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#8d929c}.bottom-item svg{width:21px;height:21px}.bottom-item.active{color:#fa880a;font-weight:750}.about-panel{margin:10px 12px;border-radius:12px}.footer{padding-bottom:18px}.overlay{padding:0;align-items:flex-end}.modal{border-radius:18px 18px 0 0;width:100%;max-height:88dvh}.detail-art{max-height:235px}.detail-content-body{padding:20px}.detail-content-body h2{font-size:21px}.saved-modal{padding:23px}.toast{bottom:82px}}
@media(max-width:380px){.hero{min-height:226px}.hero h1{font-size:21px}.hero-copy{flex-basis:68%}.hero-art img{width:122px;height:151px}.hero-sticker{left:-8px}.post-media{grid-template-columns:1fr 33%;max-height:208px;min-height:177px}.post-media .media-text strong{font-size:13px}.topic-head>span{max-width:99px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-tab{padding:0 8px}.hero p{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}