/* CreatorProfile.css — 移植自 vipbic.com /u/yanghang 内联样式（inline-0.css / inline-1.css / inline-2.css）。
 * 逐条移植 public-* / creator-* / site-*（nav-jelly, hz-report）相关规则，@media 全量保留，已去除 data-v scope。
 * --hz-font-min / --hz-radius-shell 已在 src/app/globals.css 定义，此处不重复声明。 */

.creator-center,.public-creator-profile{--creator-ink:#111113;--creator-muted:#777980;--creator-line:#1a1a1f13;--creator-lime:#dfff48;--creator-violet:#eeebff;--creator-mint:#e9f8f2;--creator-peach:#fff0e9;color:var(--creator-ink)}
.creator-library-empty{color:#898a91;background:#f7f7f9;border-radius:18px;align-content:center;place-items:center;gap:10px;min-height:260px;display:grid}
.creator-library-empty button{color:#687e18;cursor:pointer;background:0 0;border:0}
.public-creator-profile{border-top:1px solid var(--creator-line);background:#fdfdfc;margin:0 clamp(-56px,-3vw,-18px);padding:0 clamp(42px,5.6vw,94px) 28px}
.public-profile-hero{border:1px solid var(--creator-line);background:radial-gradient(circle at 70% 12%,#e2dfff8c,#0000 34%),linear-gradient(145deg,#fff,#fafbff);border-radius:28px;grid-template-columns:minmax(520px,1fr) minmax(370px,.95fr) minmax(210px,.45fr);align-items:center;min-height:390px;padding:36px 28px 94px;display:grid;position:relative;overflow:hidden}
.public-profile-identity{z-index:3;gap:32px;display:flex;position:relative}
.public-profile-avatar{color:#0000;background:radial-gradient(circle at 50% 26%,#ffd4b3 0 17%,#0000 18%),radial-gradient(circle at 50% 35%,#28232d 0 28%,#0000 29%),linear-gradient(145deg,#eee 0 45%,#23242c 46%);border-radius:50%;flex:none;place-items:center;width:162px;height:162px;display:grid;position:relative}
.public-profile-avatar:after{border-radius:inherit;content:"";background:linear-gradient(145deg,#ffffff59,#0000 50%);position:absolute;inset:0}
.public-profile-avatar i{z-index:2;background:#78d500;border:4px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;bottom:12px;right:8px}
.public-profile-copy{padding-top:2px}
.public-profile-copy>small{color:#75767d;font-size:var(--hz-font-min);letter-spacing:.08em}
.public-profile-copy>small b{color:#b1b2b8;margin:0 7px}
.public-profile-copy h1{letter-spacing:-.055em;margin:13px 0 8px;font-size:clamp(38px,3.5vw,54px)}
.public-profile-copy>p{color:#686970;max-width:500px;margin:0;line-height:1.7}
.public-profile-copy>ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}
.public-profile-copy>ul li{font-size:var(--hz-font-min);background:#e4f7f1;border-radius:999px;padding:6px 12px}
.public-profile-copy>ul li:nth-child(2){background:#eeeaff}
.public-profile-copy>ul li:nth-child(3){background:#efffb0}
.public-profile-actions{align-items:center;gap:10px;display:flex}
.public-profile-actions button{color:#fff;cursor:pointer;background:#171719;border:0;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 18px;display:inline-flex}
.public-profile-actions button:disabled{color:#777981;cursor:not-allowed;background:#ececef}
.public-profile-actions button.secondary{color:#171719;background:#fff;border:1px solid #d8d9dd}
.public-profile-actions a{font-size:var(--hz-font-min);align-items:center;gap:6px;margin-left:8px;display:inline-flex}
.public-profile-visual{z-index:2;height:240px;position:relative}
.public-route-map{background:linear-gradient(150deg,#fffc,#c0beff57 56%,#dfff4838);border:1px solid #c9c6ef;border-radius:46% 54% 40% 60%;width:92%;height:42%;position:absolute;bottom:12%;right:3%;transform:rotate(-5deg)skewY(5deg);box-shadow:0 22px 34px #6460b226}
.public-route-map i{background:#b9b5ed;width:1px;height:80%;position:absolute;top:10%;left:30%;transform:rotate(18deg)}
.public-route-map i:nth-child(2){left:66%;transform:rotate(-16deg)}
.public-route-map b{border-bottom:2px dashed #7270da;border-radius:50%;width:68px;height:25px;position:absolute;bottom:20%;right:18%;transform:rotate(-12deg)}
.public-compass{z-index:2;background:radial-gradient(circle,#fff 0 45%,#bebaff59 46% 59%,#fffc 60%);border:6px solid #b2acf573;border-radius:50%;width:180px;height:180px;position:absolute;top:5%;left:20%;transform:rotate(12deg);box-shadow:inset 0 0 0 2px #6966c538,0 25px 40px #5c57b72e}
.public-compass:after,.public-compass:before{content:"";background:#c0bde9;width:76%;height:1px;position:absolute;top:50%;left:12%}
.public-compass:after{transform:rotate(90deg)}
.public-compass i{z-index:2;clip-path:polygon(50% 0,100% 100%,50% 74%,0 100%);background:linear-gradient(145deg,#dfff48 0 48%,#6665d9 49%);width:25px;height:66px;position:absolute;top:17%;left:43%;transform:rotate(39deg)}
.public-compass b{z-index:3;background:#a8a9ad;border:4px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:46%;left:46%}
.public-compass span{border:1px dashed #c7c3eb;border-radius:50%;position:absolute;inset:20px}
.public-orbit{z-index:1;border:1px solid #d4d2e8;border-radius:50%;position:absolute}
.public-orbit-one{width:95%;height:72%;top:6%;left:5%;transform:rotate(-10deg)}
.public-orbit-two{width:70%;height:48%;top:30%;left:13%;transform:rotate(13deg)}
.public-orbit-dot{z-index:3;background:#9b94ed;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute}
.public-orbit-dot.dot-one{background:var(--creator-lime);top:8px;right:20%}
.public-orbit-dot.dot-two{background:#6ec8be;bottom:40%;right:2%}
.public-orbit-dot.dot-three{background:#bccf39;bottom:20%;left:4%}
.public-profile-hero blockquote{z-index:2;margin:0;font-weight:650;line-height:1.6;position:relative}
.public-profile-hero blockquote:before{color:#b8b2ff;content:"“";font-size:46px;line-height:.6;display:block}
.public-journey-strip{z-index:5;background:linear-gradient(90deg,#f4f2ffeb,#fffffff0 45%,#eefbf7eb);border:1px solid #24242a0f;grid-template-columns:160px repeat(4,1fr);align-items:center;gap:8px;min-height:72px;padding:8px 20px;display:grid;position:absolute;left:5.5%;right:5.5%;overflow:hidden;box-shadow:0 10px 24px #48495e0d}
.public-journey-strip header{gap:3px;display:grid}
.public-journey-strip header small{color:#7770d2;font-size:var(--hz-font-min);letter-spacing:.08em}
.public-journey-strip header strong{font-size:14px}
.public-journey-strip>div{z-index:2;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}
.public-journey-strip>div>i{color:#7169dc;background:#ddd8ff;border:7px solid #ffffffb3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 1px #4a4a520f}
.public-journey-strip>div>i.lime{color:#7ca000;background:#efffb0}
.public-journey-strip>div>i.mint{color:#20a67a;background:#dff6ee}
.public-journey-strip>div>i.yellow{color:#d89700;background:#fff4ce}
.public-journey-strip p{gap:1px;margin:0;display:grid}
.public-journey-strip p small{color:#84858b}
.public-journey-route{opacity:.8;border-top:1px solid #d8d8dd;border-radius:50%;height:26px;position:absolute;bottom:20px;left:160px;right:30px}
.public-profile-tabs{border-bottom:1px solid var(--creator-line);gap:28px;margin:0 min(34%,410px) 0 28px;display:flex}
.public-profile-tabs button{color:#777980;cursor:pointer;background:0 0;border:0;min-height:54px;padding:0 2px;position:relative}
.public-profile-tabs button small{color:#a1a2a8;margin-left:3px}
.public-profile-tabs button:after{content:"";background:#171719;border-radius:999px;height:3px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}
.public-profile-tabs button.active{color:#171719;font-weight:700}
.public-profile-tabs button.active:after{transform:scaleX(1)}
.public-profile-content{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:34px;padding:18px 28px 0;display:grid}
.public-profile-content h2{margin:0 0 10px;font-size:16px}
.public-recent-section{margin-top:15px}
.public-recent-section>a{border:1px solid var(--creator-line);border-bottom:0;grid-template-columns:150px 1fr auto;align-items:center;gap:15px;min-height:63px;padding-right:15px}
.public-recent-section>a:first-of-type{border-radius:14px 14px 0 0}
.public-recent-section>a:last-of-type{border-bottom:1px solid var(--creator-line);border-radius:0 0 14px 14px}
.public-recent-section>a>span{align-self:stretch;position:relative;overflow:hidden}
.public-recent-section>a>span:after{content:"";border:1px solid #fff9;border-radius:50%;position:absolute;inset:25% 16%}
.public-recent-section h3{margin:0 0 5px;font-size:14px;overflow:hidden}
.public-recent-section p{color:#94959b;font-size:var(--hz-font-min);gap:11px;margin:0;display:flex}
.public-recent-section em{color:#766dd8;font-style:normal}
.public-profile-sidebar{align-content:start;display:grid}
.public-profile-sidebar>section{border:1px solid var(--creator-line);background:#fff;border-radius:16px;padding:18px}
.public-profile-sidebar h3{margin:0 0 10px;font-size:14px}
.public-about-card>p{color:#6e7077;font-size:var(--hz-font-min);margin:0;line-height:1.7}
.public-about-card footer{color:#8b8c93;gap:25px;margin-top:14px;display:flex}
.public-about-card footer span{align-items:center;gap:5px;display:flex}
.public-milestone-card>div{background:linear-gradient(90deg,#f0ffb5,#fffef3);border-radius:13px;grid-template-columns:120px 1fr;display:grid;overflow:hidden}
.public-milestone-card p{background:#dfff4861;align-content:center;gap:5px;margin:0;padding:14px;display:grid}
.public-milestone-card p span{font-size:var(--hz-font-min);align-items:center;gap:5px;font-weight:650;display:flex}
.public-milestone-card p strong{font-size:35px}
.public-milestone-card p small{font-size:13px}
.public-milestone-card ul{align-items:flex-end;gap:9px;height:80px;margin:0;padding:18px 13px 13px;list-style:none;display:flex}
.public-milestone-card li{background:#bddf27;border-radius:99px;width:6px}
.public-milestone-card li:nth-child(2n){background:#d6d6da}
.public-profile-footer{color:#999aa0;font-size:var(--hz-font-min);justify-content:center;align-items:center;gap:18px;margin-top:26px;display:flex}
.public-profile-footer span{background:#d7d7da;width:42px;height:1px}
.site-stage:has(.creator-center){padding:clamp(8px,1.2vw,20px)}
.site-shell:has(.creator-center){border-radius:var(--hz-radius-shell);background:#fdfdfd;min-height:calc(100vh - 40px);padding:0 clamp(18px,3vw,56px)}
.site-shell:has(.creator-center)>.site-footer{display:none}
.public-creator-profile{background:#fff;border-top:0;min-height:956px;margin:0;padding:0 24px;position:relative}
.public-profile-hero{background:radial-gradient(circle at 65% 18%,#e7e5ff94,#0000 36%),linear-gradient(145deg,#fff,#fbfbff);border-radius:32px;grid-template-columns:588px 445px 239px;align-items:start;gap:20px;height:410px;min-height:410px;padding:42px 88px 94px}
.public-profile-identity{gap:47px}
.public-profile-avatar{background:#ececef;width:168px;height:168px;overflow:visible;box-shadow:inset 0 0 0 6px #f4f4f5}
.public-profile-avatar:after{display:none}
.public-profile-avatar img{border-radius:inherit;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.public-profile-avatar i{border-width:3px;width:17px;height:17px;display:block;bottom:15px;right:4px;box-shadow:0 3px 9px #49700d33}
.public-profile-copy{transform:translateY(-18px)}
.public-profile-copy h1{margin:10px 0 8px}
.public-profile-copy>p{font-size:13px;line-height:1.65}
.public-profile-copy>ul{margin-top:11px}
.public-profile-actions{margin-top:20px}
.public-profile-visual{background:#f8f7ff url(/creator/public-profile-creator-navigation-v4.png) 50%/cover no-repeat;border:1px solid #837ad61f;border-radius:26px;margin-top:-20px;overflow:hidden;box-shadow:0 20px 42px #4c43991a,inset 0 0 0 1px #ffffffb8}
.public-profile-visual>*{display:none}
.public-profile-hero blockquote{margin-top:74px;padding-left:54px;font-size:18px}
.public-profile-hero blockquote:before{position:absolute;top:-12px;left:25px}
.public-journey-strip{grid-template-columns:190px repeat(4,1fr);min-height:86px;padding:10px 22px;bottom:18px;left:90px;right:90px}
.public-journey-strip>div{justify-content:flex-start;padding-left:6px}
.public-journey-strip p small{font-size:var(--hz-font-min)}
.public-journey-route{border-top:2px dashed #d1d1da}
.public-profile-tabs{background:#f6f6f8;border:1px solid #ececef;border-radius:15px;gap:4px;width:388px;height:42px;margin:12px 0 0 95px;padding:4px}
.public-profile-tabs button{border-radius:11px;flex:1;padding:0 10px}
.public-profile-tabs button:after{display:none}
.public-profile-tabs button.active{color:#fff;background:#171719;box-shadow:0 5px 14px #11111321}
.public-profile-tabs button.active small{color:#ffffffb8}
.public-profile-content h2{margin-bottom:4px}
.public-recent-section{gap:8px;margin-top:9px}
.public-recent-section h2{justify-content:space-between;align-items:center;margin-bottom:-1px;display:flex}
.public-recent-section h2:after{color:#9a9aa2;content:"LATEST STORIES";font-size:var(--hz-font-min);letter-spacing:.12em;font-weight:600}
.public-recent-section>a{background:linear-gradient(90deg,#fff,#fdfdff);border-color:#e9e9ed;border-bottom-style:solid;border-bottom-width:1px;grid-template-columns:211px 1fr auto;gap:20px;height:72px;min-height:72px;padding-right:12px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 6px 18px #23263409}
.public-recent-section>a:first-of-type,.public-recent-section>a:last-of-type{border-radius:14px}
.public-recent-section>a>span{border-radius:10px;margin:6px 0 6px 6px}
.public-recent-section>a>span:after{display:none}
.public-recent-section>a>span img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.public-recent-section h3{letter-spacing:-.015em;margin-bottom:6px}
.public-recent-section>a>svg{background:#fff;border:1px solid #e8e8ed;border-radius:50%;width:34px;height:34px;padding:8px}
.public-recent-section>a:hover{border-color:#d8d3f3;transform:translateY(-1px);box-shadow:0 10px 24px #40387b14}
.public-profile-sidebar>section{padding:18px 20px}
.public-profile-sidebar h3{font-size:16px}
.public-about-card>p{font-size:12px;line-height:1.65}
.public-about-card footer{font-size:var(--hz-font-min)}
.public-milestone-card>div{grid-template-columns:134px 1fr}
.public-profile-footer{display:none}
.public-creator-profile{min-height:960px;padding-inline:0}
.public-profile-hero{border-radius:26px;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr) minmax(140px,.4fr);gap:18px;height:399px;min-height:399px;padding:36px clamp(20px,2vw,32px) 82px}
.public-profile-identity{align-items:flex-start;gap:48px}
.public-profile-avatar{width:184px;height:184px}
.public-profile-copy{padding-top:0;transform:none}
.public-profile-copy h1{letter-spacing:-.045em;margin:16px 0 9px;font-size:42px;font-weight:600;line-height:1.15}
.public-profile-copy>p{max-width:350px}
.public-profile-actions{flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 190px);margin-top:25px;transform:none}
.public-profile-actions>.hz-report-trigger,.public-profile-actions>a,.public-profile-actions>button{white-space:nowrap;flex:none;min-width:max-content}
.public-profile-actions>a{text-overflow:ellipsis;max-width:220px;overflow:hidden}
.public-profile-visual{height:270px;box-shadow:none;background:url(/creator/public-profile-creator-hero-from-design-v5.png) 50%/cover no-repeat;border:0;border-radius:0;margin-top:-7px}
.public-profile-hero blockquote{margin-top:85px;padding-left:8px}
.public-profile-hero blockquote:before{left:8px}
.public-journey-strip{border-radius:18px;grid-template-columns:180px repeat(4,1fr);min-height:77px;padding:9px 24px;bottom:15px;left:clamp(20px,2vw,32px);right:clamp(20px,2vw,32px)}
.public-journey-strip>div>i{width:50px;height:50px}
.public-journey-strip>div{padding-left:4px}
.public-journey-strip p b{font-size:24px}
.public-journey-route{display:none}
.public-journey-strip>div:not(:last-child):after{content:"";opacity:.8;border-top:1px dashed #d1d1da;position:absolute;top:50%;left:142px;right:-12px}
.public-profile-tabs{border-radius:18px;width:411px;height:36px;margin:12px 0 0 clamp(20px,2vw,32px);padding:3px}
.public-profile-tabs button{border-radius:14px;min-height:28px}
.public-profile-content{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:clamp(24px,2.7vw,41px);padding:11px clamp(20px,2vw,32px) 0}
.public-profile-content>main{transform:none}
.public-pinned-section>h2{display:none}
.public-recent-section{-moz-column-gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-top:16px;display:grid}
.public-recent-section>header{grid-column:1/-1;justify-content:space-between;align-items:center;min-height:20px;display:flex}
.public-recent-section>header h2{margin:0;font-size:16px}
.public-recent-section>header h2 small{color:#999aa2;font-size:var(--hz-font-min);letter-spacing:.1em;font-weight:500}
.public-recent-section>header button{color:#777880;font-size:var(--hz-font-min);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}
.public-recent-section h2:after{display:none}
.public-recent-section>a{height:232px;min-height:232px;box-shadow:none;background:#fff;border-color:#e5e5ea;border-radius:14px;grid-template:124px 1fr/1fr;gap:0;padding:0;display:grid;position:relative}
.public-recent-section>a>span{border-radius:13px 13px 0 0;width:100%;height:124px;margin:0}
.public-recent-section>a>div{min-width:0;padding:12px 14px 10px}
.public-recent-section>a>div>em{color:#6f61da;font-size:var(--hz-font-min);margin:0 0 8px;font-style:normal;display:block}
.public-recent-section>a:nth-of-type(3)>div>em{color:#6158d3}
.public-recent-section>a:nth-of-type(4)>div>em{color:#36a66d}
.public-recent-section h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 17px;font-size:15px;line-height:1.25}
.public-recent-section p{gap:9px;padding-right:34px}
.public-recent-section>a>svg{position:absolute;bottom:13px;right:13px}
.public-profile-sidebar{gap:16px;margin-top:-41px}
.public-profile-actions button.secondary{background:#f5f5f7;border-color:#0000}
.public-profile-hero{border:0;box-shadow:0 14px 38px #2a274809}
.public-journey-strip{border:0;box-shadow:0 12px 30px #48495e0e}
.public-journey-strip>div:not(:last-child):after{opacity:.34}
.public-profile-tabs{border:0}
.public-article-grid>a,.public-collection-grid>a,.public-recent-section>a{background:#fafafd;border-color:#0000;box-shadow:0 8px 24px #23263409}
.public-recent-section>a>svg{background:#f0f0f3;border-color:#0000}
.public-recent-section>a:hover{border-color:#0000;box-shadow:0 12px 28px #40387b12}
.public-profile-sidebar>section{background:#fafafa;border:0}
.public-about-card footer,.public-activity-panel article small,.public-activity-panel time,.public-article-grid em,.public-article-grid footer,.public-article-grid p,.public-collection-grid li,.public-collection-grid p,.public-collection-grid small,.public-journey-strip header small,.public-journey-strip p small,.public-milestone-card p span,.public-pinned-art:before,.public-pinned-card em,.public-pinned-card footer,.public-pinned-card>div>p:first-child small,.public-pinned-card>div>p:nth-child(3),.public-pinned-cta,.public-profile-actions a,.public-profile-copy>small,.public-profile-copy>ul li,.public-profile-footer,.public-profile-tabs button small,.public-recent-section p,.public-recent-section p small,.public-recent-section>a>div>em,.public-recent-section>header button,.public-recent-section>header h2 small,.public-tab-panel>header span,.public-tab-panel>header>strong,.public-topic-dashboard li>small,.public-topic-dashboard>header p small,.public-topic-dashboard>header>b,.public-topics-card>.public-topic-dashboard li>span{font-size:12px}
.public-profile-actions button,.public-profile-tabs button{font-size:13px}
.public-profile-copy>ul li{padding:7px 13px}
.public-profile-actions a{margin-left:10px}
.public-journey-strip header{gap:4px}
.public-journey-strip p{gap:3px}
.public-profile-tabs{height:40px}
.public-profile-tabs button{min-height:32px}
.public-recent-section>a{grid-template-rows:124px 1fr;height:244px;min-height:244px}
.public-recent-section>a>div{padding:13px 14px 12px}
.public-recent-section h3{margin-bottom:12px}
.public-recent-section p{gap:10px;line-height:1.35}
.public-about-card{height:154px}
.public-about-card footer{gap:20px;line-height:1.4}
.public-milestone-card{height:162px}
@media (width>=1537px){.public-creator-profile{padding-inline:0}.public-profile-hero{grid-template-columns:minmax(0,1.115fr) minmax(0,1fr) minmax(0,.4fr);padding-inline:32px}.public-journey-strip{grid-template-columns:11.719vw repeat(4,1fr);padding-inline:24px;left:32px;right:32px}.public-profile-tabs{width:26.758vw;margin-left:32px}.public-profile-content{grid-template-columns:minmax(0,2.219fr) minmax(360px,1fr);gap:2.669vw;padding-left:32px;padding-right:32px}.public-pinned-card{grid-template-columns:42.92% 1fr}}
.site-stage:has(.creator-center-settings){padding:clamp(8px,1.2vw,20px)}
.site-shell:has(.creator-center-settings){min-height:calc(100vh - 36px)}
@media (width>=981px){.site-stage:has(.creator-center-settings){padding:clamp(8px,1.2vw,20px)}.site-shell:has(.creator-center-settings){min-height:calc(100vh - 36px)}.creator-center.creator-center-content,.creator-center.creator-center-overview,.creator-center.creator-center-settings{background:0 0;border-top:0;grid-template-columns:216px minmax(0,1fr);gap:14px;min-height:895px;margin:0}.creator-center-content .creator-center-side,.creator-center-overview .creator-center-side,.creator-center-settings .creator-center-side{border:1px solid var(--creator-line);background:#fff;border-radius:28px;align-self:start;height:895px;padding:40px 20px}.creator-center-content .creator-center-person,.creator-center-overview .creator-center-person,.creator-center-saves .creator-center-person,.creator-center-settings .creator-center-person{text-align:center;grid-template:none;justify-items:center;margin-bottom:48px;display:grid}.creator-center-content .creator-center-person .creator-avatar,.creator-center-overview .creator-center-person .creator-avatar,.creator-center-saves .creator-center-person .creator-avatar,.creator-center-settings .creator-center-person .creator-avatar{grid-row:auto;width:76px;height:76px}.creator-center-content .creator-center-person strong,.creator-center-overview .creator-center-person strong,.creator-center-saves .creator-center-person strong,.creator-center-settings .creator-center-person strong{align-self:auto;margin-top:12px;font-size:19px}.creator-center-content .creator-center-person small,.creator-center-overview .creator-center-person small,.creator-center-saves .creator-center-person small,.creator-center-settings .creator-center-person small{align-self:auto;margin-top:4px;font-size:13px}.creator-center-content .creator-center-side nav,.creator-center-overview .creator-center-side nav,.creator-center-saves .creator-center-side nav,.creator-center-settings .creator-center-side nav{gap:8px}.creator-center-content .creator-center-logout,.creator-center-content .creator-center-side nav a,.creator-center-overview .creator-center-logout,.creator-center-overview .creator-center-side nav a,.creator-center-saves .creator-center-logout,.creator-center-saves .creator-center-side nav a,.creator-center-settings .creator-center-logout,.creator-center-settings .creator-center-side nav a{gap:13px;min-height:48px;padding-inline:15px;font-size:14px}}
@media (width<=1260px){.creator-center{grid-template-columns:210px minmax(0,1fr)}.creator-center-main{padding-inline:28px}.creator-overview-grid{grid-template-columns:1.3fr .7fr}.creator-inspire-card{display:none}.creator-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-library-toolbar{grid-template-columns:1fr auto}.creator-library-toolbar>label:first-child{grid-column:1/-1}.creator-saved-grid{grid-template-columns:repeat(2,1fr)}.public-profile-hero{grid-template-columns:minmax(480px,1.15fr) minmax(340px,.85fr)}.public-profile-hero blockquote{display:none}}
@media (width<=980px){.creator-center{grid-template-columns:1fr}.creator-center-side{z-index:5;border-right:0;border-bottom:1px solid var(--creator-line);align-items:center;gap:20px;padding:18px 25px;display:flex;position:relative;overflow-x:auto}.creator-center-person{flex:none;align-items:center;gap:9px;margin:0;display:flex}.creator-center-person .creator-avatar{width:44px;height:44px}.creator-center-person strong{margin:0;font-size:14px}.creator-center-person small{display:none}.creator-center-side nav{flex:none;display:flex}.creator-center-logout,.creator-center-side nav a{flex:none;min-height:42px}.creator-center-logout{width:auto;margin-top:0}.creator-center-main{padding:32px 24px 50px}.creator-center-head{min-height:150px}.creator-stat-grid{grid-template-columns:repeat(2,1fr)}.creator-library-featured{grid-template-columns:1fr}.creator-library-featured>aside{min-height:180px}.creator-settings-layout{grid-template-columns:1fr}.creator-settings-side{grid-template-columns:repeat(2,1fr)}.creator-profile-preview{grid-column:1/-1}.public-creator-profile{padding-inline:22px}.public-profile-hero{grid-template-columns:1fr;padding-bottom:110px}.public-profile-identity{max-width:700px}.public-profile-visual{opacity:.55;width:42%;position:absolute;top:45px;right:0}.public-journey-strip{grid-template-columns:repeat(4,1fr)}.public-journey-strip header{display:none}.public-journey-route{left:30px}.public-profile-tabs{margin-right:0}.public-profile-content{grid-template-columns:1fr}.public-profile-sidebar{grid-template-columns:repeat(3,1fr)}.public-article-grid{grid-template-columns:repeat(2,1fr)}}
@media (width<=720px){.site-stage:has(.creator-center){padding:0}.site-shell:has(.creator-center){border:0;border-radius:0;min-height:100vh}.creator-center,.public-creator-profile{margin-inline:0}.creator-center-side{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 16px;display:grid;overflow:visible}.creator-center-person{grid-area:1/1;min-width:0}.creator-center-side nav{scrollbar-width:none;grid-area:2/1/auto/-1;width:100%;min-width:0;padding-bottom:2px;overflow-x:auto}.creator-center-side nav::-webkit-scrollbar{display:none}.creator-center-side nav a{min-width:max-content;padding-inline:12px}.creator-center-side nav a span{font-size:12px;display:inline}.creator-center-logout{grid-area:1/2;align-self:center;width:auto;min-height:42px;margin:0;padding-inline:12px}.creator-center-logout span{display:inline}.creator-center-main{padding:27px 16px 45px}.creator-center-head{flex-direction:column;min-height:0;padding-bottom:24px}.creator-center-head h1{font-size:35px}.creator-center-count,.creator-center-head-actions,.creator-center-saved{margin-top:0}.creator-center-head-actions{flex-wrap:wrap}.creator-stat-grid{grid-template-columns:1fr}.creator-stat-grid article{min-height:96px}.creator-overview-grid{grid-template-columns:1fr}.creator-goal-card{min-height:230px!important}.creator-recent-card{padding-inline:14px}.creator-recent-grid{grid-template-columns:1fr}.creator-recent-item{grid-template-rows:1fr;grid-template-columns:104px minmax(0,1fr);min-height:112px}.creator-recent-art{min-height:110px}.creator-table-head{display:none}.creator-table-row{grid-template-columns:1fr auto;padding-block:12px}.creator-table-row>em,.creator-table-row>span:not(:first-child){display:none}.creator-library-toolbar{flex-direction:column;align-items:stretch;display:flex}.creator-filter-list{overflow-x:auto}.creator-filter-list button{flex:none}.creator-sort{width:fit-content}.creator-stack-list{grid-template-columns:repeat(2,1fr);padding-bottom:48px;padding-right:0}.creator-saved-grid{grid-template-columns:1fr}.creator-settings-tabs{gap:18px;overflow-x:auto}.creator-settings-tabs button{flex:none}.creator-settings-form{padding:17px}.creator-settings-form>label{grid-template-columns:1fr;gap:6px}.creator-settings-form>label>span{padding-top:0}.creator-avatar-field{grid-template-columns:1fr auto}.creator-avatar-field>button{grid-column:1/-1}.creator-settings-side{grid-template-columns:1fr}.creator-settings-actions{flex-direction:column;align-items:flex-start}.creator-settings-actions>div{width:100%}.creator-settings-actions button{flex:1}.public-creator-profile{width:100%;max-width:100%;padding-inline:0;overflow:hidden}.public-profile-hero{border-radius:20px;width:100%;height:auto;min-height:620px;padding:30px 18px 255px}.public-profile-identity{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0}.public-profile-avatar{width:120px;height:120px}.public-profile-copy{width:100%;min-width:0;transform:none}.public-profile-copy h1,.public-profile-copy>p{overflow-wrap:anywhere;max-width:100%}.public-profile-actions,.public-profile-copy>ul{flex-wrap:wrap;justify-content:center}.public-profile-actions{width:100%;transform:none}.public-profile-actions a{overflow-wrap:anywhere;justify-content:center;width:100%;min-width:0;margin:3px 0 0}.public-profile-visual{opacity:.7;width:80%;height:180px;top:auto;bottom:100px;right:10%}.public-compass{width:135px;height:135px}.public-journey-strip{grid-template-columns:repeat(2,1fr);padding:10px;bottom:12px;left:12px;right:12px}.public-journey-strip>div{justify-content:flex-start}.public-journey-strip>div>i{border-width:5px;width:34px;height:34px}.public-journey-strip p b{font-size:18px}.public-journey-route{display:none}.public-profile-tabs{scrollbar-width:none;width:100%;max-width:100%;margin:0;padding:0 14px;overflow-x:auto}.public-profile-tabs::-webkit-scrollbar{display:none}.public-profile-tabs button{flex:none}.public-profile-content,.public-tab-panel{width:100%;max-width:100%;padding-inline:8px}.public-pinned-card{grid-template-columns:1fr;height:auto}.public-pinned-art{min-height:150px}.public-recent-section>a{grid-template-columns:92px 1fr auto}.public-recent-section p small:nth-last-child(-n+2){display:none}.public-article-grid,.public-collection-grid,.public-profile-sidebar{grid-template-columns:1fr}.public-tab-panel>header{flex-direction:column;align-items:flex-start}.public-activity-panel article{grid-template-columns:46px 36px 1fr}.public-activity-panel article>svg{display:none}}
@media (width<=480px){.creator-center-main{padding-inline:14px}.creator-center-head h1{overflow-wrap:anywhere;max-width:100%;font-size:32px}.creator-center-head-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.creator-center-head-actions>*{justify-content:center;width:100%}.public-profile-hero{min-height:600px;padding:26px 14px 245px}.public-profile-copy h1{font-size:34px}.public-profile-copy>ul{gap:6px}.public-profile-actions button{min-height:42px;padding-inline:15px}.public-profile-tabs{padding-inline:5px}.public-profile-tabs button{padding-inline:9px}}
@media (width<=980px){.site-stage:has(.creator-center-settings){padding:12px}.creator-center.creator-center-settings{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 96px)}.creator-center-settings .creator-center-side{padding:18px 25px}.creator-center-settings .creator-center-person{text-align:left;grid-template:none;margin:0;display:flex}.creator-center-settings .creator-center-person .creator-avatar{width:44px;height:44px}.creator-center-settings .creator-center-main{padding:32px 24px 50px}.creator-center-settings .creator-center-head{padding-left:0}.creator-center-settings .creator-settings-layout{grid-template-columns:1fr}.creator-center-settings .creator-settings-form{width:100%;height:auto}.creator-center-settings .creator-settings-side{grid-template-rows:auto;grid-template-columns:1fr;width:100%;height:auto;min-height:0}}
@media (width<=720px){.site-stage:has(.creator-center-settings){padding:0}.site-shell:has(.creator-center-settings){border:0;border-radius:0;min-height:100vh}.creator-center.creator-center-settings{margin-inline:0}.creator-center-settings .creator-center-main{padding:27px 16px 45px}.creator-center-settings .creator-center-head{height:auto;min-height:0}.creator-center-settings .creator-center-head h1{font-size:35px}.creator-center-settings .creator-settings-form{padding:20px 17px}.creator-settings-section-head>div{grid-template-columns:1fr;display:grid}.creator-settings-section-head p{margin-top:3px}.creator-settings-field-grid{grid-template-columns:1fr}.creator-settings-field-wide{grid-column:1}.creator-center-settings .creator-settings-form>label{grid-template-columns:1fr;gap:6px}.creator-center-settings .creator-settings-form>label>span{padding-top:0}.creator-center-settings .creator-avatar-field{grid-template-columns:62px minmax(0,1fr)}.creator-center-settings .creator-avatar-field .creator-avatar{width:62px;height:62px}.creator-center-settings .creator-avatar-field>button{grid-column:1/-1}.creator-avatar-picker>header{flex-direction:column;align-items:flex-start;gap:5px}.creator-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-avatar-options>button{min-height:104px}.creator-center-settings .creator-settings-side{grid-template-columns:1fr}.creator-center-settings .creator-settings-actions{height:auto;min-height:96px}.creator-security-panel>header{grid-template-columns:43px 1fr}.creator-security-panel>header>em{grid-column:1/-1;width:fit-content}.creator-two-factor-card{grid-template-columns:38px 1fr}.creator-two-factor-card>button{grid-column:1/-1;justify-content:center}.creator-account-meta{grid-template-columns:34px 1fr}.creator-account-meta a{grid-column:2}}
@media (width<=980px){.public-profile-sidebar{margin-top:0}}
@media (width<=720px){.public-journey-strip>div:after{display:none}.public-recent-section{grid-template-columns:1fr}.public-recent-section>header{grid-column:1}.public-recent-section>a{grid-template:1fr/112px minmax(0,1fr);height:96px;min-height:96px}.public-recent-section>a>span{border-radius:13px 0 0 13px;width:112px;height:94px}.public-recent-section>a>div{padding:11px 42px 9px 12px}.public-recent-section>a>div>em{margin-bottom:5px}.public-recent-section h3{margin-bottom:8px}.public-recent-section>a>svg{bottom:31px;right:9px}}
@media (prefers-reduced-motion:reduce){.creator-center *,.public-creator-profile *{scroll-behavior:auto!important;transition:none!important}}
.nav-jelly{isolation:isolate;position:relative;overflow:visible}
.nav-jelly-indicator{z-index:0;opacity:0;pointer-events:none;will-change:transform;background:#171719;border-radius:11px;display:block;position:absolute;top:0;left:0;box-shadow:0 9px 22px #17171929}
.nav-jelly .nav-jelly-link{z-index:1;will-change:transform;transition:color .15s,background-color .16s,transform .16s;position:relative;box-shadow:none!important;background:0 0!important}
.nav-jelly .nav-jelly-link.active,.nav-jelly .nav-jelly-link:active,.nav-jelly .nav-jelly-link:hover{box-shadow:none!important;background:0 0!important}
.nav-jelly .nav-jelly-link:not(.active):hover{color:#171719;box-shadow:none!important;background:0 0!important}
.nav-jelly .nav-jelly-link.active{color:#fff}
.nav-jelly:not(.is-ready) .nav-jelly-link.active{background:#171719}
.nav-jelly .nav-jelly-link:focus-visible{outline-offset:3px;outline:3px solid #aed33147}
@media (width<=1000px){.nav-jelly-indicator{display:none}}
@media (prefers-reduced-motion:reduce){.nav-jelly .nav-jelly-link{transition-duration:0s}}

/* 保真修正：/ LATEST STORIES 已由 <small> 提供，桌面端 h2:after 注入会重复，置空避免重复。 */
.public-recent-section h2:after{content:""}