@import url('/assets/css/base/comm.css');
:root{--ink:#171d45;--muted:#68718d;--pink:#f44860;--pink2:#ff728a;--line:#ece5f4;--shadow:0 10px 28px rgba(91,67,133,.11);--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.55 "PingFang SC","Microsoft YaHei",system-ui,sans-serif;background-color:#fbf3ff;background-image:linear-gradient(125deg,rgba(255,231,242,.78),rgba(238,231,255,.8)),linear-gradient(rgba(255,255,255,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.62) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;background-attachment:fixed}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.kfc-top{position:sticky;top:0;z-index:20;height:58px;background:#ffffffdf;backdrop-filter:blur(14px);border-bottom:1px solid #eee5f3}.top-inner{height:100%;width:min(1440px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:8px;font-size:25px;font-style:italic;font-weight:950}.brand img{width:42px;height:42px;object-fit:contain}.brand span{color:var(--pink)}.nav{display:flex;align-items:center;gap:15px;margin:auto}.nav a{padding:8px 13px;border-radius:99px;font-weight:750;color:#23274b;white-space:nowrap}.nav a span{margin-left:5px}.nav .nav-current{color:#fff;background:linear-gradient(110deg,#ff6b78,#ed3f5b);box-shadow:0 5px 13px #ee405333}.login{display:flex;gap:8px;padding:8px 18px;border-radius:99px;background:linear-gradient(110deg,#ff6b78,#ed3f5b);color:white;font-weight:750}.page-shell{width:min(1440px,calc(100% - 48px));margin:auto}.hero{height:220px;margin:0 auto 14px;padding:18px 34px;border:1px solid #fff;border-radius:0 0 22px 22px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 70%,#fff9c982,transparent 28%),linear-gradient(105deg,#fff4f8e8,#fbe5f4cc 57%,#f4e9ffed);box-shadow:var(--shadow)}.hero-copy{z-index:2}.eyebrow{font-size:12px;font-weight:800;color:#b95672;letter-spacing:.04em}.hero h1{font-size:36px;line-height:1.16;margin:4px 0 8px;letter-spacing:-.035em}.hero h1 span{color:var(--pink)}.hero p{margin:0;color:#5d6682;font-size:15px}.hero-cta{display:inline-flex;align-items:center;gap:18px;margin-top:10px;padding:9px 23px;color:#fff;border-radius:99px;background:linear-gradient(105deg,#ff6b79,#f03d59);box-shadow:0 5px 13px #ef4c653b;font-weight:850}.hero-note{margin-left:12px;color:#8d84a1;font-size:11px}.hero-art{position:absolute;inset:0 0 0 43%;overflow:hidden;background:radial-gradient(ellipse at 65% 100%,#ffc9a7 0,transparent 43%)}.hero-art:before,.hero-art:after{content:"";position:absolute;width:300px;height:300px;right:26%;top:-190px;border:2px dashed #f9a2af;border-radius:50%}.hero-art:after{width:380px;height:380px;right:23%;top:-230px}.hero-bucket{position:absolute;right:31%;bottom:-24px;width:146px;height:163px;transform:rotate(-7deg);clip-path:polygon(7% 12%,92% 12%,80% 100%,20% 100%);background:linear-gradient(90deg,#f64358,#ff6571);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center;font-weight:950;font-size:23px;line-height:1.1;filter:drop-shadow(0 8px 9px #b33f6260)}.hero-bucket span{font-size:53px;line-height:1.1}.hero-doodle{position:absolute;font-size:90px;filter:drop-shadow(0 6px 2px #ca607455)}.dog{right:65%;bottom:-2px}.people{right:10%;bottom:-12px;font-size:106px}.hero-sticker{position:absolute;right:7%;top:22px;padding:12px 20px;background:#fffbe8;border:3px solid #252342;border-radius:50%;font-weight:900;text-align:center;transform:rotate(6deg);box-shadow:4px 4px 0 #f19b72}.hero-sticker b{color:#e64658}.hero-art>i{position:absolute;right:46%;top:23px;color:#ffbb33;font-size:48px}.sunburst{position:absolute;top:8px;left:22%;color:#ffbc31;font-size:42px}.columns{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(330px,.98fr);gap:14px;align-items:start}.left-column,.right-column{display:flex;flex-direction:column;gap:13px;min-width:0}.panel{background:#ffffffed;border:1px solid #fff;border-radius:20px;box-shadow:var(--shadow);padding:16px}.feature-panel{padding:14px 17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 9px;border-bottom:1px solid #f0e9f4}.section-heading h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.03em}.crown{color:#ffb528}.outline-button,.reaction-count{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border:1px solid #eddae8;border-radius:99px;background:#fff;color:#252b4c;font-weight:750;white-space:nowrap}.outline-button:hover{border-color:#ff91a2;color:#ee405e}.section-heading>.outline-button{color:var(--pink);border-color:#ff9baa;box-shadow:0 3px 7px #f7496013}.feature-story{display:grid;grid-template-columns:minmax(235px,.98fr) minmax(270px,1fr);gap:15px;margin-top:8px;padding:6px;border-radius:17px;background:linear-gradient(120deg,#fff,#fff8fc);border:1px solid #eee3f2;box-shadow:0 4px 9px #51427d10}.feature-photo{min-height:250px;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,#ffd6bc,#b8c8d8);display:grid;place-items:center}.feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:4px 4px 4px 0}.feature-copy h3{font-size:27px;line-height:1.25;margin:0 0 10px}.feature-copy h3:after{content:"";display:block;width:110px;height:4px;background:#ff4d6b;border-radius:9px;margin-top:7px;transform:rotate(-2deg)}.setup-copy{margin:0;padding:12px 14px;border-radius:15px;background:#f1f3ff;color:#222a4d;font-size:16px;line-height:1.6}.punchline{display:block;margin-top:9px;padding:13px 15px;border-radius:17px 17px 17px 6px;background:linear-gradient(105deg,#ff6a73,#ef3d58);color:#fff;font-size:21px;line-height:1.42;font-weight:900;box-shadow:0 5px 12px #e83c5835;transform:rotate(-.5deg)}.feature-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px}.primary-button{border:0;border-radius:99px;padding:9px 19px;color:#fff;font-weight:850;background:linear-gradient(105deg,#ff6c78,#f13c5a);box-shadow:0 5px 12px #f1426025}.reaction-count{padding:7px 12px;background:#fbfaff}.feature-actions small{margin-left:auto;color:#777f99;font-size:11px}.list-heading{align-items:flex-start}.list-heading h2{white-space:nowrap}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.filters button,.align-options button,.layout-options button{border:0;padding:7px 12px;border-radius:99px;background:#f5f3f8;color:#343b59;font-weight:700;font-size:12px}.filters button.active,.filters button:hover{background:linear-gradient(100deg,#ff6979,#f03e5b);color:white}.story-row{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eeeaf2}.story-row:last-child{border-bottom:0}.story-thumb{height:76px;border-radius:11px;overflow:hidden;position:relative;background:linear-gradient(135deg,#ffe1ca,#d4d5ef)}.story-thumb img{width:100%;height:100%;object-fit:cover}.story-row h3{margin:0 0 3px;font-size:15px}.story-row p{margin:0;color:#65708b;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.story-row strong{display:block;color:#ef405b;font-size:12px;margin-top:3px}.row-share{padding:7px 12px;border:1px solid #ff9aaa;border-radius:99px;background:#fff;color:#ef405b;font-size:12px;font-weight:800;white-space:nowrap}.mock-note{margin:8px 2px 0;color:#8c8ca1;font-size:10px}.trending-panel,.reaction-panel{padding:15px}.trending-row{display:grid;grid-template-columns:135px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #eeeaf2}.trending-row:last-child{border-bottom:0}.trending-photo{position:relative;height:90px;border-radius:11px;overflow:hidden;background:#f9daca}.trending-photo img{width:100%;height:100%;object-fit:cover}.rank-badge{position:absolute;top:4px;left:5px;width:25px;height:25px;border-radius:9px;background:#ffd44d;color:#994814;text-align:center;font-weight:900;box-shadow:0 1px 3px #4445}.trending-copy{min-width:0}.trending-copy b{font-size:14px}.trending-copy p{font-size:11px;line-height:1.4;margin:3px 0;color:#626b83}.trending-copy strong{font-size:11px;color:#f0445e}.share-count{background:#fff0f5;color:#ef4864;padding:5px 8px;border-radius:99px;font-size:11px;white-space:nowrap}.reaction-panel .section-heading a{font-weight:700;font-size:12px}.reaction-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding-top:10px}.reaction-thumb{min-width:0}.reaction-thumb button{width:100%;height:94px;padding:0;border:0;border-radius:10px;overflow:hidden;background:linear-gradient(130deg,#ffd2c4,#d4dbf2)}.reaction-thumb img{width:100%;height:100%;object-fit:cover}.reaction-thumb span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#ed4965;font-weight:700;font-size:10px;padding-top:4px}.batch-panel{padding:13px 15px}.batch-panel .section-heading{padding-bottom:5px}.batch-panel h2{font-size:16px}.batch-panel p{font-size:12px;margin:8px 0 3px}.batch-panel small{font-size:10px;color:#858ca1}.mock-pill{padding:4px 9px;border-radius:99px;background:#fff2e8;color:#bd6b35;font-size:10px;font-weight:800}.footer{text-align:center;padding:28px;color:#908da0;font-size:12px}
.share-dialog{position:fixed;width:min(840px,calc(100% - 24px));max-height:92vh;overflow-y:auto;border:1px solid #f0e4f2;border-radius:22px;padding:20px;background:#fff;box-shadow:0 20px 80px #27204a40;color:var(--ink)}.share-dialog::backdrop{background:#211d3b77;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-kicker{font-size:11px;color:#e54c6c;font-weight:850}.dialog-head h2{font-size:22px;margin:0}.dialog-close{width:36px;height:36px;border:0;border-radius:50%;background:#f7f3fa;font-size:25px;color:#57566c}.share-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-top:14px}.share-tabs button{padding:10px 16px;border:0;border-bottom:2px solid transparent;background:none;color:#6d7187;font-weight:800}.share-tabs button.active{border-bottom-color:#f04863;color:#ed405e}.share-view{padding-top:14px}.text-preview{padding:20px;border-radius:15px;background:#fbfaff;border:1px solid #eee9f3}.post-author{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:850}.post-author img{width:37px;height:37px;object-fit:contain}.post-author small{display:block;color:#8b8fa2;font-size:10px;font-weight:500}.text-preview h3{font-size:20px;margin:0 0 8px}.text-preview p{margin:5px 0;line-height:1.65}.text-preview strong{display:block;margin-top:8px;color:#ef405b;font-size:17px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}.image-tools{display:grid;gap:8px}.tool-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px solid #eeeaf2;border-radius:12px;background:#fcfbfe}.tool-row>span{width:72px;font-size:12px;font-weight:850}.layout-options,.align-options{display:flex;gap:5px;flex-wrap:wrap}.layout-options button.selected,.align-options button.selected{background:#ffe9ef;color:#e74762;box-shadow:inset 0 0 0 1px #ff9eac}.tool-row label{display:flex;align-items:center;gap:5px;font-size:11px;color:#636d84}.tool-row input{width:84px;accent-color:#ed4965}.compact{padding:6px 10px;font-size:11px}.canvas-wrap{display:flex;justify-content:center;padding:15px 0}.share-card{width:min(680px,100%);aspect-ratio:1.55;position:relative;overflow:hidden;border-radius:17px;background:#fff;border:1px solid #f0e7f0;box-shadow:0 7px 20px #29244718;display:flex}.share-card-photo{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8d8c8,#c9d2e9);min-width:0}.share-card-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.share-card-photo span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#786e83;font-size:32px}.share-card-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;overflow:auto;padding:20px 22px;background:#fff}.share-card-label{color:#ec4a64;font-size:11px;font-weight:900;letter-spacing:.06em}.share-card-copy h3{font-size:21px;line-height:1.3;margin:5px 0 8px}.share-card-copy p{margin:0;color:#29304b;font-size:14px;line-height:1.55}.share-card-copy strong{margin-top:9px;padding:9px 11px;border-radius:12px;background:linear-gradient(105deg,#ff6978,#ef4059);color:white;font-size:16px;line-height:1.4}.layout-top,.layout-bottom{flex-direction:column}.layout-top .share-card-photo,.layout-bottom .share-card-photo{height:48%;width:100%}.layout-top .share-card-copy,.layout-bottom .share-card-copy{height:52%;width:100%;padding:12px 18px}.layout-bottom{flex-direction:column-reverse}.layout-left,.layout-right{align-items:stretch}.layout-left .share-card-photo,.layout-right .share-card-photo{width:42%;height:100%;flex:none}.layout-left .share-card-copy,.layout-right .share-card-copy{width:58%;height:100%;padding:14px}.layout-right{flex-direction:row-reverse}.layout-background .share-card-photo{position:absolute;inset:0;width:100%;height:100%}.layout-background .share-card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171b35b5,#171b3555 60%,#171b3510)}.layout-background .share-card-copy{width:76%;height:100%;background:transparent;color:white}.layout-background .share-card-copy p{color:white}.layout-background .share-card-copy strong{text-shadow:none}.watermark{position:absolute;z-index:3;right:10px;bottom:8px;color:#fff;font-size:13px;font-weight:850;text-shadow:0 1px 4px #111;pointer-events:none}.layout-background .watermark{color:white}.image-actions{align-items:center}.toast{position:sticky;bottom:4px;text-align:center;color:#fff;background:#252a48;border-radius:99px;padding:8px 16px;width:max-content;max-width:100%;margin:12px auto 0;opacity:0;pointer-events:none;transition:opacity .18s}.toast.show{opacity:1}
@media(max-width:950px){.page-shell,.top-inner{width:calc(100% - 28px)}.hero{height:205px;padding-left:24px}.hero h1{font-size:31px}.hero-art{left:48%}.hero-sticker{right:4%;font-size:12px}.columns{grid-template-columns:minmax(0,1.45fr) minmax(285px,.9fr)}.feature-story{grid-template-columns:minmax(180px,.8fr) minmax(230px,1fr)}.feature-photo{min-height:230px}.feature-copy h3{font-size:22px}.punchline{font-size:18px}.trending-row{grid-template-columns:90px minmax(0,1fr)}.trending-photo{height:76px}.share-count{grid-column:2;justify-self:start}.story-row{grid-template-columns:100px 1fr auto}.story-thumb{height:70px}}
@media(max-width:700px){body{font-size:14px}.kfc-top{height:auto;min-height:54px}.top-inner{width:calc(100% - 20px);height:auto;min-height:54px;flex-wrap:wrap;gap:0 8px;padding:5px 0}.brand{order:0;font-size:19px;gap:5px}.brand img{width:34px;height:34px}.nav{order:2;flex:none;width:100%;gap:2px;justify-content:space-between;margin:3px 0 0;padding-top:3px;border-top:1px solid #f0e8f2}.nav a{padding:5px 4px;font-size:11px}.nav a span{display:inline!important;margin-left:2px}.login{order:1;margin-left:auto;padding:7px 11px;font-size:12px}.page-shell{width:calc(100% - 18px)}.hero{height:188px;margin-bottom:10px;padding:15px;border-radius:0 0 17px 17px;align-items:flex-start}.hero-copy{max-width:75%}.eyebrow{font-size:10px}.hero h1{font-size:25px;margin:6px 0}.hero p{font-size:12px}.hero-cta{font-size:12px;padding:8px 13px;margin-top:8px}.hero-note{display:block;margin:5px 0;font-size:9px}.hero-art{left:55%;opacity:.85}.hero-bucket{right:27%;width:100px;height:116px;font-size:17px}.hero-bucket span{font-size:37px}.hero-doodle{font-size:57px}.dog{right:63%}.people{right:0;font-size:63px}.hero-sticker{right:2%;top:20px;padding:6px 8px;font-size:9px;border-width:2px}.hero-art>i,.sunburst{font-size:29px}.columns{display:flex;flex-direction:column;gap:10px}.left-column,.right-column{width:100%;gap:10px}.panel{border-radius:16px;padding:12px}.feature-panel{padding:11px}.section-heading h2{font-size:19px}.feature-story{grid-template-columns:1fr;gap:9px;padding:5px}.feature-photo{min-height:200px;height:52vw;max-height:300px}.feature-copy{padding:5px}.feature-copy h3{font-size:22px;margin-bottom:8px}.setup-copy{font-size:14px;padding:10px 11px}.punchline{font-size:18px;padding:10px 12px}.feature-actions{gap:6px}.feature-actions .primary-button,.feature-actions .outline-button{padding:8px 12px;font-size:12px}.reaction-count{padding:7px 9px;font-size:11px}.feature-actions small{width:100%;text-align:right}.list-heading{display:block}.list-heading h2{margin-bottom:8px}.filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:1px 0 4px}.filters button{white-space:nowrap;padding:7px 10px}.story-row{grid-template-columns:87px minmax(0,1fr);gap:9px;padding:9px 0}.story-thumb{grid-row:1 / 3;height:72px}.story-row h3{font-size:13px}.story-row p{font-size:11px}.story-row strong{font-size:11px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.row-share{grid-column:2;justify-self:start;padding:5px 10px}.right-column{display:grid;grid-template-columns:1fr}.trending-row{grid-template-columns:95px minmax(0,1fr) auto;gap:8px}.trending-photo{height:77px}.trending-copy b{font-size:12px}.trending-copy p{font-size:10px}.trending-copy strong{font-size:10px}.share-count{grid-column:auto;font-size:9px;padding:4px 6px}.reaction-thumb button{height:85px}.share-dialog{padding:14px;border-radius:17px}.dialog-head h2{font-size:19px}.tool-row>span{width:100%}.tool-row label{flex:1}.tool-row input{flex:1}.layout-options button{padding:6px 9px}.share-card{aspect-ratio:.94;max-width:420px}.share-card-copy{padding:11px!important}.share-card-copy h3{font-size:16px}.share-card-copy p{font-size:11px}.share-card-copy strong{font-size:13px;padding:7px}.layout-left .share-card-photo,.layout-right .share-card-photo{width:38%}.layout-left .share-card-copy,.layout-right .share-card-copy{width:62%}.layout-background .share-card-copy{width:88%}.image-actions{justify-content:center}.image-actions button{font-size:11px;padding:8px 11px}}
@media(max-width:390px){.nav a{padding:6px;font-size:11px}.brand b{font-size:17px}.login{padding:6px 8px}.hero h1{font-size:22px}.hero-copy{max-width:80%}.share-count{display:none}}

/* Use the supplied artwork as the entire KFC hero banner. */
.hero.kfc-image-banner{height:auto;aspect-ratio:6.2/1;margin:14px auto;padding:0;border:0;border-radius:0 0 22px 22px;background:transparent;box-shadow:none;display:block;overflow:hidden}
.kfc-image-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
@media(max-width:700px){.hero.kfc-image-banner{aspect-ratio:6.2/1;margin:10px auto;border-radius:0 0 17px 17px}}
.layout-top .share-card-copy,.layout-bottom .share-card-copy{width:72%;align-self:center}
.layout-background .share-card-copy{width:76%;align-self:center}

/* 图片容器保留柔和渐变底色，外链加载失败时不显示破图图标。 */
.story-thumb,.trending-photo,.reaction-thumb button{position:relative}
.story-thumb img,.trending-photo img,.reaction-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rank-badge{z-index:1}


/* Match ITDOG's shared content grid instead of letting this page stretch wider. */
.page-shell{width:min(1240px,calc(100% - 48px))}
.story-submit-dialog{width:min(600px,calc(100% - 24px));max-height:min(90vh,820px);overflow:auto;padding:22px;border:1px solid #fff;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #25234440}
.story-submit-dialog::backdrop{background:#24233e66;backdrop-filter:blur(3px)}
.story-submit-dialog form{display:grid;gap:12px}
.story-submit-dialog .dialog-head{margin-bottom:0}
.submit-intro{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.submit-field{display:grid;gap:5px;color:#343c5b;font-size:12px;font-weight:750}
.submit-field input,.submit-field textarea{width:100%;min-width:0;border:1px solid #e3deec;border-radius:10px;background:#fff;padding:10px 12px;color:var(--ink);font:inherit;font-size:14px;outline:0}
.submit-field input:focus,.submit-field textarea:focus{border-color:#f47792;box-shadow:0 0 0 3px #f477921c}
.submit-field textarea{min-height:92px;resize:vertical;line-height:1.6}
.submit-notice{min-height:18px;margin:0;color:#63806c;font-size:12px}
.submit-notice.is-error{color:#df465d}
.story-submit-dialog .dialog-actions{justify-content:flex-end}
.story-submit-dialog button:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.page-shell{width:calc(100% - 24px)}.story-submit-dialog{padding:17px;border-radius:16px}}

/* Compact, paginated story lists follow the community post-feed rhythm. */
.story-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 4px 4px}
.story-pagination[hidden]{display:none}
.story-pagination button{min-width:30px;height:30px;padding:0 8px;border:1px solid #e1e6ef;border-radius:7px;background:#fff;color:#54627b;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.story-pagination button:hover:not(:disabled):not([aria-current=page]){border-color:#ff9aaa;color:#ed405e}
.story-pagination button[aria-current=page]{border-color:#fb5e71;background:#fb5e71;color:#fff}
.story-pagination button:disabled{opacity:.42;cursor:default}
.trending-row.text-only{grid-template-columns:27px minmax(0,1fr);align-items:start;gap:9px;padding:10px 2px}
.trending-rank{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#fff0e8;color:#ef6b50;font-size:10px;font-weight:850}
.trending-row.text-only:nth-child(n+4) .trending-rank{background:#f4f3fa;color:#79758d}
.trending-copy{min-width:0}
.trending-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trending-copy p{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:#68738b;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.story-row-copy{min-width:0}
.story-row h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share-card-copy strong{padding:0;border-radius:0;background:none;color:#ff365d;box-shadow:none;text-shadow:none}
.share-card-photo img[hidden]{display:none}

.dialog-close{display:grid;place-items:center;position:relative;flex:0 0 36px;padding:0;line-height:0;font-size:0;transition:background-color .16s ease,transform .16s ease}
.dialog-close::before,.dialog-close::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2.5px;border-radius:2px;background:#57566c;transform:translate(-50%,-50%) rotate(45deg);transition:background-color .16s ease}
.dialog-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.dialog-close:hover{background:#ffe8ee;transform:rotate(90deg)}
.dialog-close:hover::before,.dialog-close:hover::after{background:#e74662}
.dialog-close:focus-visible{outline:2px solid #ed4965;outline-offset:2px}
@media(max-width:700px){.story-pagination{gap:4px;padding-top:8px}.story-pagination button{min-width:28px;height:28px;padding:0 7px}.trending-row.text-only{grid-template-columns:24px minmax(0,1fr);gap:8px;padding:8px 1px}.trending-rank{width:22px;height:22px}.trending-copy p{font-size:10px;-webkit-line-clamp:3}}
.share-dialog{max-height:min(88vh,760px);padding:15px;scrollbar-width:none}
.share-dialog::-webkit-scrollbar{display:none}
.share-view{padding-top:9px}
.dialog-actions{gap:7px;margin-top:8px}
.image-tools{gap:5px}
.tool-row{gap:7px;padding:5px 8px}
.tool-row>span{width:66px}
.canvas-wrap{padding:5px 0}
.share-card{width:min(620px,100%);aspect-ratio:1.8}
@media(max-width:700px){.share-dialog{max-height:90vh;padding:12px}.share-card{max-width:420px}.canvas-wrap{padding:4px 0}.tool-row{padding:5px 7px}}
.trending-row.text-only{grid-template-columns:27px minmax(0,1fr) auto}
.trending-share{align-self:center;padding:5px 9px;border:1px solid #ff9aaa;border-radius:99px;background:#fff;color:#ef405b;font-size:10px;font-weight:800;white-space:nowrap}
.trending-share:hover{background:#fff1f4;border-color:#f36d82}
@media(max-width:700px){.trending-row.text-only{grid-template-columns:24px minmax(0,1fr) auto}.trending-share{padding:5px 8px;font-size:10px}}

/* 分享卡片完整呈现表情图，图片区留白与文字区统一为白底。 */
.share-card-photo{background:#fff}
.share-card-photo img{object-fit:contain;background:#fff}
.share-card-copy{background:#fff}

/* Keep story endings visually neutral so the twist stays unexpected. */
.story-row strong{color:#65708b;font-weight:500}
.trending-copy strong{color:#626b83;font-weight:500}
.text-preview strong{color:#343b59;font-size:inherit;font-weight:500;line-height:1.65}
.share-card-copy strong{margin-top:9px;padding:0;border-radius:0;background:none;color:#29304b;font-size:14px;font-weight:500;line-height:1.55;box-shadow:none;text-shadow:none}
@media(max-width:700px){.share-card-copy strong{font-size:11px}}

/* Keep the image/text split fixed; the width slider affects copy only. */
.share-card-copy{text-align:left}
.share-card-copy>*{width:var(--share-text-width,90%);max-width:100%;min-width:0}