*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4a9eff;--primary-dark: #2f86e8;--red: #e74c3c;--orange: #ff8a3d;--green: #2ecc71;--tag-blue: #4a9eff;--tag-green: #27ae60;--bg: #f5f5f5;--card: #ffffff;--text: #222222;--text-secondary: #999999;--border: #eeeeee;--nav-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;background:#e8e8e8;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;border:none;outline:none;background:none}.app-shell{max-width:420px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;box-shadow:0 0 40px #0000001f;padding-bottom:calc(var(--nav-h) + var(--safe-bottom))}.app-shell.no-tab{padding-bottom:0}.app-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border);padding:10px 14px 8px;text-align:center}.app-header .header-row{display:flex;align-items:center;justify-content:space-between}.app-header .header-title{font-size:16px;font-weight:600;line-height:1.2}.app-header .header-sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.app-header .icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666;font-size:18px;cursor:pointer;border-radius:50%}.app-header .icon-btn:active{background:#f0f0f0}.page-title-bar{background:#fff;padding:12px 16px;font-size:18px;font-weight:700;border-bottom:1px solid var(--border)}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:420px;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;border-top:1px solid #e5e5e5;display:flex;z-index:100}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#888;font-size:11px}.tabbar a.active{color:var(--primary)}.tabbar .tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-box{margin:12px 14px;background:#f0f0f0;border-radius:20px;display:flex;align-items:center;padding:8px 14px;gap:8px;color:#aaa}.search-box input{flex:1;font-size:14px;color:var(--text)}.search-box input::placeholder{color:#aaa}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#bbb;font-size:14px}.empty-state .empty-illust{width:140px;height:120px;margin-bottom:16px;position:relative}.empty-card{margin:12px 14px;background:#fff;border-radius:12px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{background:#fff;border-radius:12px;margin:12px 14px;overflow:hidden}.announce-hero{margin:12px 14px;background:#fff;border:3px solid #e74c3c;border-radius:10px;padding:16px 14px 14px}.announce-hero .brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.announce-hero .brand-logo{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#1a7a4c,#2ecc71);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid #c9a227}.announce-hero .brand-name{font-size:18px;font-weight:800}.announce-hero .brand-desc{font-size:13px;color:#444;line-height:1.6;margin-bottom:14px}.announce-actions{display:flex;justify-content:space-around;padding-top:4px}.announce-actions .action-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#333}.announce-actions .action-icon{width:44px;height:44px;border-radius:50%;background:#e74c3c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 18px 8px;font-size:13px;color:#666}.filter-bar .sort{display:flex;align-items:center;gap:4px}.article-list{padding-bottom:8px}.article-link{display:block;margin:0 14px 12px}.card-box{position:relative;background:#fff;border-radius:10px;padding:18px 12px 12px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.corner{position:absolute;top:0;width:68px;height:68px;margin:0;padding:0;overflow:hidden;z-index:6;font-style:normal;font-size:0;color:transparent;pointer-events:none}.corner:before{position:absolute;display:block;width:96px;padding:3px 0;font-size:11px;line-height:1.25;color:#fff;text-align:center;box-shadow:0 1px 2px #00000026}.corner-lt{left:0}.corner-lt:before{content:"公开";left:-26px;top:12px;background:#ff8a3d;transform:rotate(-45deg)}.corner-rt{right:0}.corner-rt span{position:absolute;display:block;width:96px;padding:3px 0;right:-26px;top:12px;font-size:11px;line-height:1.25;color:#fff;text-align:center;background:#ff8a3d;box-shadow:0 1px 2px #00000026;transform:rotate(45deg)}.ribbon{position:absolute;top:0;width:68px;height:68px;overflow:hidden;z-index:6;pointer-events:none;font-style:normal}.ribbon span{position:absolute;display:block;width:96px;padding:3px 0;font-size:11px;line-height:1.25;color:#fff;text-align:center;box-shadow:0 1px 2px #00000026}.ribbon.left,.ribbon.public{left:0;right:auto}.ribbon.left span,.ribbon.public span{content:none;left:-26px;top:12px;background:#ff8a3d;transform:rotate(-45deg)}.ribbon.right,.ribbon.pin{right:0;left:auto}.ribbon.right span,.ribbon.pin span{right:-26px;left:auto;top:12px;background:#ff7043;transform:rotate(45deg)}.article-main{display:flex;gap:10px;align-items:flex-start}.article-title{flex:1;font-size:15px;font-weight:700;line-height:1.45;padding:4px 2px 0}.stamp{width:48px;height:48px;border-radius:50%;border:2.5px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0;transform:rotate(-12deg);opacity:.9}.stamp.green{border-color:var(--green);color:var(--green)}.stamp.gray{border-color:#bbb;color:#bbb}.article-price{font-size:22px;font-weight:800;color:var(--red);white-space:nowrap;margin-top:2px}.article-price small{font-size:14px;font-weight:700}.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:11px;padding:2px 8px;border-radius:4px;color:#fff}.tag.red{background:#e74c3c}.tag.blue{background:#4a9eff}.tag.green{background:#27ae60}.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:#999}.article-meta span{display:inline-flex;align-items:center;gap:3px}.order-tabs{background:#fff;display:flex;border-bottom:1px solid var(--border);padding:0 8px}.order-tabs .tab{flex:1;text-align:center;padding:14px 0 12px;font-size:14px;color:#888;position:relative;cursor:pointer}.order-tabs .tab.active{color:var(--primary);font-weight:600}.order-tabs .tab.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:40px;height:3px;background:var(--primary);border-radius:2px}#order-list{padding:4px 0 8px}.order-item{display:block;background:#fff;margin:10px 12px;border-radius:12px;padding:14px;box-shadow:0 2px 10px #0000000a;overflow:hidden}.order-item .order-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;color:#999;min-width:0}.order-item .order-head .ono{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item .order-status{flex-shrink:0;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e8f4ff;color:var(--primary)}.order-item .order-status.done{background:#e8faf0;color:#1faa59}.order-item .order-status.cancel{background:#f3f4f6;color:#9ca3af}.order-item .order-body{display:flex;gap:12px;align-items:flex-start;min-width:0}.order-item .thumb{width:60px;height:60px;border-radius:10px;background:linear-gradient(145deg,#ffe8d6,#ffc9a8);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.order-item .info{flex:1;min-width:0}.order-item .info h3{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222}.order-item .info .price{color:var(--red);font-size:17px;font-weight:700;letter-spacing:.2px}.order-item .order-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.order-item .btn{min-width:76px;height:30px;padding:0 14px;border-radius:15px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:16px;font-size:13px;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.75}.btn-outline{border:1px solid #ddd;color:#666}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-block{width:100%;padding:12px;border-radius:8px;font-size:15px;font-weight:600}.profile-card{margin:12px 14px;background:#fff;border-radius:12px;padding:16px}.profile-top{display:flex;align-items:center;gap:12px;position:relative}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#a18cd1,#fbc2eb);display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.profile-info .name{font-size:17px;font-weight:700;margin-bottom:4px}.profile-info .uid{font-size:12px;color:var(--primary);display:flex;align-items:center;gap:4px}.profile-settings{position:absolute;right:0;top:0;color:#aaa;font-size:20px;cursor:pointer}.balance-card{margin-top:14px;background:linear-gradient(135deg,#ff6b35,#f7c948);border-radius:10px;padding:16px 18px;color:#fff;position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;background:#ffffff1f;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.balance-card .label{font-size:13px;display:flex;align-items:center;gap:6px;opacity:.95}.balance-card .amount{font-size:32px;font-weight:800;margin-top:6px;letter-spacing:1px}.notice-bar{margin:0 14px 12px;background:#fff;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:13px;color:#666;overflow:hidden}.notice-bar .notice-icon{flex-shrink:0;color:#ff6b9d;font-size:16px}.notice-bar .notice-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-grid{margin:0 14px 12px;background:#fff;border-radius:12px;padding:18px 10px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px 8px}.service-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#444;cursor:pointer}.service-item .svc-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.svc-icon.blue{background:#5dade2}.svc-icon.orange{background:#f5a26f}.svc-icon.purple{background:#a78bdb}.svc-icon.indigo{background:#7b8cde}.msg-list{padding:12px 14px}.msg-item{background:#fff;border-radius:10px;padding:14px;margin-bottom:10px;display:flex;gap:12px;cursor:pointer}.msg-item:active{background:#fafafa}.msg-item .msg-icon{width:44px;height:44px;border-radius:50%;background:#e8f4ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.msg-item .msg-body{flex:1;min-width:0}.msg-item .msg-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.msg-item .msg-title{font-size:15px;font-weight:600}.msg-item .msg-time{font-size:11px;color:#bbb}.msg-item .msg-preview{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-item.unread .msg-title:after{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:6px;vertical-align:middle}.detail-page{background:var(--bg);min-height:100vh}.back-header{position:sticky;top:0;z-index:50;background:#fff;display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);gap:8px}.back-header .back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;cursor:pointer}.back-header h1{flex:1;text-align:center;font-size:16px;font-weight:600;padding-right:32px}.detail-content{padding:14px}.status-banner{background:#fff;border-radius:12px;padding:24px 16px;text-align:center;margin-bottom:12px}.status-banner .status-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.status-banner .status-icon.success{background:var(--green)}.status-banner .status-icon.pending{background:var(--orange)}.status-banner .status-text{font-size:18px;font-weight:700}.status-banner .status-sub{font-size:13px;color:#999;margin-top:6px}.info-block{background:#fff;border-radius:12px;padding:4px 16px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f5f5f5;font-size:14px;gap:16px}.info-row:last-child{border-bottom:none}.info-row .label{color:#999;flex-shrink:0}.info-row .value{text-align:right;color:#333;word-break:break-all}.info-row .value.price{color:var(--red);font-weight:700;font-size:16px}.msg-detail-card{background:#fff;border-radius:12px;padding:20px 16px}.msg-detail-card .msg-d-title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}.msg-detail-card .msg-d-meta{font-size:12px;color:#bbb;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.msg-detail-card .msg-d-body{font-size:15px;line-height:1.75;color:#444}.msg-detail-card .msg-d-body p{margin-bottom:12px}.article-detail-hero{background:#fff;border-radius:12px;padding:20px 16px 16px;margin-bottom:12px;position:relative;overflow:hidden}.article-detail-hero h2{font-size:18px;font-weight:800;line-height:1.45;margin-bottom:12px;padding-right:56px}.article-detail-hero .detail-stamp{position:absolute;top:16px;right:14px}.article-detail-hero .detail-price{font-size:28px;font-weight:800;color:var(--red);margin:8px 0 12px}.article-detail-hero .detail-price small{font-size:16px}.article-lock{background:#fff;border-radius:12px;padding:28px 20px;text-align:center;margin-bottom:12px}.article-lock .lock-icon{width:56px;height:56px;border-radius:50%;background:#fff3e0;color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 12px}.article-lock h3{font-size:16px;margin-bottom:6px}.article-lock p{font-size:13px;color:#999;line-height:1.5}.article-body-card{background:#fff;border-radius:12px;padding:18px 16px;margin-bottom:12px;font-size:15px;line-height:1.75;color:#444}.article-body-card.blurred{position:relative;max-height:160px;overflow:hidden}.article-body-card.blurred:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff)}.buy-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:12px 14px calc(12px + var(--safe-bottom));display:flex;align-items:center;gap:12px;z-index:40}.buy-bar .buy-price{flex:1;color:var(--red);font-size:22px;font-weight:800}.buy-bar .buy-price small{font-size:13px;font-weight:600}.buy-bar .btn{min-width:140px;height:44px;border-radius:22px;font-size:15px;font-weight:600}.illust-doc{width:120px;height:100px}.hidden{display:none!important}.text-center{text-align:center}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.article-title{min-width:0}.stamp,.article-price{flex-shrink:0}.card-box .article-main{padding-right:8px}.corner-rt.red span{background:#e74c3c}.corner-rt.orange span{background:#ff8a3d}.corner-rt.yellow span{background:#f5a623}.corner-rt.green span{background:#27ae60}.corner-rt.blue span{background:#4a9eff}.corner-rt.purple span{background:#8e44ad}.corner-rt.gray span{background:#95a5a6}.corner-rt.black span{background:#2c3e50}.stamp.orange{border-color:#ff8a3d;color:#ff8a3d}.stamp.yellow{border-color:#e6b325;color:#e6b325}.stamp.blue{border-color:#4a9eff;color:#4a9eff}.stamp.purple{border-color:#8e44ad;color:#8e44ad}.stamp.black{border-color:#2c3e50;color:#2c3e50}.tag.orange{background:#ff8a3d}.tag.yellow{background:#f5a623;color:#fff}.tag.purple{background:#8e44ad}.tag.gray{background:#95a5a6}.tag.black{background:#2c3e50}.sort-select{border:none;background:transparent;color:#666;font-size:13px}.buy-bar .btn-unlock{min-width:168px;padding:0 14px;font-size:14px;line-height:1.2;text-align:center}.tabbar a{position:relative}.tab-dot{position:absolute;top:6px;right:22%;width:8px;height:8px;background:#e74c3c;border-radius:50%}.offline-banner{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff6e8;color:#b86e00;font-size:13px}.service-qr{display:block;width:180px;height:180px;margin:0 auto 16px;object-fit:contain}.service-grid .service-item{border:0;background:transparent;font:inherit;color:inherit}.announce-actions .action-item{border:0;background:transparent;color:inherit;font:inherit}.login-wrap{padding:48px 20px 24px}.login-card{background:#fff;border-radius:16px;padding:28px 20px 22px;text-align:center}.login-logo{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#1a7a4c,#2ecc71);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;border:2px solid #c9a227}.login-card h2{font-size:20px;margin-bottom:6px}.login-card p{color:#999;font-size:13px;margin-bottom:22px}.wx-btn{width:100%;height:46px;border-radius:23px;background:#07c160;color:#fff;font-size:16px;font-weight:600}.wx-btn:disabled{opacity:.6}.order-scroll{max-height:calc(100vh - 180px);overflow:auto;padding-bottom:8px}.article-body-card :deep(.num-grid){display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;font-weight:800;color:#e74c3c}