:root{--ink:#1b1b1b;--mut:#8a8a8a;--line:#ececec;--seal:#bf3b26;--soft:#f7e8e4;--bg:#fff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:auto;scrollbar-gutter:stable}
/* 切页时内容长短不一，滚动条出现 / 消失会让居中的页面左右挪动：始终占位，并禁止横向滚动 */
html,body{overflow-x:hidden}
html,body{margin:0;background:#e9e7e3;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink)}
#app{display:flex;justify-content:center;min-height:100vh}
.shell{position:relative;width:100%;max-width:430px;background:var(--bg);min-height:100vh;display:flex;flex-direction:column;box-shadow:0 0 40px rgba(0,0,0,.08)}
.scroll{flex:0 0 100vh;height:100vh;max-height:100vh;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:24px;-webkit-overflow-scrolling:touch}
.scroll.tab{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.scroll.workbar{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}
.scroll.mebg{background:#f5f5f5}
.scroll.browseview{display:flex;flex:0 0 100vh;height:100vh;max-height:100vh;min-height:0;flex-direction:column;overflow:hidden;padding-bottom:0}
.scroll.artistview{display:flex;flex:0 0 100vh;height:100vh;max-height:100vh;min-height:0;flex-direction:column;overflow:hidden;padding-bottom:0}
/* 顶部操作栏契约：统一由固定高度的 .scroll 承担纵向滚动；所有含返回按钮的 .hd
   因此始终贴在该容器顶部。新增详情/表单页只要复用 .hd，无需再逐页处理滚动。 */
.hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;position:sticky;top:0;background:#fff;z-index:30;flex:none}
.wordmark{font-size:19px}.wordmark b{font-weight:800}
.logo-img{height:30px;width:auto;display:block;flex:none}
.brandtxt{margin:0 auto 0 12px;font-size:13.5px;font-weight:300;letter-spacing:.34em;color:#000;white-space:nowrap;align-self:center;padding-top:2px}
.hd.brand{position:static}
/* 作品页顶部文字标识（设计稿）：Goto 细体 + Art 中粗，18px */
.hd.brand{padding:4px 17px;min-height:33px;justify-content:flex-start}
.brandword{font-size:18px;line-height:26px;color:#000;font-weight:300;letter-spacing:0}
.brandword b{font-weight:500} /* 首页品牌栏跟着滚走，只有详情页顶栏吸顶 */
.hd .ttl{flex:1;text-align:center;font-weight:500;font-size:16px;line-height:24px;color:#2f2f2f}
.hdtabs{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;height:24px}
.hdtabs span{position:relative;color:#999;font-size:14px;line-height:24px;cursor:pointer}
.hdtabs span.on{color:#222;font-weight:500}
.hdtabs span.on:after{content:"";position:absolute;left:50%;bottom:-7px;width:18px;height:2px;background:#222;transform:translateX(-50%)}
.hd .ttl.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;min-width:0;transition:opacity .2s}
.hd .ttl.hide{opacity:0}
/* 顶部返回：所有页面同一个图标（不用「‹」字符，字符大小随字体变）——36px 点击区，14px 箭头，#2f2f2f */
.back{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:flex-start;margin:-4px 0 -4px -6px;font-size:0;line-height:0;color:#2f2f2f;cursor:pointer}
.back::before{content:"";display:block;width:14px;height:14px;margin-left:6px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M9.5 1.5 4 7l5.5 5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M9.5 1.5 4 7l5.5 5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hd>.back~span:last-child{width:36px!important;flex:none}
.wordmark.dim{color:#c4c4c4}
/* 关注 / 收藏 / 点赞：顶部一条淡淡的入口，与下面的功能卡片分开 */
.step{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(191,59,38,.12);cursor:pointer}
.step i{flex:none;width:20px;height:20px;border-radius:50%;border:1px solid #d9b7ae;color:#b06a58;font-style:normal;font-size:11px;line-height:19px;text-align:center}
.step i.on{background:#4a7d4a;border-color:#4a7d4a;color:#fff}
.step>span:not(.btn){flex:1;min-width:0;font-size:12.5px}
.step .btn{flex:none;margin-left:0}
.step .btn.dis{background:#d8cfcb;cursor:not-allowed}
.step>span:not(.btn) b{display:block;font-size:13px}
.step>span:not(.btn) em{display:block;font-style:normal;font-size:11px;color:#8a6a60;margin-top:1px}
.step em .n{margin-left:6px;color:#1b1b1b;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.certmeta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(191,59,38,.12);font-size:11px;color:#8a6a60;line-height:1.4}
.certmeta b{color:#1b1b1b;font-weight:600;font-variant-numeric:tabular-nums}
.certprog{height:3px;margin-top:10px;background:rgba(27,27,27,.08);border-radius:99px;overflow:hidden}
.certprog i{display:block;height:100%;background:#1b1b1b;border-radius:99px;transition:width .25s ease}
.step .go{flex:none;font-size:11.5px;font-weight:400;color:#b06a58}
.todos{margin:10px 16px 2px}
.td{display:flex;align-items:center;gap:8px;background:#fdf3f0;border:1px solid #f3ded7;border-radius:10px;padding:9px 12px;margin-bottom:6px;cursor:pointer}
.td i{flex:none;font-style:normal;font-size:10px;color:#fff;background:var(--seal);border-radius:4px;padding:1px 5px}
.td span{flex:1;min-width:0;font-size:12.5px;color:#7a4a3e}
.td b{flex:none;font-size:11.5px;font-weight:400;color:var(--seal)}
.favbar{display:flex;margin:4px 16px 0;padding:16px 0 14px;background:transparent;border:none;border-bottom:1px solid #f2f2f2;border-radius:0}
.favbar span{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#9a9a9a;cursor:pointer}
.favbar span+span{border-left:1px solid #f0f0f0}
.favbar span b{font-size:20px;font-weight:600;color:#1b1b1b;line-height:1.2}
.favbar span.hot b,.favbar span.hot{color:var(--seal)}
/* 洽购入口：收到的 / 发出的，比上面那条实一点，因为它是要处理的事 */
.inqbar{display:flex;gap:8px;margin:8px 16px 0}
.inqbar .ic{flex:1;min-width:0;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:13px 14px;cursor:pointer}
.inqbar .ic b{display:block;font-size:14px}
.inqbar .ic i{display:block;font-style:normal;font-size:11px;color:#888;margin-top:4px;line-height:1.5}
.inqbar .ic i.hot{color:var(--seal);font-weight:600}
/* 洽购列表 */
.inqs{padding:4px 16px 24px}
.inq{padding:12px 0;border-bottom:1px solid #f2f2f2}
.inq .t{display:flex;align-items:flex-start;gap:10px}
.inq .t b{flex:1;min-width:0;font-size:14px}
.inq .t .pill{flex:none;border:1px solid;border-radius:6px;padding:1px 7px;font-size:11px;white-space:nowrap}
.inq .m{font-size:11.5px;color:#8a8a8a;margin-top:3px}
.inq .a{display:flex;align-items:center;gap:8px;margin-top:8px}
.inq .a .inp{width:auto;display:inline-block;padding:4px 8px;font-size:11px}
.inq .a .btn{margin-left:0}
.lnk{color:#1b1b1b;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.inq .m .lnk{color:#666}
.nickin{flex:1;min-width:0;border:none;border-bottom:1px solid var(--seal);background:transparent;font-size:19px;font-weight:700;letter-spacing:1px;color:var(--ink);padding:0 0 2px;outline:none;font-family:inherit}
.capsule{border:1px solid #e3e3e3;border-radius:99px;padding:2px 10px;font-size:10px;color:#666}
.lgout{display:inline-block;margin-left:9px;font-size:11px;color:#aaa;cursor:pointer;vertical-align:middle}
/* 作品页顶部：搜索框 + 原作 / 文创 切换 */
/* 搜索框（设计稿，作品页 / 艺术家页统一）：345×38，左右 15，圆角 5，内边距 10，文字 12 */
.srch{display:flex;align-items:center;gap:10px;height:38px;box-sizing:border-box;margin:5px 15px 0;padding:0 10px;background:#f5f5f5;border-radius:5px}
.srch input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;padding:0;font-size:12px;color:#222224;font-family:inherit;-webkit-appearance:none;appearance:none}
.srch input::placeholder{color:#c5c5c5}
.srch input::-webkit-search-cancel-button{display:none}
.srch .ico{flex:none;width:15px;height:15px;color:#c5c5c5}
.srch .clr{flex:none;width:16px;height:16px;line-height:15px;text-align:center;border-radius:50%;background:#dcdcdc;color:#fff;font-size:13px;cursor:pointer;user-select:none}
.browse-tools{position:sticky;top:0;z-index:5;background:#fff;padding-top:1px;padding-bottom:4px}
.browse-list{flex:1 1 0;height:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
.ztabs{position:relative;display:flex;margin:10px 16px 0;border-bottom:1px solid #e6e6e6}
.ztabs .zt{flex:1;padding-bottom:5px;text-align:center;font-size:12px;line-height:17px;color:#85808f;cursor:pointer;user-select:none;transition:color .18s}
.ztabs .zt.on{color:#222224}
.ztabs .ind{position:absolute;bottom:-1px;width:60px;height:2px;margin-left:-30px;background:#000;transition:left .22s ease}
.chips{display:flex;gap:8px;padding:8px 16px 4px;flex-wrap:wrap}
/* 收起的分类行：不再用 max-height 裁切（iOS 上会切掉按钮底边），改成单行横向滑动 */
.chips.fold{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.chips.fold::-webkit-scrollbar{display:none}
.chips.fold .chip{flex:none}
.filter-divider{flex:0 0 1px;width:1px;height:24px;align-self:center;margin:0 3px;background:#e5e5e5}
/* 作品页 原作 / 文创 页签 14px */
.ztabs.wz .zt{font-size:14px;line-height:20px}
.chip.sm{padding:1px 8px;font-size:10.5px;color:#777;border-color:#e2e2e2;border-radius:3px}
.artist-actions{display:flex;align-items:center;gap:10px;align-self:flex-start;margin-top:10px;flex:none}
.chip.sm.artist-follow{color:#333;border-color:#333;font-size:12px}
.chip.sm.artist-follow.followed{color:#999;border-color:#cfcfcf;font-size:12px}
.chip.sm.artist-contact{color:#555;border-color:#d8d8d8;font-size:12px}
.chip.cat{background:#f5f5f5;border-color:transparent;color:#85808f;padding:5px 15px}
.chip.cat.on{background:#1b1b1b;border-color:#1b1b1b;color:#fff}
.chip.sm.on{background:#f0efe9;color:#222;border-color:#d6d3c9}
.chip{border:1px solid #dcdcdc;padding:4px 13px;font-size:12px;border-radius:4px;background:#fff;white-space:nowrap;cursor:pointer;user-select:none}
.chip.on{background:#1b1b1b;color:#fff;border-color:#1b1b1b}
.chip.rd{border-radius:99px}
.seclab{padding:12px 16px 6px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:baseline}
.seclab span{font-weight:400;font-size:11px;color:#999}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 16px 18px}
.card{cursor:pointer}
.art{border-radius:4px;width:100%;background:#f0f0ef}
img.art{display:block;object-fit:cover}
.grid .art{aspect-ratio:1/1.15}  /* 两列网格里统一比例，避免同一行标题错位 */
.g1{aspect-ratio:1/1.15;background:linear-gradient(155deg,#8fb6c9,#3c6d8e 45%,#c9a86e)}
.g2{aspect-ratio:1/1.15;background:radial-gradient(circle at 30% 25%,#e8d9c3,#7d8f7b 55%,#2f3d3a)}
.g3{aspect-ratio:1/1;background:linear-gradient(200deg,#d9cfc0,#9a8f9e 50%,#4a4458)}
.g4{aspect-ratio:1/1;background:linear-gradient(120deg,#c7d3d8,#5d7a8c 60%,#22303b)}
.g5{aspect-ratio:1/.85;background:linear-gradient(160deg,#e3d3ce,#b96b4f 55%,#5c2f24)}
.g6{aspect-ratio:1/.85;background:radial-gradient(circle at 70% 30%,#f0e6d0,#a3b5a0 50%,#39503f)}
.g7{aspect-ratio:1/1.1;background:linear-gradient(35deg,#20242c,#4e5d73 55%,#c8b696)}
.g8{aspect-ratio:1/1;background:radial-gradient(circle at 60% 40%,#f3e6da,#c98a6b 55%,#5e3a2c)}
.wimg{position:relative;overflow:hidden;background:#f0f0ef;cursor:pointer;aspect-ratio:1/1}  /* 图片加载前先占位，不让页面跳动 */
.wimg img{display:block;width:100%;height:100%;object-fit:contain}
.wimg .wimg-low{position:relative;z-index:1}
.wimg .wimg-high{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .2s ease}
.wimg .wimg-high.ready{opacity:1}
.wimg-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px;pointer-events:none}
.work-lightbox{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.work-lightbox img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;will-change:transform;transform-origin:center}
.wbody{padding:0 16px 8px}
.wtitle{margin:18px 0 0;font-size:22px;font-weight:650;color:#1b1b1b;line-height:1.25;letter-spacing:.01em}
.wmeta{margin-top:7px;font-size:12.5px;color:#8a8a8a;letter-spacing:.02em;line-height:1.5}
.wprice{margin-top:12px;font-size:20px;font-weight:600;color:var(--seal)}
.wprice span{font-size:12px;font-weight:400;color:#999}
.wtags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.wtags .chip.sm{padding:2px 9px;font-size:11px;color:#7a7a7a;background:#f6f5f2;border-color:#eceae6;border-radius:4px}
.wline{border-top:1px solid #f0f0f0;margin:16px 0}
.wartist{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;color:#333}
.wartist .more{margin-left:auto;font-size:12px;color:#999}
.wacts{display:flex;gap:18px;font-size:12px;color:#777}
.wbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;min-height:64px;box-sizing:border-box;background:#fff;border-top:1px solid #f0f0f0;display:flex;align-items:center;gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:8}
.wbar .wa{min-width:58px;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;color:#3e3a39;cursor:pointer;line-height:1;user-select:none}
.wbar .wa img{width:22px;height:22px;display:block;object-fit:contain;transform-origin:center;transition:transform .16s ease}
.wbar .wa em{font-size:14px;font-style:normal;white-space:nowrap}
.wbar .wa.like.on img{filter:brightness(0) saturate(100%) invert(23%) sepia(99%) saturate(4477%) hue-rotate(341deg) brightness(105%) contrast(101%)}
.wbar .wa.collect.on img{filter:brightness(0) saturate(100%) invert(77%) sepia(77%) saturate(1120%) hue-rotate(351deg) brightness(103%) contrast(101%)}
.wbar .wa.on img{animation:wa-pop .28s cubic-bezier(.2,.9,.3,1.35)}
.wbar .wa:active{color:#111}
.wbar .wa:active img{transform:scale(.9)}
@keyframes wa-pop{0%{transform:scale(.72)}65%{transform:scale(1.16)}100%{transform:scale(1)}}
.wbar .inqbtn{margin-left:auto;min-width:42%;height:44px;display:flex;align-items:center;justify-content:center;background:#1b1b1b;color:#fff;border-radius:5px;font-size:15px;font-weight:600;letter-spacing:.08em;cursor:pointer;user-select:none}
.wbar .inqbtn:active{background:#333}
.wbar .managebtn{background:#fff;color:#1b1b1b;border:1px solid #1b1b1b}
.wbar .managebtn:active{background:#f5f5f5}
.wbar .wv{margin-left:auto;padding:8px 10px;font-size:12px;color:#aaa;white-space:nowrap}
.wdesc{margin:16px 0 0;font-size:14px;color:#333;line-height:1.9;white-space:pre-line}
.obtn{display:inline-block;border:1px solid #cfcfcf;border-radius:20px;padding:7px 24px;font-size:12.5px;color:#444;cursor:pointer;background:#fff}
.obtn.dark{background:#fff;color:#3a3a3a;border-color:#ddd;padding:8px 18px;font-weight:500;font-size:13px;letter-spacing:.06em;white-space:nowrap;border-radius:22px}  /* 低调：白底描边 */
.wrow{display:flex;align-items:center;gap:12px;margin-top:16px}
.wtrow{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.wtrow .wtitle{margin:0;flex:1;min-width:0}
.nextlnk{flex:none;font-size:12px;color:#aaa;cursor:pointer;white-space:nowrap;letter-spacing:.04em}
.nextlnk:active{color:#888}
.wrow .wprice{margin-top:0;flex:1;min-width:0;line-height:1.3}
.wbody>.hint{font-size:11px!important;color:#b0b0b0!important;padding:8px 0 2px!important;text-align:left;line-height:1.55;letter-spacing:.02em}
/* 艺术家列表：字母分组 + 索引条 */
.asearch{flex:none;padding:0;background:#fff;z-index:5}
.artist-list{flex:1 1 0;height:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}
.alist{padding:0 34px 24px 16px}
.gh-anchor{height:0;overflow:hidden;scroll-margin-top:61px}
.gh{position:sticky;top:0;z-index:4;background:#fff;padding:10px 0 4px;font-size:13px;font-weight:600;color:#555;letter-spacing:1px;border-bottom:1px solid #f0f0f0;display:flex;align-items:baseline;gap:8px}
.gh span{font-weight:400;font-size:10.5px;color:#bbb;letter-spacing:0}
.arow{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;cursor:pointer}
.arow .ava{width:44px;height:44px}
.arow .artist-list-avatar{display:block;object-fit:cover}
.arow .ab{flex:1;min-width:0}
.arow .ab b{display:block;font-size:14.5px;font-weight:400;color:#1b1b1b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arow .ab i{display:block;font-style:normal;font-size:11px;color:#9a9a9a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arow .an{flex:none;font-size:11px;color:#888;background:#f4f3ef;border-radius:10px;padding:2px 8px}
.idx{position:fixed;right:calc(50% - min(215px, 50vw) + 3px);top:69px;bottom:72px;width:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;z-index:7;user-select:none}
.idx span{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:24px;min-height:18px;font-size:10px;font-weight:400;color:#555;border-radius:12px;cursor:pointer}
.idx span.on{background:#000;color:#fff}
/* 字母索引提示：使用气泡 SVG，尾部朝向右侧被选中的索引字母。 */
.idx span.bubble::before{content:attr(data-k);position:absolute;right:27px;top:50%;transform:translateY(-50%);box-sizing:border-box;width:42px;height:42px;padding-right:4px;display:flex;align-items:center;justify-content:center;background:url('/img/bubble.svg') center/contain no-repeat;color:#fff;font-size:13px;font-weight:500;line-height:1;pointer-events:none}
.ftabs{display:flex;gap:18px;padding:6px 16px 0;border-bottom:1px solid #f0f0f0;margin-bottom:4px}
.ftabs span{padding:8px 0 10px;font-size:14px;color:#999;border-bottom:2px solid transparent;cursor:pointer}
.ftabs span.on{color:#1b1b1b;font-weight:600;border-color:#1b1b1b}
.ftabs span b{font-weight:400;font-size:11px;color:#999;margin-left:4px}
.ahead{padding:22px 16px 6px}
.artist-head-main{display:flex;gap:18px;align-items:center}
.ahead .ava{width:80px;height:80px}
.ahead h1{margin:0;font-size:22px;font-weight:600;color:#333}
.ahead .ameta{margin-top:5px;font-size:13px;color:#999;word-spacing:6px}
.artist-direction{margin-top:16px;font-size:13px;line-height:1.5;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ahead .artist-actions{justify-content:flex-end;margin-top:15px}
.artist-claim-status{margin:4px 16px 0;padding:7px 10px;border-radius:5px;background:#f7f3ea;color:#8a6b35;font-size:12px;line-height:18px}
.artist-claim-status.rejected{background:#fff1ef;color:#b85248}
.artist-claim-status.hidden{background:#f3f3f3;color:#777}
.kv{display:flex;padding:9px 16px;font-size:13px;border-bottom:1px solid #f5f5f5}
.kv span{color:#999;width:84px;flex:none}
.kv b{font-weight:400;color:#333}
.card .tt{font-weight:500;font-size:13px;margin-top:8px;color:#333}
.card .mt{font-size:11px;color:#9a9a9a;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .pr{font-size:13px;font-weight:600;margin-top:4px;color:var(--seal)}
.card .pr .sm{margin-right:4px;color:#888;font-weight:400}
.badge{display:inline-block;font-size:9.5px;font-weight:700;background:#1b1b1b;color:#fff;border-radius:2px;padding:1px 5px;margin-right:5px;vertical-align:1px}
.badge.ol{background:#fff;color:#1b1b1b;border:1px solid #1b1b1b}
.badge.rd{background:var(--seal)}
.sold{opacity:.55}
.pg{height:3px;background:#ececec;border-radius:99px;margin-top:6px;overflow:hidden}
.pg i{display:block;height:100%;background:#1b1b1b}
.pgt{font-size:10px;color:#999;margin-top:3px}
.shell.no-tab .nav{display:none!important}
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;align-items:center;padding:8px 0 14px;z-index:8}
.nav .it{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;font-size:10px;color:#888;cursor:pointer;flex:1;min-width:0;position:relative}
.nav .dot{position:absolute;top:-2px;left:50%;margin-left:6px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--seal);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.nav .it.on{color:#000}
/* 底部导航（设计稿「tab栏」）：高 77（上 10 / 下 18），左 20 右 30，5 项各宽 42 两端分布；图标高 27，文字 12px，间距 5；未激活 #9f9f9f，激活 #000 */
.nav{padding: 8px 20px env(safe-area-inset-bottom, 8px);box-sizing:border-box;justify-content:space-between;align-items:flex-start}
.nav .it{flex:none;width:42px;gap:5px;font-size:12px;line-height:17px;color:#9f9f9f;font-weight:400;white-space:nowrap}
.nav .ti{display:block;height:27px;background-color:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.nav .ti-works{width:23px;--m:url(/img/tab/works.png)}
.nav .ti-artist{width:26px;--m:url(/img/tab/artist.png)}
.nav .ti-post{width:35px;height:27px;--m:url(/img/tab/post.png);background-color:#2f2f2f}
.nav .ti-msg{width:27px;--m:url(/img/tab/msg.svg)}
.nav .ti-me{width:24px;height:27px;--m:url(/img/tab/me.png)}
.nav .it.post{gap:5px}
.nav .dot{top:-4px;margin-left:8px}
.nav .ph{visibility:hidden;pointer-events:none}
.nav .it.mid{margin-top:-16px}
.nav .it.mid .plus{width:44px;height:44px;border-radius:50%;font-size:24px;box-shadow:0 4px 12px rgba(27,27,27,.28)}
.nav .it.mid.on .plus{background:var(--seal)}
.nav svg{width:20px;height:20px}
.nav .plus{width:26px;height:20px;background:#1b1b1b;border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:300;line-height:1}
.lst{padding:0 16px}
.row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5;cursor:pointer}
.ava{flex:none;width:46px;height:46px;border-radius:99px;background:linear-gradient(135deg,#c9b28a,#6f5c3f)}
.row b{display:block;font-size:14px}
.row i{font-style:normal;font-size:11px;color:#999}
.dtt{padding:12px 16px 0;font-size:15px;font-weight:600;color:#222}
.dtt .badge{background:#fff;color:#777;border:1px solid #ddd;font-weight:500;font-size:9px}
.dtt .badge.rd{background:#fff;color:var(--seal);border-color:var(--seal)}
.dart{display:flex;align-items:center;gap:8px;padding:8px 16px 0;font-size:12.5px;cursor:pointer}
.dart .ava{width:24px;height:24px}
.dpr{padding:8px 16px 0;font-size:14px;font-weight:500;color:#444}
.dpr.ask{color:#888;font-weight:400;font-size:13px}
.drow{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f5f5f5;font-size:12px;color:#666}
.drow b{color:#444;font-weight:500;text-align:right;max-width:60%}
.story{margin:12px 16px;background:#faf9f7;border:1px solid var(--line);border-left:3px solid var(--seal);padding:10px 14px;font-size:12px;color:#555;line-height:1.7}
.cta{margin:16px;background:#1b1b1b;color:#fff;text-align:center;padding:13px;border-radius:9px;font-size:14.5px;font-weight:600;cursor:pointer}
.cta.dis{background:#c9c9c9;cursor:not-allowed}
.hint{font-size:11px;color:#a5a5a5;padding:0 16px 8px;text-align:center}
.fld{padding:10px 16px 0}
.fld label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.req::before{content:"* ";color:#d0331b}
.inp{width:100%;border:1px solid #e4e4e4;border-radius:9px;padding:10px 12px;font-size:13px;background:#fff;font-family:inherit}
.inp:disabled{background:#f4f3ef;color:#888;-webkit-text-fill-color:#888;opacity:1}
textarea.inp{resize:none;height:74px;line-height:1.6}
.inprow{display:flex;gap:10px;align-items:center}
.ck{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#555;padding:12px 16px 0;cursor:pointer;line-height:1.6}
.ck input{margin-top:3px}
.upl{display:flex;flex-wrap:wrap;gap:10px;padding:2px 0}
.upl .u{width:64px;height:64px;background:#f4f4f4;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b5b5b5;font-size:11px;cursor:pointer}
.upl .p{width:64px;height:64px;border-radius:9px}
/* 协议全屏页 */
.docpage{position:fixed;inset:0;background:#fff;z-index:60;display:flex;flex-direction:column;max-width:430px;margin:0 auto}
.docpage .hd{z-index:31}
.docmeta{padding:4px 16px 0;font-size:11px;color:#aaa}
.doctext{flex:1;overflow:auto;padding:12px 16px 24px;font-size:13.5px;line-height:1.85;color:#333;white-space:pre-wrap;word-break:break-word}
.doctext p{margin:0}
.docbar{display:flex;gap:10px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #f0f0f0;background:#fff}
.cta.ol{background:#fff;color:#1b1b1b;border:1px solid #d9d9d9}
/* 条件未满足的「提交」：可点、能看清，点了会告诉你差什么 */
.btn.soft{background:#fff;color:#1b1b1b;border:1px dashed #bbb}
.cta.ol.soft{border-style:dashed;color:#666}
/* 文创投稿表单（设计稿版）：标题在上、下划线输入、底部黑色确认键 */
.sform{padding:4px 0 0}
.sfld{margin:0 16px;padding:14px 0 2px}
.sfld>label{display:block;font-size:14px;font-weight:400;color:#1b1b1b;margin-bottom:8px}
.sin{display:block;width:100%;border:1px solid #e4e4e4;border-radius:3px;outline:none;background:#fff;padding:10px;font-size:14px;line-height:20px;color:#1b1b1b;font-family:inherit;-webkit-appearance:none;appearance:none}
.sin:focus,.ssel:focus-within,.sprice .sbox:focus-within{border-color:#1b1b1b}
.sin.sta{height:84px;resize:none}
.sin::placeholder{color:#c9c9c9}
.supl{display:flex;flex-wrap:wrap;gap:10px}
.supl .su,.supl .sp{width:78px;height:78px;border-radius:4px}
.supl .su{background:#f6f6f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#c2c2c2;cursor:pointer}
.supl .su svg{width:30px;height:30px}
.supl .su .sup{font-size:18px}
.supl .su .sup-plus{font-size:28px;line-height:25px;font-weight:300}
.supl .su .sup-label{font-size:11px;line-height:16px}
.shopf .field-error{margin-top:4px;color:#d0331b;font-size:11px;line-height:16px}
.submit-validation{margin:10px 30px 0;padding:8px 10px;background:#fff6d6;color:#8a6500;font-size:12px;line-height:18px;border-radius:3px}
.supl .sp{position:relative;background-size:cover;background-position:center;cursor:zoom-in;aspect-ratio:auto}
.sh1{margin-top:12px;font-size:11.5px;color:#e08a4a;line-height:1.6}
.sh2{margin-top:3px;font-size:11.5px;color:#c9c9c9;line-height:1.6}
.sprice{display:flex;align-items:center;gap:14px}
.sprice .sbox{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:1px solid #e4e4e4;border-radius:3px;padding:10px}
.sprice .sbox.off{background:#fafafa}
.sprice .sbox .cur{flex:none;color:#c9c9c9;font-size:13px}
.sprice .sbox input{flex:1;min-width:0;border:0;outline:none;background:none;padding:0;font-size:14px;line-height:20px;font-family:inherit;-webkit-appearance:none;appearance:none}
.sck{display:flex;align-items:center;gap:4px;font-size:12px;color:#5a5a5a;white-space:nowrap;cursor:pointer;user-select:none}
.sck input{margin:0;width:13px;height:13px;accent-color:#1b1b1b}
.ssel{display:flex;align-items:center;gap:8px;border:1px solid #e4e4e4;border-radius:3px;padding:10px;cursor:pointer}
.ssel>span{flex:1;min-width:0;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ssel select{flex:1;min-width:0;border:0;outline:none;background:none;padding:0;font-size:14px;line-height:20px;color:#1b1b1b;font-family:inherit;-webkit-appearance:none;appearance:none;cursor:pointer}
.ssel>span.ph,.ssel select.ph{color:#c9c9c9}
.ssel .chev{flex:none;width:14px;height:14px;color:#c2c2c2}
.cta.sconfirm{margin:26px 16px 10px;border-radius:3px;padding:15px;font-size:15px;background:rgba(47,47,47,1);color:rgba(255,255,255,1)}
/* 完善艺术家档案 */
.obtip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fdf6e3;font-size:11.5px;color:#1b1b1b}
.obtip svg{flex:none;width:14px;height:14px}
.obav{position:relative;width:76px;height:76px;border-radius:4px;background-color:#f6f6f6;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#c2c2c2;cursor:pointer}
.obav svg{width:27px;height:27px}
.obav span{font-size:11.5px}
.obav span b{color:#d0331b;font-weight:400}
/* 推荐人资料形象照：标题 + 方形上传预览，和附件设计稿一致 */
.bke-avatar-field{padding-top:14px}
.bke-avatar-field .obav{width:76px;height:76px;border-radius:3px;background-color:#f2f2f2;gap:2px}
.bke-avatar-field .obav span{font-size:11px;line-height:16px;color:#c4c4c4}
.bke-avatar-field .bke-avatar-hint{margin-top:10px;color:#c5c5c5}
.bke-avatar-field .bke-avatar-hint .shi{width:9px;height:9px;margin-right:3px;vertical-align:-1px}
/* 编辑个人资料：底部固定白色按钮栏（设计稿高 115，按钮距顶 25） */
.accform{padding-bottom:130px}
/* 推荐人活动（设计稿） */
.bkact{padding:20px 20px 30px;display:flex;flex-direction:column;gap:20px}
.ba{display:flex;gap:10px;align-items:stretch}
.baimg{flex:none;width:85px;min-height:123px;border-radius:2px;background:#efefef center/cover no-repeat}
.bab{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.bab b{display:block;font-size:14px;font-weight:500;line-height:20px;color:#2f2f2f}
.bab p{margin:5px 0 0;font-size:12px;line-height:17px;color:#999}
.baf{display:flex;align-items:flex-end;justify-content:space-between;gap:5px}
.baf i{font-style:normal;font-size:12px;line-height:17px;color:#999}
.baf i em{font-style:normal;font-weight:500;color:#2f2f2f}
.baf span{flex:none;padding:5px 15px;border-radius:100px;font-size:12px;line-height:17px;cursor:pointer;white-space:nowrap}
.baf .dk{background:#2f2f2f;color:#fff}
.baf .ol{border:1px solid #2f2f2f;color:#2f2f2f;padding:4px 14px}
.baline{height:1px;background:#eee}
/* 选择艺术家弹层（设计稿） */
.sheet.apick{height:62vh;max-height:620px;display:flex;flex-direction:column;padding:0;border-radius:16px 16px 0 0}
.aphd{flex:none;display:flex;align-items:center;justify-content:space-between;padding:20px 18px 10px}
.aphd span{font-size:14px;color:#333}
.aphd i{display:flex;width:20px;height:20px;align-items:center;justify-content:center;color:#999;cursor:pointer}
.aphd i svg{width:14px;height:14px}
.aplist{flex:1;min-height:0;overflow:auto;padding:0 18px calc(18px + env(safe-area-inset-bottom,0px))}
.aplist .sform{margin:0 -16px}
.aprow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;cursor:pointer}
.aprow:last-child{border-bottom:0}
.apav{flex:none;width:26px;height:26px;border-radius:50%;background-color:#efefef;background-size:cover;background-position:center}
.aprow b{flex:1;min-width:0;font-size:14px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apck{flex:none;width:16px;height:16px;color:#1b1b1b}
.apbtn{flex:none;margin:12px 18px calc(18px + env(safe-area-inset-bottom,0px));background:#2f2f2f;color:#fff;text-align:center;border-radius:3px;padding:10px;font-size:16px;line-height:24px;cursor:pointer}
.apbtn.dis{background:#c9c9c9;pointer-events:none}
/* 名下艺术家（设计稿） */
.malist{padding:0 30px}
.marow{display:flex;align-items:center;gap:8px;padding:20px 0}
.marow+.marow{border-top:1px solid #f5f5f5}
.maav{flex:none;width:47px;height:47px;border-radius:50%;background-color:#efefef;background-size:cover;background-position:center}
.mainfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mainfo b{font-size:14px;font-weight:500;line-height:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mainfo i{font-style:normal;font-size:11px;line-height:16px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mabtns{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.mabtns span{padding:3px 8px;border-radius:100px;font-size:11px;line-height:16px;white-space:nowrap;cursor:pointer}
.mabtns .ol{border:1px solid #d6d6d6;color:#555;background:#fff;padding:2px 7px}
.mabtns .dk{background:#000;color:#fff}
.mafoot{padding:30px 30px 30px}
.mafoot .cta{margin:0;padding:8px 15px;font-size:16px;line-height:24px;font-weight:400;border-radius:2px}
.mafoot .mago{background:#efb067;color:#fff}
.mafoot .manew{margin-top:10px}
/* 投文创表单（设计稿「投文创」）：边距 30、字段间距 15、标签 14/#555、输入 12px */
.sh1 .shi{width:9px;height:9px;margin-right:3px;vertical-align:-1px}
/* 页面标题统一 16px #2f2f2f（原 shophd / mahd 的 #555、14px 变体不再生效） */
.hd.shophd .ttl{font-size:16px;font-weight:500;color:#2f2f2f}
.sform.shopf{padding:20px 30px 0;display:flex;flex-direction:column;gap:15px}
.shopf .sfld{margin:0;padding:0}
.shopf .sfld>label{font-size:14px;line-height:20px;color:#555;margin-bottom:5px}
.shopf .req::before{content:"*";color:#ff2e2e;margin-right:5px}
.shopf .sin,.shopf .ssel,.shopf .sprice .sbox{border-color:#e9e9e9;border-radius:3px}
.shopf .sin{height:41px;padding:0 5px;font-size:12px;line-height:17px;color:#2f2f2f}
.shopf .sin.sta{height:80px;padding:10px 5px}
.shopf .sin::placeholder,.shopf .ssel>span.ph{color:#c4c4c4}
.shopf .ssel{height:41px;padding:0 5px}
.shopf .ssel>span{font-size:12px;line-height:17px}
.shopf .sfld>.supl{margin-top:10px}
.shopf .supl .su,.shopf .supl .sp{width:76px;height:76px;border-radius:3px}
.shopf .supl .su{background:#f2f2f2;color:#aaa}
.shopf .supl .su svg{width:27px;height:27px}
.shopf .sh1{margin-top:10px;font-size:11px;line-height:18px;color:#aa77d8}
.shopf .sh2{margin-top:0;font-size:11px;line-height:16px;color:#c5c5c5}
.shopf .sprice{gap:8px}
.shopf .sprice .sbox{flex:1;height:41px;padding:0 5px;gap:4px}
.shopf .sprice .sbox .cur{font-size:12px;color:#c4c4c4}
.shopf .sprice .sbox input{font-size:12px;line-height:17px;color:#2f2f2f}
.shopf .sck{gap:3px;font-size:12px;line-height:18px;color:#555}
.shopf .sck input{width:9px;height:9px;border:1px solid #555;border-radius:2px;background:#fff;-webkit-appearance:none;appearance:none;position:relative;cursor:pointer}
.shopf .sck input:checked{background:#555}
.shopf .sck input:disabled{opacity:.4}
/* 投原作（设计稿「投原作」）同一套字号；类型下拉用右箭头，确认按钮上距 25 */
.shopf .ssel{padding:0 10px 0 5px}
.shopf .ssel select{font-size:12px;line-height:17px;color:#2f2f2f}
.shopf .ssel select.ph{color:#c4c4c4}
.shopf .ssel .chev{width:14px;height:14px;color:#c4c4c4}
.cta.sconfirm.shopok.origok{margin-top:25px}
/* 完善艺术家档案（设计稿「新用户上传原作-完善艺术家档案」）：紫色渐变提示条，头像块与表单间距 25 */
.obtip{padding:10px 20px;gap:8px;background:linear-gradient(90deg,#f1e5f7,#fcf1f7);font-size:12px;line-height:17px;color:#333}
.obtip svg{width:16px;height:16px}
.ob-validation{margin:10px 30px 0;padding:8px 10px;background:#fff6d6;color:#8a6500;font-size:12px;line-height:18px;border-radius:3px}
.obf .field-error{margin-top:4px;color:#d0331b;font-size:11px;line-height:16px}
.ob-own-phone-hint{margin-top:4px;color:#9a6a00;font-size:11px;line-height:16px}
.obf .obav{border-radius:3px;background-color:#f2f2f2;color:#acacac;gap:2px}
.obfield-label{display:block;font-size:14px;line-height:20px;color:#555;margin-bottom:5px}
.obfield-label .reqmark{color:#ff2e2e}
.ob-upload-plus{display:block;font-size:28px;line-height:28px;font-weight:300;color:#aaa}
.obfield-label .mut{font-size:11px;color:#999;margin-left:4px}
.obf .obav span{font-size:11px;line-height:16px;color:#c4c4c4}
.obf .obav span b{color:#ff2e2e}
.obf .sh2.obhint{margin-top:10px;line-height:16px}
.obf .sh2 .shi{width:9px;height:9px;margin-right:3px;vertical-align:-1px}
.obf .sin:disabled{color:#979292;-webkit-text-fill-color:#979292}
.cta.sconfirm.shopok.obok{margin-top:40px}
/* 编辑个人资料（普通用户，设计稿）：保存按钮紧跟表单，上距 25 */
.cta.sconfirm.shopok.accok{margin-top:25px}
/* 新建艺术家（设计稿）：手机号提示距输入框 5，确定按钮距表单 25 */
.naf .sh2.nahint{margin-top:5px;font-size:11px;line-height:18px;color:#c5c5c5}
.naf .sh2 .shi{width:9px;height:9px;margin-right:3px;vertical-align:-1px}
.cta.sconfirm.shopok.naok{margin-top:25px}
.cta.sconfirm.shopok{margin:15px 30px 30px;padding:8px 15px;font-size:16px;line-height:24px;font-weight:400;border-radius:2px}
.sh1.nahint{color:#e6a35d;font-size:11px;margin-top:8px}
.cta.sconfirm.bkeok{margin:15px 16px 30px;padding:8px 15px;font-size:16px;line-height:24px;font-weight:400;border-radius:2px}
.accbar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:430px;height:calc(115px + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:25px 30px 0;background:#fff;z-index:8}
.accbar .cta.sconfirm{margin:0;padding:10px 15px;font-size:16px;line-height:24px;font-weight:400;border-radius:2px}
.sin:disabled{background:#fff;color:#1b1b1b;-webkit-text-fill-color:#1b1b1b;opacity:1}
.pdel{position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:13px;line-height:20px;text-align:center;cursor:pointer}
/* 投稿：上架类型选择弹层 */
.mask.subtype-mask{background:rgba(0,0,0,.35)}
.sheet.subsheet{border-radius:16px 16px 0 0;padding:20px 20px calc(50px + env(safe-area-inset-bottom,0px))}
.subopt{display:flex;align-items:center;gap:10px;min-height:89px;box-sizing:border-box;padding:20px 25px;background:#fafafa;border-radius:8px;cursor:pointer;transition:background .15s}
.subopt+.subopt{margin-top:20px}
.subopt:active{background:#f0f0f0}
.subopt .ic{flex:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.subopt .ic.orig{background:#efa45e}
.subopt .ic.shop{background:#9dd8e8}
.subopt .ic svg{width:24px;height:24px}
.subopt .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.subopt .tx b{display:block;font-size:16px;font-weight:700;color:#2f2f2f;line-height:24px}
.subopt .tx i{display:block;font-style:normal;font-size:14px;line-height:20px;color:#959595}
.subclose{display:flex;width:59px;height:59px;margin:30px auto 0;border-radius:50%;background:#fafafa;color:#333;align-items:center;justify-content:center;cursor:pointer}
.subclose svg{width:15px;height:15px}
/* 消息页最近动态 */
.msglist{padding-bottom:4px}
.mrow{display:flex;align-items:center;gap:10px;margin:0 16px;padding:11px 0;border-bottom:1px solid #f4f4f4;cursor:pointer}
.mrow .mav{flex:none;width:42px;height:42px;border-radius:8px;background-color:#f1efea;background-size:cover;background-position:center;background-repeat:no-repeat}
.mrow .mbd{flex:1;min-width:0}
.mrow .mbd b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow .mbd i{display:block;font-style:normal;font-size:11.5px;color:#999;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow .mtime{flex:none;font-size:10.5px;color:#bbb;align-self:flex-start;padding-top:2px}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20}
.sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:430px;background:#fff;border-radius:18px 18px 0 0;z-index:21;padding:18px 0 26px}
.sheet h5{margin:0 16px 4px;font-size:15px;display:flex;justify-content:space-between}
.sheet h5 span{color:#bbb;font-weight:400;cursor:pointer}
.confirm-mask{z-index:30}
.confirm-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:340px;background:#fff;border-radius:10px;z-index:31;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.confirm-title{padding:24px 20px 22px;text-align:center;font-size:16px;color:#333}
.confirm-actions{display:flex;border-top:1px solid #eee}
.confirm-actions span{flex:1;padding:13px 8px;text-align:center;font-size:14px;color:#777;cursor:pointer}
.confirm-actions span+span{border-left:1px solid #eee}
.confirm-actions .danger{color:var(--seal)}
.artist-contact-value{padding:0 20px 22px;text-align:center;font-size:15px;line-height:1.7;color:#444;white-space:pre-line;word-break:break-word}
.shsum{font-size:11.5px;color:#999;margin:0 16px}
.broker-current{display:flex;align-items:center;gap:10px;margin:12px 16px 4px;padding:12px;background:#f6f6f6;border-radius:10px}
.broker-current.empty{display:block;color:#999;font-size:12px}
.broker-current-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.broker-current-info strong{font-size:15px;font-weight:600;color:#333;line-height:20px}
.broker-current-info i{font-size:11px;font-style:normal;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.broker-current-info .broker-resume{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.broker-help-card{margin:8px 18px 0;font-size:11px;line-height:18px;color:#999;cursor:pointer}
.broker-help-card:active{color:#666}
.broker-searchline{display:flex;align-items:center;gap:8px}
.broker-search-label{flex:none;font-size:13px;font-weight:400;color:#777;white-space:nowrap}
.broker-searchline .inp{min-width:0}
.broker-searchline .btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;line-height:20px;white-space:nowrap}
.broker-hit{align-items:center;gap:6px}
.broker-hit .ava{flex:none;width:34px;height:34px}
.broker-hit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.broker-hit-info b{font-size:14px;font-weight:500;color:#333;line-height:20px}
.broker-hit-info i{font-style:normal;font-size:11px;line-height:16px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.broker-hit-info .broker-hit-resume{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.opt{border:1px solid #e6e6e6;border-radius:12px;padding:14px 15px;margin:10px 16px 0;cursor:pointer}
.opt b{font-size:14px;display:block}
.opt i{font-style:normal;font-size:11px;color:#999}
.opt.role-opt{border-color:#f0f0f0;padding:14px 16px;margin:8px 16px 0;background:#fafafa}
.opt.role-opt b{font-size:15px;font-weight:600}
.opt.role-opt em{display:block;font-style:normal;font-size:12px;color:#888;margin-top:4px}
.opt.role-opt i{display:block;margin-top:8px;font-size:11.5px;line-height:1.65;color:#9a9a9a}
/* 消息（设计稿） */
.mgrow{display:flex;align-items:center;gap:10px;margin:0 15px;padding:15px 0 15px 4px;cursor:pointer}
.msg-follow{display:flex;align-items:center;justify-content:space-between;margin:10px 15px 0;padding:12px 14px;border-radius:7px;background:#f0faf7;color:#333;font-size:13px;line-height:20px;cursor:pointer}
.msg-follow b{font-size:22px;font-weight:300;color:#777;line-height:18px}
.mgrow+.mgrow{border-top:1px solid #e6e6e6}
.mgic{flex:none;width:45px;height:45px}
.mgbd{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mgbd b{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:400;color:#555;line-height:24px}
.mgdot{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:var(--seal);color:#fff;font-size:10px;font-weight:600;line-height:16px}
.mgsub{display:flex;align-items:center;gap:5px;font-size:12px;line-height:17px;color:#a8a8a8;min-width:0}
.mgsub i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mgsub s{flex:none;width:1px;height:11px;background:#e8e8e8;border-radius:1px}
/* 通知消息列表（设计稿） */
.ntlist{padding:15px 15px 20px}
.nt+.nt{margin-top:20px}
.nttime{text-align:center;font-size:12px;line-height:19px;color:#b8b8b8;margin-bottom:10px;white-space:pre}
.ntcard{background:#f9f9f9;border-radius:5px;padding:20px 15px}
.ntcard b{display:block;font-size:14px;font-weight:500;line-height:19px;color:#1a1a1a}
.ntcard p{margin:10px 0 0;font-size:12px;line-height:19px;color:#555;word-break:break-all}
/* 我发布的（设计稿） */
.ztabs.mwtabs{margin:12px 0 0;border-bottom-color:#e6e6e6}
.ztabs.mwtabs .zt{font-size:14px;line-height:20px;color:#959595}
.ztabs.mwtabs .zt.on{color:#222224;font-weight:500}
.ztabs.mwtabs.solo .zt{flex:none;width:60px;margin-left:29px;cursor:default}
.ztabs.mwtabs.solo .ind{left:59px}
.mwlist{padding:0 0 110px}
.mwsummary{margin:14px 30px 0;padding:11px 0;border-bottom:1px solid #eee;font-size:13px;line-height:20px;color:#777}
.mwsummary b{font-weight:500;color:#555}
.mwsummary i{font-style:normal;color:#bbb}
.mwgroup-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 30px;padding:16px 0 8px;border-bottom:1px solid #eee;color:#555}
.mwgroup-head b{font-size:14px;font-weight:500;line-height:20px}
.mwgroup-head span{font-size:11px;color:#999;line-height:17px}
.mwgroup-head+.mw{padding-top:15px}
.mw{margin:0 30px;padding-bottom:20px;border-bottom:1px solid #e6e6e6;cursor:pointer}
.mw.offwork{background:#f7f7f7;border-radius:4px}
.mw.offwork .mwb b{color:#888}
.mw.offwork .mwb i,.mw.offwork .mwb em{color:#aaa}
.mw+.mw{padding-top:20px}
.mw:last-child{border-bottom:0}
.mwstatus-row{display:flex;align-items:center;gap:4px;min-width:0;margin-bottom:8px;padding:2px 0;font-size:12px;line-height:17px;white-space:nowrap;cursor:default}
.mwstatus-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.mwstatus-row>span.mwstatus-truncate{flex:1}
.mwstatus-row>b{flex:none;font-size:16px;font-weight:400;line-height:16px;color:currentColor}
.mwstatus-row.wait{color:#e6a35d}
.mwstatus-row.bad{color:#d70303;cursor:pointer}
.mwstatus-row.off{color:#999}
.work-edit-status{margin:20px 30px 0;padding:12px 10px;border-radius:3px;font-size:14px;line-height:20px;word-break:break-all}
.work-edit-status.pending{background:#fffaf0;color:#a86b00}
.work-edit-status.rejected{background:#fff5f5;color:#de5555}
.mwl{position:relative;display:flex;align-items:center;gap:10px}
.mwth{flex:none;width:88px;height:88px;border-radius:5px;background-color:#efefef;background-size:cover;background-position:center;aspect-ratio:auto;cursor:pointer}
.mwb{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;align-self:stretch;justify-content:center}
.mwb b{font-size:14px;font-weight:500;color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mwb i{font-style:normal;font-size:11px;color:#999;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mwb em{font-style:normal;font-size:14px;color:#d70303;line-height:20px}
/* 普通用户文创列表（设计稿新版）：95px 缩略图，状态为彩色小标签 */
.mw.u .mwth{width:95px;height:95px}
.mwb.utag{justify-content:space-between;gap:0}
.mwb.utag>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.mwb.utag>div>i{font-size:12px;line-height:17px;color:#999;max-width:100%}
.mwb.utag .mwbottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.mwb.utag .mwbottom em{margin-top:0}
.mwedit{flex:none;padding:2px 14px;border:1px solid #d6d6d6;border-radius:100px;background:#fff;color:#555;font-size:12px;line-height:17px;cursor:pointer;white-space:nowrap}
.mwb.utag b{max-width:100%}
.mwreason-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:24px}
.mwreason-card{width:100%;max-width:340px;padding:20px 18px 16px;border-radius:10px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.mwreason-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:22px;color:#222}
.mwreason-title span{padding-left:16px;font-size:22px;font-weight:300;color:#999;cursor:pointer}
.mwreason-card p{margin:14px 0 18px;color:#555;font-size:13px;line-height:21px;white-space:pre-line;word-break:break-word}
.mwreason-close{padding:8px 0;border-radius:4px;background:#1b1b1b;color:#fff;text-align:center;font-size:13px;line-height:20px;cursor:pointer}
.ustag{display:inline-block;max-width:100%;padding:0 5px;border-radius:2px;font-size:12px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ustag.ok{background:#f0f9f4;color:#68bb8d}
.ustag.off{background:#f2f2f2;color:#999}
.ustag.wait{background:#fff5eb;color:#e6a35d}
.ustag.bad{background:#fff5f5;color:#d70303}
.mwbtns{display:flex;justify-content:flex-end;gap:5px;margin-top:15px}
.mwbtns span{min-width:52px;box-sizing:border-box;text-align:center;padding:2px 14px;border:1px solid #d6d6d6;border-radius:100px;background:#fff;font-size:11px;line-height:16px;color:#555;cursor:pointer;white-space:nowrap}
/* 我发布的（设计稿「我发布的-文创」）：页签 14px，选中 #555 Medium + 60px 指示线；状态标签带 #d6d6d6 细边；条目分隔 #eee */
.ztabs.mwtabs.mwt{margin:20px 0 0;justify-content:center;gap:151px}
.ztabs.mwtabs.mwt .zt{flex:none;padding-bottom:5px}
.ztabs.mwtabs.mwt .zt.on{color:#555;font-weight:500}
.ztabs.mwtabs.mwt .ind{background:#555}
.ztabs.mwtabs.mwt.solo{justify-content:flex-start;gap:0}
.mw{border-bottom-color:#eee}
.ustag{border:0;line-height:17px}
/* 艺术家版（设计稿「我发布的-原作」）：名称 #555，按钮 12px / 高 23 */
.mwlist.artl .mwb b{color:#555}
.mwlist.artl .mwbtns span{font-size:12px;line-height:17px}
/* 推荐人管理名下艺术家作品（设计稿「我发布的-原作 / 文创」推荐人版）：价格与退回标签 #de5555；文创按钮 11px / 高 22 / #2f2f2f */
.mwlist.bkm .mwb em{color:#de5555}
.mwlist.bkm .ustag.bad{color:#de5555}
.mwlist.bkm.shopz .mwbtns span{font-size:11px;line-height:16px;color:#2f2f2f}
/* 我的 · 艺术家（设计稿） */
.mehome{background:#f5f5f5;min-height:calc(100vh - 76px);padding-bottom:20px;box-sizing:border-box}
.mhead{display:flex;align-items:center;gap:10px;padding:20px 15px;cursor:pointer}
.mhead .mhav{flex:none;width:68px;height:68px;border-radius:50%;background-color:#e9e9e9;background-size:cover;background-position:center;cursor:pointer}
.mmeta{flex:1;min-width:0}
.mname-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}
.mname{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:0 1 auto;min-width:0}
.mmeta b{display:block;font-size:16px;font-weight:500;color:#555;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.medit{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:12px;color:#555;cursor:pointer;min-width:0}
.medit .ar{width:9px;height:9px}
.medit small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#999}
.profile-state{flex:none;padding:1px 5px;border-radius:4px;font-style:normal;font-size:10px;line-height:16px}
.profile-state.pending{background:#fff4d5;color:#9a6a00}
.profile-state.rejected{background:#fff0ee;color:#c34b42}
.profile-state.hidden{background:#f1f1f1;color:#666}
.profile-pass{display:inline-flex;align-items:center;justify-content:center;flex:none;width:15px;height:15px;border-radius:50%;background:#4f8a5a;color:#fff}
.profile-pass svg{width:10px;height:10px}
.mesocial{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;margin:0 15px 15px;padding:0 15px;background:transparent}
.mesocial>span{display:flex;flex-direction:row;align-items:baseline;gap:4px;min-width:0;color:#777;font-size:14px;cursor:pointer}
.mesocial b{font-size:16px;font-weight:500;line-height:20px;color:#555}
.mbanner{position:relative;display:flex;align-items:center;justify-content:space-between;height:71px;margin:0 15px 15px;padding:0 14px 0 29px;border-radius:8px;overflow:hidden;background:linear-gradient(100deg,#ffd18a 0%,#ffe7c2 45%,#fff3e3 100%)}
.mbt b{display:block;font-size:14px;font-weight:700;color:#000;line-height:20px}
.mbt i{display:block;font-style:normal;font-size:11px;color:#7a7a7a;margin-top:3px}
.mbact{display:flex;flex-direction:column;align-items:center;gap:3px}
.mbgo{padding:2px 10px;border-radius:100px;background:#f98c63;color:#fff;font-size:12px;font-weight:500;letter-spacing:1px;line-height:19px;cursor:pointer}
.mbact u{font-size:10px;font-weight:300;color:#f98c63;cursor:pointer}
.mlist{margin:0 15px 15px;padding:0 15px;background:#fff;border-radius:8px}
.mli{display:flex;align-items:center;gap:5px;min-height:50px;border-bottom:1px solid #eee;font-size:14px;color:#555;cursor:pointer}
.mli:last-child{border-bottom:0}
.mli>span{flex:1;min-width:0}
.mli>em{font-style:normal;font-size:12px;color:#999}
.mli .ar{flex:none;width:11px;height:11px;color:#999;margin-left:5px}
.mlogout{text-align:center;padding:6px 0}
/* 我的 · 推荐人（设计稿） */
.bkcard{display:flex;align-items:center;justify-content:center;height:97px;margin:0 15px 15px;border-radius:8px;background:#fff;cursor:pointer}
.bkcard p{margin:0;text-align:center;font-size:14px;line-height:23px;color:#583b02;font-family:"Alibaba PuHuiTi 2.0","PingFang SC","Microsoft YaHei",sans-serif}
.mlogout span{font-size:12px;color:#aaa;cursor:pointer}
.mlogout i{font-style:normal;font-size:12px;color:#ccc;margin:0 8px}
/* 普通用户的横幅：设计稿只有底图，无文字 */
.mbanner.plain{height:89px;padding:0;background:url(/img/me-banner.png) center/cover no-repeat}
/* 普通用户活动入口（设计稿）：底图 70% 叠在 #f5f5f5 上，文字 / 描边按钮 #645037 */
.mbanner.uinc{height:84px;padding:20px 20px;box-sizing:border-box;background:#f5f5f5 url(/img/me-incent-bg.jpg) center/cover no-repeat;cursor:pointer}
.mbanner.uinc .mbt{min-width:0}
.mbanner.uinc .mbt b{font-size:16px;font-weight:500;line-height:24px;color:#645037;white-space:nowrap}
.mbanner.uinc .mbt i{margin-top:3px;font-size:12px;line-height:17px;color:#645037;white-space:nowrap}
.mbanner.uinc.bk{height:87px;background-image:url(/img/me-broker-bg.jpg)}
.mbanner.uinc.bk .mbt{padding:3px 0}
.mbanner.uinc.bk .mbt i{margin-top:0}
.mbanner.uinc.bk .mbgo{font-size:14px;line-height:21px}
.mbanner.uinc .mbgo{flex:none;padding:2px 14px;border:1px solid #645037;background:none;color:#645037;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0}
.mbanner.uinc.inactive{cursor:default}.mbinfo{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:1px;font-size:13px;font-weight:400;line-height:1;vertical-align:1px;cursor:pointer}
.me-user{display:flex;align-items:center;gap:10px;padding:8px 16px 2px;text-align:left}
.me-user .ava{width:40px;height:40px;cursor:pointer;flex:none}
.me-user-meta{flex:1;min-width:0}
.me-user-meta b{display:block;font-size:15px;font-weight:600;color:#1b1b1b;cursor:pointer}
.me-user-meta b.dim{color:#c4c4c4;font-weight:500}
.me-user-meta i{display:block;font-style:normal;font-size:11px;color:#bbb;margin-top:2px}
.me-user-actions{display:flex;align-items:center;gap:10px;flex:none}
.me-user .capsule{border:0;background:#f3f3f3;color:#555;font-size:11px;line-height:1;padding:5px 8px;border-radius:6px}
.me-user .lgout{margin:0;font-size:12px;line-height:1;color:#666;padding:0}
.me-user .lgout:active{color:#111}
.me-user .nickin{font-size:15px;font-weight:600;width:100%}
.stl{margin:12px 16px;background:#1b1b1b;color:#fff;border-radius:13px;padding:15px 17px}
.stl .r{display:flex;justify-content:space-between;align-items:baseline}
.stl .num{font-size:21px;font-weight:800}
.stl i{font-style:normal;font-size:10.5px;color:#aaa;display:block;margin-top:4px}
.stl.lite{background:#f4f3ef;color:#1b1b1b}
.stl.lite i{color:#888}
.cell.card2{background:#fff;border:1px solid #f0f0f0;border-radius:12px}
/* 「我的」里各块的标题：中等字重就够，粗黑体太吵 */
.cell.card2 b, .inqbar .ic b, .step>span:not(.btn) b{font-weight:500;letter-spacing:.01em}
.ord{margin:0 16px 10px;border:1px solid #ececec;border-radius:11px;padding:12px 13px}
.ord .st{font-size:10.5px;font-weight:700;color:var(--seal)}
.ord .st.ok{color:#4a7d4a}
.ord .l{display:flex;gap:10px;margin-top:7px;align-items:center}
.ord .th{flex:none;width:42px;height:42px;border-radius:7px}
.ord b{font-size:12.5px;display:block}
.ord i{font-style:normal;font-size:10.5px;color:#999;display:block}
.btn{margin-left:auto;flex:none;background:#1b1b1b;color:#fff;font-size:11px;border-radius:7px;padding:6px 11px;cursor:pointer;white-space:nowrap}
.btn.ol{background:#fff;color:#1b1b1b;border:1px solid #d9d9d9}
.login-banner{margin:15px;display:flex;align-items:center;gap:10px;background:#f7f8f7;border:1px solid #eef1ee;border-radius:12px;padding:11px 14px;font-size:12.5px;line-height:1.55;color:#666}
.login-banner>span:first-child{flex:1;min-width:0}
.tabs{display:flex;gap:18px;padding:12px 16px 0;border-bottom:1px solid #f0f0f0;font-size:13px;color:#999}
.tabs .t{padding-bottom:9px;cursor:pointer}
.tabs .t.on{color:#111;font-weight:800;border-bottom:2px solid #111}
.arhd{padding:16px 16px 0;display:flex;gap:13px;align-items:center}
.arhd .ava{width:56px;height:56px}
.arhd b{font-size:17px;display:block}
.arhd i{font-style:normal;font-size:11px;color:#999}
.bio-wrap{padding:16px;display:flex;flex-direction:column;gap:20px}
.bio{padding:0;font-size:13px;color:#555;line-height:1.8}
/* 分享邀请（设计稿） */
.ivwrap{padding:10px 30px 30px}
.ivtypes{display:flex;width:220px;margin:0 auto 18px;padding:3px;border-radius:999px;background:#f0f0f0}
.ivtypes span{flex:1;padding:7px 4px;border-radius:999px;text-align:center;font-size:13px;color:#777;cursor:pointer}
.ivtypes span.on{background:#2f2f2f;color:#fff}
.ivcard{position:relative;max-width:316px;margin:0 auto;aspect-ratio:316/446;border-radius:2px;overflow:hidden;background:#9fb2c4 url(/img/invite-bg.jpg) center/cover no-repeat}
.ivin{position:absolute;left:5.7%;right:5.7%;top:5.83%;bottom:5.6%;border-radius:2px;background:linear-gradient(180deg,#f4f9ff 0%,#fff 50%,#f5f9ff 100%);padding:22px 20px 25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.ivwho{display:flex;flex-direction:column;align-items:center;gap:5px}
.ivav{width:28px;height:28px;border-radius:50%;background:#111;object-fit:cover}
.ivwho i{font-style:normal;font-size:11px;color:#555;line-height:16px}
.ivcopy{text-align:center}.ivcopy b{display:block;font-size:16px;line-height:24px;color:#292929}.ivcopy i{display:block;margin-top:4px;font-style:normal;font-size:11px;line-height:17px;color:#666;white-space:pre-line}
.ivqr{display:flex;flex-direction:column;align-items:center;gap:5px}
.ivqr img,.ivqr>span{width:80px;height:80px;border-radius:50%;background:#f1f1f1;object-fit:cover}
.ivqr i{font-style:normal;font-size:10px;line-height:17px;color:#555}
.ivline{width:100%;height:1px;background:#f0f0f0}
.ivft{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.ivbrand,.ivstat{font-style:normal;color:#555}.ivbrand{font-size:9px;line-height:13px;color:#4f4f4f}.ivstat{font-size:8.5px;line-height:13px;color:#777}.ivstat b{font-weight:600;color:#555}.ivstat em{font-style:normal;padding:0 2px;color:#aaa}
.ivedit{margin-top:30px}.ivedit label{display:block;font-size:14px;line-height:20px;color:#555;margin-bottom:8px}.ivedit textarea{display:block;width:100%;height:58px;resize:none;border:1px solid #c4c4c4;border-radius:2px;background:#f9f9f9;padding:10px 8px;font-size:13px;line-height:19px;color:#333;font-family:inherit;outline:none}.ivedit p{margin:7px 0 0;font-size:12px;line-height:18px;color:#999}
.ivbtns{display:flex;gap:15px;margin-top:30px}
.ivbtns span{flex:1;text-align:center;padding:10px 15px;border-radius:2px;font-size:14px;line-height:20px;cursor:pointer}
.ivbtns .lite{background:#fff;border:1px solid #a6a6a6;color:#555;padding:9px 15px}
.ivbtns .dark{background:#2f2f2f;color:#fff}
.poster{margin:14px auto 0;width:216px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.1)}
.poster .top{height:70px;background:linear-gradient(160deg,#e3d3ce,#b96b4f 55%,#5c2f24)}
.poster .pv{width:44px;height:44px;border-radius:99px;background:linear-gradient(135deg,#c9b28a,#6f5c3f) center/cover no-repeat;border:2px solid #fff;margin:-22px auto 0}
.poster .nm{text-align:center;font-weight:800;font-size:13px;margin-top:5px}
.poster .ro{text-align:center;font-size:10px;color:#999}
.poster .in{text-align:center;font-size:10px;color:#666;padding:5px 14px 0;line-height:1.6}
.poster .pl{border-top:1px dashed #eee;margin-top:9px;padding:8px 13px;display:flex;gap:9px;align-items:center}
.poster .pl i{font-style:normal;font-size:9px;color:#888;line-height:1.5;flex:1}
.poster .sc{text-align:center;font-size:9px;color:#aaa;padding:0 0 9px}
img.qr{background:#fff;object-fit:contain}
.qr{flex:none;width:46px;height:46px;border:1px solid #ddd;background:conic-gradient(#1b1b1b 90deg,#fff 90deg 180deg,#1b1b1b 180deg 270deg,#fff 270deg) 0 0/6px 6px}
.cta2{display:flex;gap:11px;margin:14px 16px 0}
.cta2 .b{flex:1;text-align:center;padding:11px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}
.cta2 .dark{background:#1b1b1b;color:#fff}
.cta2 .lite{border:1px solid #1b1b1b}
.strow{display:flex;margin:12px 16px 0;border:1px solid #ececec;border-radius:11px}
.strow .s{flex:1;text-align:center;padding:9px 0;border-right:1px solid #f2f2f2}
.strow .s:last-child{border-right:0}
.strow b{display:block;font-size:15px}
.strow i{font-style:normal;font-size:9.5px;color:#999}
.cell{display:flex;justify-content:space-between;align-items:center;margin:0 16px;padding:14px 2px;border-bottom:1px solid #f5f5f5;font-size:13.5px;cursor:pointer}
.cell i{font-style:normal;color:#bbb}
/* 活动奖励 */
.act{border:1px solid var(--line);border-radius:12px;margin:12px 16px;overflow:hidden}
.act .ah{padding:12px 15px;background:#faf9f7;border-bottom:1px solid var(--line)}
.act .ah b{font-size:14px;display:block}
.act .ah i{font-style:normal;display:block;font-size:11px;color:var(--mut);margin-top:3px}
.act .ab{padding:12px 15px}
.rule{display:flex;gap:9px;font-size:12px;color:#555;line-height:1.75;margin-bottom:7px}
.rule .n{flex:none;width:16px;height:16px;border-radius:99px;background:var(--seal);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:4px}
.rule.off{opacity:.5}
.rule.off .n{background:#bbb}
.prog{height:6px;background:#efefef;border-radius:99px;overflow:hidden;margin-top:9px}
.prog i{display:block;height:100%;background:var(--seal)}
.progt{font-size:11px;color:var(--mut);margin-top:6px;display:flex;justify-content:space-between}
.progt b{color:var(--ink)}
.led{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #f5f5f5;align-items:flex-start}
.led .lt{flex:1;min-width:0}
.led b{display:block;font-size:12.5px}
.led i{font-style:normal;display:block;font-size:10.5px;color:var(--mut);margin-top:3px;line-height:1.6}
.led .amt{flex:none;font-weight:800;font-size:14px;text-align:right}
.led .amt s{display:block;text-decoration:none;font-size:9.5px;font-weight:400;margin-top:3px}
.tagx{display:inline-block;font-size:9.5px;border-radius:3px;padding:1px 6px;margin-right:5px;border:1px solid #ccc;color:#777;vertical-align:1px}
.tagx.red{border-color:var(--seal);color:var(--seal)}
.tagx.ok{border-color:#4a7d4a;color:#4a7d4a}
.notice{margin:12px 16px;background:var(--soft);border:1px solid #f0d9d3;border-radius:10px;padding:11px 14px;font-size:12px;line-height:1.8;color:#7a3a2c}
.notice b{font-weight:700}
.notice.ok{background:#eef6ee;border-color:#cfe3cf;color:#2e6b2e}
.wxid{display:inline;font-weight:700;color:#1b1b1b;font-family:ui-monospace,Menlo,monospace;letter-spacing:.03em;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.wxcopy{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;padding:9px 14px;max-width:280px;background:#fff;border:1px dashed #e0c4bc;border-radius:10px;cursor:pointer;color:#7a3a2c;font-size:12.5px;user-select:none}
.wxcopy:active{background:#fdf6f4}
.wxcopy b{font-family:ui-monospace,Menlo,monospace;letter-spacing:.04em;color:#1b1b1b;font-size:14px}
.wxcopy i{font-style:normal;font-size:11px;color:#b07a70}
.pool{margin:12px 16px;border:1px dashed #ddd;border-radius:10px;padding:10px 13px;font-size:11.5px;color:var(--mut);line-height:1.8}
.pool b{color:var(--ink)}
/* 抽奖 */
.draw{margin:14px 16px;border:1px solid var(--line);border-radius:14px;padding:22px 16px;text-align:center;background:#fff}
.draw .cap{font-size:12px;color:var(--mut)}
.draw .amt{font-size:46px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;margin:12px 0 4px}
.draw .amt.rolling{color:#bbb}
.draw .amt .u{font-size:20px;font-weight:700}
.draw .sub{font-size:11.5px;color:var(--mut);min-height:18px}
.tickets{display:inline-block;background:var(--seal);color:#fff;border-radius:99px;font-size:11px;padding:2px 11px;font-weight:700}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:96px;background:rgba(27,27,27,.92);color:#fff;font-size:13px;line-height:1.55;padding:11px 16px;border-radius:10px;z-index:40;max-width:76%;text-align:center;letter-spacing:.02em}
.fade-enter-active,.fade-leave-active{transition:opacity .2s}
.fade-enter-from,.fade-leave-to{opacity:0}
.note{font-size:10.5px;color:#a5a5a5;padding:6px 16px 14px;line-height:1.7}
.collapse{margin:12px 16px 0;border:1px solid #ececec;border-radius:11px;overflow:hidden}
.collapse .ch{padding:11px 14px;font-size:12.5px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer;background:#fafafa}
.collapse .cb{padding:0 0 12px}
.empty{text-align:center;color:#bbb;font-size:12px;padding:44px 0}
.fav-loading{padding-top:60px}
.empty-state{padding:76px 16px 0;text-align:center}
.empty-state .van-empty__image{display:block;width:160px;height:160px;margin:0 auto;object-fit:contain}
.empty-state .van-empty__description{margin:16px 0 0;color:#969799;font-size:14px;line-height:20px}
/* 登录：微信一键 / 验证码 互斥两页，右下角切换 */
.login-page{position:relative;min-height:calc(100vh - 76px);padding-bottom:48px}
.login-wx{display:flex;flex-direction:column;align-items:center;padding:48px 40px 0;box-sizing:border-box}
.login-wx-logo{width:84px;height:84px;border-radius:15px;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:none}
.login-wx-logo img{width:100%;height:100%;object-fit:contain;display:block}
.login-wx-sub{margin-top:88px;font-size:16px;line-height:1;color:#9a9a9a;text-align:center}
.login-wx-btn{margin:24px 0 0;width:100%;border-radius:4px;font-weight:400}
.login-wx-btn.login-wx-need-agree{opacity:.55}
.login-wx-agree{width:100%;justify-content:center;padding:24px 0 0}
.login-switch{width:max-content;margin:80px auto 0;font-size:12px;font-weight:400;color:#1b1b1b;background:transparent;border-radius:0;padding:0;cursor:pointer;user-select:none;line-height:1;box-shadow:none}
.login-switch:active{color:#555}
.test-phone-row{display:flex;gap:8px;align-items:center}
.test-phone-row .inp{flex:1;min-width:0}
.sms-wx-switch{width:max-content;margin:100px auto 0;font-size:12px;color:#1b1b1b;cursor:pointer;user-select:none}
.sms-wx-switch:active{color:#555}
.invite-save{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 28px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}
.invite-save img{max-width:78%;max-height:62%;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.invite-save-tip{margin-top:16px;color:#fff;font-size:13px;text-align:center}
.invite-save-close{margin-top:14px;color:#bbb;font-size:12px;cursor:pointer}
.staff-qr{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:91;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.staff-qr-card{width:min(100%,350px);padding:22px 20px 18px;border-radius:14px;background:#fff;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.staff-qr-title{font-size:16px;line-height:22px;color:#1b1b1b;font-weight:500}
/* iOS 微信 web-view：显式启用 WebKit 的默认图片 callout 会抢先弹出“分享 / 存储 / 拷贝”系统菜单，
   使微信无法接管长按后的二维码识别。保持图片可命中，但禁用该原生 callout。 */
.staff-qr-card img{display:block;width:100%;max-height:68vh;margin:16px auto 0;object-fit:contain;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.staff-qr-close{margin:16px auto 0;width:120px;padding:7px 0;border-radius:4px;background:#1b1b1b;color:#fff;font-size:12px;line-height:18px;cursor:pointer}
.staff-qr:not(.activity-rules){flex-direction:column}
.staff-qr:not(.activity-rules) .staff-qr-card{width:min(100%,350px);padding:0;background:transparent;box-shadow:none}
.staff-qr:not(.activity-rules) .staff-qr-card img{display:block;width:100%;max-height:68vh;margin:0;background:#fff;border-radius:14px;object-fit:contain}
.staff-qr:not(.activity-rules) .staff-qr-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:48px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:transparent;color:#fff;font-size:35px;font-weight:200;line-height:42px}
.follow-qr{position:fixed;inset:0;z-index:92;background:rgba(0,0,0,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.follow-qr-card{width:min(100%,350px);padding:28px 20px 24px;border-radius:14px;background:linear-gradient(150deg,#d8fff8 0%,#f1fff2 52%,#fff 100%);text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.follow-qr-title b,.follow-qr-title strong{display:block;color:#111;line-height:1.2}
.follow-qr-title b{font-size:25px;font-weight:700}
.follow-qr-title strong{margin-top:10px;font-size:25px;font-weight:700}
.follow-qr-title em{font-style:normal;color:#0abb66}
.follow-qr-card img{display:block;width:238px;height:238px;margin:22px auto 0;object-fit:contain;background:#fff}
.follow-qr-tip{margin-top:18px;color:#7d7d87;font-size:17px;line-height:24px}
.follow-qr-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:48px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;font-size:35px;font-weight:200;line-height:42px;cursor:pointer}
/* 艺术家 / 普通用户 · 活动页（设计稿「艺术家/普通用户活动」） */
.acth{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:114px;box-sizing:border-box;padding:20px;background:#fff url(/img/act-head-bg.jpg) center/cover no-repeat;text-align:center}
.acth{position:relative}.acthrule{position:absolute;top:12px;right:14px;font-size:12px;color:#645037;cursor:pointer}.activity-rules .staff-qr-card{display:flex;flex-direction:column;width:min(100%,350px);max-height:78vh;padding:0;overflow:hidden}.activity-rules .staff-qr-title{flex:none;padding:22px 20px 14px}.activity-rules .activity-rules-body{flex:1;min-height:0;overflow-y:auto;padding:0 20px 18px;scrollbar-gutter:stable}.activity-rules .staff-qr-close{display:flex;align-items:center;justify-content:center;flex:none;width:auto;margin:0;padding:12px 20px 18px;border-radius:0 0 14px 14px;background:#fff}.activity-rules-close-btn{display:block;width:120px;padding:7px 0;border-radius:4px;background:#1b1b1b;color:#fff;font-size:12px;line-height:18px;cursor:pointer}.activity-rules-body{text-align:left;font-size:13px;line-height:1.6;color:#555}.activity-rules-body b{display:block;margin-top:12px;color:#222}.activity-rules-body p{margin:3px 0}.activity-rules-body strong{color:#222}.activity-rules-body ol,.activity-rules-body ul{margin:3px 0 0;padding-left:20px}.activity-rules-body li+li{margin-top:4px}
.acth b{font-size:20px;font-weight:500;line-height:30px;color:#645037}
.acth i{font-style:normal;font-size:14px;line-height:20px;color:#645037}
.acth:not(.bk){height:132px}
.acthclaim{margin-top:4px;padding:5px 14px;border-radius:14px;background:#645037;color:#fff;font-size:12px;line-height:18px;cursor:pointer}
.scroll.activityview{overflow-y:auto;padding-bottom:0}.actpg{min-height:calc(100vh - 48px);box-sizing:border-box;padding-bottom:24px;background:#f5f5f5}
.actcard{margin:15px;padding:0 20px;border-radius:5px;background:rgba(255,255,255,.8)}
.actcard.pad{padding:20px;background:#fff}
.atask{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:30px 0}
.atask+.atask{border-top:1px solid #eee}
.atl{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.atl b{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400;line-height:20px;color:#555}
.work-task-hint{font-size:12px;font-weight:400;color:#999}
.work-task-hint.work-task-returned{color:#d70303}
.work-task-link{cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.anum{flex:none;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#e6e3e3;color:#fff;font-size:10px;line-height:1;font-weight:500}
.ack{flex:none;width:15px;height:15px}
.atag{max-width:100%;padding:0 5px;border:0;border-radius:2px;font-size:12px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atag.ok{background:#ebf5eb;color:#609b60}
.atag.wait{background:#fff5eb;color:#e6a35d}
.atag.bad{background:#fff5f5;color:#d70303}
.atag.gray{background:#f5f5f5;color:#999}
.atbtn{flex:none;padding:4px 14px;border:1px solid #cdcdcd;border-radius:100px;font-size:14px;line-height:20px;color:#555;background:#fff;cursor:pointer;white-space:nowrap}
.ahow{font-size:14px;line-height:20px;color:#2f2f2f;padding:0 0 5px;border-bottom:1px solid #eee}
.ahowtx{margin-top:8px;font-size:14px;line-height:22px;color:#999}
.ahowtx u{color:#555;cursor:pointer}
.aclaim{margin-top:20px;padding:8px 0;border-radius:2px;background:#d0d0d0;color:#fff;text-align:center;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.aclaim.on{background:#2f2f2f}
.acode{background:#fcfbfb}
.acode-h{padding:20px 15px 10px;border-bottom:1px solid #e6e6e6;font-size:14px;line-height:20px;color:#2f2f2f;text-align:center}
.acode-b{display:flex;flex-direction:column;align-items:center;padding:10px 20px 20px}
.acode-b strong{font-size:20px;font-weight:600;line-height:29px;color:#2f2f2f;letter-spacing:.02em}
.acode-b i{margin-top:8px;font-style:normal;font-size:12px;line-height:17px;color:#999}
.acode-btns{display:flex;gap:10px;width:100%;margin-top:15px}
.acode-btns span{flex:1;padding:7px 0;border-radius:5px;text-align:center;font-size:14px;line-height:20px;cursor:pointer}
.acode-btns .dk{background:#2f2f2f;color:#fff;border:1px solid #2f2f2f}
.acode-btns .ol{border:1px solid #cdcdcd;color:#555;background:#fff}
.arec{margin-top:15px;display:flex;flex-direction:column;gap:5px}
.arec>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.arec b{font-size:14px;font-weight:500;line-height:20px;color:#2f2f2f}
.arec em{font-style:normal;font-size:12px;line-height:17px;color:#68bb8d}
.arec em.void{color:#999}
.arec em.failed{color:#d70303}
.arec i{font-style:normal;font-size:12px;line-height:17px;color:#999}
.arec .reward-void-reason{color:#d70303}
/* 推荐人 · 活动页（设计稿「推荐人活动」：顶图 + 活动 / 奖励 / 领取） */
.acth.bk{background-image:url(/img/act-head-bk.jpg)}
.bktabs{position:relative;display:flex;justify-content:center;gap:40px;padding:20px 30px 8px;background:#fff}
.bktabs span{position:relative;font-size:14px;line-height:20px;color:#999;cursor:pointer}
.bktabs span.on{color:#2f2f2f;font-weight:500}
.bktabs span.on::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-8px;height:2px;background:#2f2f2f}
.actcard.bkc{padding:0 20px}
.bka{padding:20px 0}
.bka+.bka{border-top:1px solid #eee}
.actcard.pad .bka{padding:0}
.bkah{display:flex;align-items:center;justify-content:space-between;gap:5px}
.bkah b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;line-height:20px;color:#222}
.bkah b img{width:16px;height:16px}
.bkah i{font-style:normal;font-size:12px;line-height:17px;color:#999;white-space:nowrap}
.bkah i.msp{font-size:12px;line-height:20px}
.bkah i.msp em{font-style:normal;font-size:16px;font-weight:500;color:#2f2f2f}
.bka p{margin:10px 0 0;font-size:12px;line-height:17px;color:#999}
.bkprogress{height:6px;margin-top:14px;overflow:hidden;border-radius:99px;background:#eee}
.bkprogress span{display:block;height:100%;border-radius:inherit;background:#645037;transition:width .2s ease}
.bkab{display:flex;gap:20px;margin-top:20px}
.bkab span{flex:1;padding:7px 0;border-radius:2px;text-align:center;font-size:14px;line-height:20px;cursor:pointer}
.bkab .ol{border:1px solid #cdcdcd;color:#555;background:#fff}
.bkab .dk{border:1px solid #2f2f2f;background:#2f2f2f;color:#fff}
.collabpg{padding:15px 0 105px}
.collab-actions{position:fixed;left:50%;bottom:80px;z-index:7;display:flex;gap:10px;width:min(400px,calc(100% - 30px));margin:0;transform:translateX(-50%)}
.collab-actions span{flex:1;padding:8px 0;border-radius:2px;text-align:center;font-size:14px;line-height:20px;cursor:pointer}
.collab-actions .dk{border:1px solid #2f2f2f;background:#2f2f2f;color:#fff}
.collab-actions .ol{border:1px solid #cdcdcd;background:#fff;color:#555}
.collab-tabs{display:flex;justify-content:center;gap:40px;padding:20px 30px 8px;background:#fff}
.collab-tabs span{position:relative;font-size:14px;line-height:20px;color:#999;cursor:pointer}
.collab-tabs span.on{color:#2f2f2f;font-weight:500}
.collab-tabs span.on::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-8px;height:2px;background:#2f2f2f}
.collab-section{margin-bottom:15px;padding:0 20px;border-radius:5px;background:#fff}
.collab-section h3{margin:0;padding:20px 0 4px;font-size:14px;font-weight:500;line-height:20px;color:#555}
.collab-section>p{margin:0;padding-bottom:8px;font-size:12px;line-height:17px;color:#999}
.collab-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}
.collab-row+.collab-row{border-top:1px solid #eee}
.collab-row>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.collab-row b{overflow:hidden;font-size:14px;font-weight:400;line-height:20px;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap}
.collab-row i{font-style:normal;font-size:12px;line-height:17px;color:#999}
.collab-row i.collab-task{display:flex;align-items:flex-start;gap:6px}
.collab-task.actionable{position:relative;padding-right:66px}
.collab-task-text{min-width:0;flex:1}
.collab-task-action{position:absolute;top:0;right:0;display:flex;align-items:center;color:#555;white-space:nowrap;cursor:pointer}
.collab-task-action::after{content:"›";margin-left:4px;font-size:16px;line-height:17px}
.collab-task.done .collab-task-action{color:#555}
.collab-task em{flex:none;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;margin-top:2px;box-sizing:border-box;border:1px solid #c9c9c9;border-radius:50%;font-size:9px;font-style:normal;line-height:1;color:transparent}
.collab-task.done{color:#609b60}
.collab-task.done em{border-color:#609b60;background:#609b60;color:#fff}
.collab-row span{flex:none;font-size:12px;line-height:17px;color:#555;cursor:pointer}
.collab-row em{flex:none;padding:2px 6px;border-radius:2px;background:#ebf5eb;color:#609b60;font-size:12px;font-style:normal;line-height:17px}
.actcard.bksum{border:1px solid #e6e6e6;padding:19px}
.bksum>div{display:flex;align-items:center;justify-content:space-between}
.bksum b{font-size:14px;font-weight:500;line-height:20px;color:#2f2f2f}
.bksum strong{font-size:18px;font-weight:500;line-height:26px;color:#2f2f2f}
.bksum>i{display:block;margin-top:8px;font-style:normal;font-size:14px;line-height:20px;color:#999}
.bkchips{display:flex;gap:5px;margin-bottom:20px}
.bkchips span{padding:4px 14px;border:1px solid #e4e4e4;border-radius:2px;background:#f5f5f5;font-size:14px;line-height:20px;color:#999;cursor:pointer}
.bkchips span.on{border-color:transparent;background:none;color:#2f2f2f}
.bkrow{display:flex;flex-direction:column;gap:5px;padding:20px 0;border-top:1px solid #eee}
.bkchips+.bkrow{padding-top:0;border-top:0}
.bkrow .r1,.bkrow .r2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bkrow .r1 b{font-size:14px;font-weight:500;line-height:20px;color:#2f2f2f}
.bkrow .r1 b:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkrow .r2 i,.bkrow .r3{font-style:normal;font-size:12px;line-height:17px;color:#999;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bkrow .r2 em{flex:none;font-style:normal;font-size:12px;line-height:17px}
.bkrow .r2 em.done{color:#68bb8d}
.bkrow .r2 em.open{color:#fb8b45}
.bkrow .r2 em.void{color:#bbb}
.bkrow:last-of-type{padding-bottom:0}
.bkempty{padding:20px 0 0;text-align:center;font-size:12px;color:#bbb}
.bkclaim{margin:10px 10px 0;padding:8px 0;border-radius:2px;background:#d0d0d0;color:#fff;text-align:center;font-size:14px;font-weight:500;line-height:20px;cursor:pointer}
.bkclaim.on{background:#2f2f2f}
.bkledger-card{padding:16px;border-radius:5px}
.bkledger-summary{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:5px;background:#fff}
.bkledger-summary-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.bkledger-summary-copy b{font-size:16px;font-weight:500;line-height:23px;color:#2f2f2f}
.bkledger-summary-copy b strong{font-size:18px;font-weight:500;line-height:26px;color:#c84b40}
.bkledger-summary-copy i{display:block;font-size:12px;font-style:normal;line-height:17px;color:#999}
.bkledger-summary>span{flex:none;padding:5px 11px;border-radius:2px;background:#2f2f2f;color:#fff;font-size:12px;line-height:18px;cursor:pointer}
.actcard.pad.bkledger-list{margin:16px 0 0;padding:16;background:#fff}
.bkledger-list h3{margin:0;padding-bottom:12px;border-bottom:1px solid #eee;font-size:14px;font-weight:500;line-height:20px;color:#2f2f2f}
.bkledger-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #eee}
.bkledger-row:last-of-type{border-bottom:0;padding-bottom:0}
.bkledger-info{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}
.bkledger-title{display:flex;align-items:center;min-width:0;gap:5px}
.bkledger-info b{overflow:hidden;min-width:0;font-size:14px;font-weight:400;line-height:20px;color:#2f2f2f;text-overflow:ellipsis;white-space:nowrap}
.bkledger-info i{font-size:12px;font-style:normal;line-height:17px;color:#999}
.bkledger-title em{flex:none;display:inline-block;padding:1px 5px;border-radius:2px;background:#f5f5f5;color:#999;font-size:11px;font-style:normal;line-height:15px}
.bkledger-title em.open{background:#fff3df;color:#c5822f}
.bkledger-title em.processing{background:#fff4e8;color:#ae7336}
.bkledger-title em.done{background:#ebf5eb;color:#609b60}
.bkledger-title em.void{background:#f5f5f5;color:#bbb}
.bkledger-row strong{flex:none;font-size:16px;font-weight:500;line-height:20px;color:#609b60}
.actcard.bkcode{padding:0;background:#fff;overflow:hidden}
.bkcode-h{padding:20px 15px;background:#fcfbfb;border-bottom:1px solid #e6e6e6}
.bkcode-h b{display:block;font-size:14px;font-weight:400;line-height:20px;color:#2f2f2f}
.bkcode-h i{display:block;margin-top:5px;white-space:nowrap;letter-spacing:-.01em;font-style:normal;font-size:12px;line-height:17px;color:#999}
.bkcode-h u{color:#555;cursor:pointer}
.bkcode .acode-b{padding:20px}
.bkcode .acode-btns span{padding:4px 0}
/* 名下艺术家（设计稿「名下艺术家」v2）：灰底白卡片 */
.hd.mahd .ttl{font-size:16px;font-weight:500;color:#2f2f2f}
.mapg{min-height:calc(100vh - 48px);padding:20px 15px 30px;background:#f5f5f5;box-sizing:border-box}
.macard{padding:10px;border-radius:5px;background:#fff}
.macard+.macard{margin-top:10px}
.mainf{display:flex;align-items:flex-start;gap:10px}
.maedit{flex:1;display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}
.maedit:active,.maworks:active{opacity:.65}
.macard .maav{width:52px;height:52px}
.macard .mainfo{gap:8px}
.macard .mainfo b{font-size:14px;font-weight:500;line-height:20px;color:#2f2f2f}
.mahome{flex:none;padding-top:2px;font-size:12px;line-height:17px;color:#777;cursor:pointer;white-space:nowrap}
.maworks{display:flex;align-items:center;gap:5px;min-width:0;margin-top:10px;padding-top:10px;border-top:1px solid #f5f5f5;cursor:pointer}
.maworks i{font-style:normal;font-size:12px;line-height:17px;color:#999;white-space:nowrap}
.maarrow{margin-left:auto;font-size:18px;line-height:17px;color:#aaa}
.matag{flex:0 1 auto;min-width:0;max-width:170px;padding:0 5px;border:0;border-radius:2px;font-size:12px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.matag.wait{background:#fff5eb;color:#e6a35d}
.matag.bad{background:#fff5f5;color:#de5555}
.matag.ok{background:#ebf5eb;color:#609b60}
.mapg .mafoot{padding:20px 0 0;display:flex;flex-direction:column;gap:10px}
.mapg .maol,.mapg .madk{padding:8px 0;border-radius:2px;text-align:center;font-size:16px;line-height:24px;cursor:pointer}
.mapg .maol{border:1px solid #cdcdcd;background:#fff;color:#555;padding:7px 0}
.mapg .madk{background:#2f2f2f;color:#fff}
/* 推荐人创建的艺术家资料确认 */
.claim-hd{padding-bottom:12px}
.clpg{padding:20px 22px calc(178px + env(safe-area-inset-bottom,0px))}
.clintro{margin:0 0 12px;font-size:14px;line-height:26px;color:#242424;letter-spacing:.1px}
.clwho{display:flex;align-items:center;gap:13px;padding:16px 17px;background:#f3f3f3;border-radius:10px;cursor:pointer;transition:background .15s}
.clwho:active{background:#e9e9e9}
.clav{flex:none;width:58px;height:58px;border-radius:50%;background:#e9e9e9 center/cover no-repeat}
.clarrow{margin-left:auto;padding-left:10px;font-size:28px;line-height:1;color:#999}
.clwho>div{min-width:0}
.clwho b{display:block;font-size:16px;font-weight:600;line-height:22px;color:#2f2f2f}
.clwho i{display:block;margin-top:4px;font-style:normal;font-size:12px;line-height:17px;color:#888}
.clmaintain{margin-top:20px;padding:16px;border-radius:10px;background:#f7f7f7}
.clmaintain p{margin:0;font-size:12px;line-height:20px;color:#777}
.clmaintain p+p{margin-top:5px;color:#555}
.clhelp{margin-top:30px;font-size:12px;line-height:20px;color:#999;text-align:center;cursor:pointer}
.clhelp:active{color:#666}
.clok{position:fixed;left:50%;bottom:calc(44px + env(safe-area-inset-bottom,0px));z-index:8;width:calc(100% - 44px);max-width:386px;transform:translateX(-50%);margin:0;padding:13px 0;border-radius:10px;background:#d0d0d0;color:#fff;text-align:center;font-size:15px;font-weight:600;line-height:24px;cursor:pointer;transition:background .15s;box-shadow:0 5px 18px rgba(27,27,27,.16)}
.clok.on{background:#2f2f2f}
/* 资料审核状态（设计稿）：我的-艺术家 编辑个人资料旁；编辑页顶部不通过原因；名下艺术家名称旁 */
.medit .mrev{font-style:normal;font-size:12px;line-height:17px;color:#555}
.obrej{margin:20px 30px 0;padding:12px 10px;border-radius:3px;background:#fff5f5}
.obrej b{display:block;font-size:14px;font-weight:400;line-height:20px;color:#de5555}
.obrej i{display:block;margin-top:3px;font-style:normal;font-size:12px;line-height:17px;color:#de5555;word-break:break-all}
.obpending{margin:20px 30px 0;padding:12px 10px;border-radius:3px;background:#fffaf0;color:#a86b00;font-size:14px;line-height:20px}
.maname{display:flex;align-items:center;gap:8px;min-width:0}
.maname b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 文创没有筛选行：列表与页签之间留 10px */
.grid.nof{margin-top:10px}
/* 我发布的：列表底部上传按钮（描边，与名下艺术家「新建艺术家」同款） */
.mwup{position:fixed;left:50%;bottom:80px;z-index:7;transform:translateX(-50%);margin:0;padding:5px 15px;border-radius:3px;background:#1b1b1b;text-align:center;font-size:14px;line-height:20px;color:#fff;cursor:pointer;white-space:nowrap}