:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-soft: #ffffff;--surface-tint: #f7f8fa;--line: #e8eaee;--line-strong: #eceef2;--text: #111111;--muted: #666c76;--muted-weak: #98a0aa;--brand: #121212;--brand-soft: rgba(18, 18, 18, .06);--brand-cyan: #25f4ee;--accent: #fe2c55;--accent-soft: rgba(254, 44, 85, .08);--success: #0f9f6e;--warning: #8d6a1d;--danger: #c81e1e;--shell-max: 430px;--shell-padding: 14px;--nav-space: calc(68px + env(safe-area-inset-bottom)) ;--shadow-soft: 0 1px 4px rgba(17, 17, 17, .03);--shadow-card: 0 1px 4px rgba(17, 17, 17, .03);--shadow-float: 0 4px 12px rgba(17, 17, 17, .04);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .82)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;min-height:100%;background:var(--bg);overscroll-behavior-x:none}body{display:flex;justify-content:center;color:var(--text);font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;overflow-x:hidden}#app{display:flex;justify-content:center}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0;background:none}img{display:block;width:100%}.tk-app{width:100%;min-height:100dvh;display:flex;justify-content:center;overflow-x:hidden;overscroll-behavior-x:none;background:var(--bg)}.mobile-shell{width:100%;min-height:100dvh;background:var(--bg);overflow-x:hidden;overscroll-behavior-x:none}.loading-shell,.auth-shell,.app-shell{width:100%;min-height:100%;margin:0 auto}.loading-shell{display:grid;place-items:center;gap:16px;color:var(--muted)}.loading-shell img{width:56px;height:56px}.auth-shell{padding:20px 18px 28px;display:grid;gap:18px;align-content:start}.auth-visual,.auth-panel,.page-shell,.task-panel,.service-panel,.profile-panel{border:1px solid var(--line);background:#fff}.auth-visual,.auth-panel,.page-shell,.task-panel,.service-panel,.profile-panel,.auth-poster,.showcase-item,.order-row,.faq-item,.ticket-row,.metric-item,.menu-row,.profile-section,.plain-empty,.task-record,.winner-marquee,.home-hero__poster,.service-summary article{border-radius:16px}.auth-visual,.auth-panel,.page-shell,.task-panel,.service-panel,.profile-panel{padding:18px 16px;box-shadow:var(--shadow-card)}.auth-brand,.brand-mark,.profile-hero__brand{display:flex;align-items:center;gap:12px}.auth-brand__icon,.brand-mark__icon,.profile-hero__brand img{width:44px;height:44px;border-radius:14px}.auth-brand strong,.brand-mark__copy strong{display:block;font-size:22px;font-weight:700}.auth-brand span,.brand-mark__copy span,.brand-user small,.profile-hero__brand span{color:var(--muted);font-size:12px;line-height:1.5}.auth-poster{margin-top:18px;overflow:hidden;border:1px solid var(--line);background:#fff;color:var(--text);box-shadow:none}.auth-poster__intro{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.auth-poster__badge{width:40px;height:40px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff}.auth-poster__intro p{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.auth-poster__intro strong{display:block;margin-top:4px;font-size:18px;font-weight:700}.auth-poster__hero{height:210px;object-fit:cover;background:#fff}.auth-poster__copy{padding:16px;display:grid;gap:8px}.auth-poster__copy h1{color:var(--text);font-size:24px;line-height:1.24}.auth-poster__strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.auth-poster__strip img{height:92px;object-fit:cover}.auth-switch,.filter-tabs,.hero-inline,.task-actions,.service-summary,.auth-row{display:flex;gap:10px;flex-wrap:wrap}.auth-switch button,.filter-tabs button,.action-link,.captcha-box{min-height:46px;padding:0 16px;border:1px solid var(--line-strong);color:var(--text);cursor:pointer}.auth-switch button,.filter-tabs button{border-radius:999px;background:#fff;box-shadow:none}.auth-switch button.active,.filter-tabs button.active,.action-link--primary,.captcha-box{border-color:var(--brand)}.auth-switch button.active,.filter-tabs button.active{color:var(--brand);font-weight:700;background:#f2f4f7;box-shadow:none}.auth-panel{display:grid;gap:16px}.auth-footer-promo{position:relative;min-height:clamp(170px,24vh,250px);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none}.auth-footer-promo__image,.auth-footer-promo__shade,.auth-footer-promo__copy{position:absolute;top:0;right:0;bottom:0;left:0}.auth-footer-promo__image{height:100%;object-fit:cover;object-position:right center;opacity:.15;filter:saturate(.92) contrast(1.02)}.auth-footer-promo__shade{background:linear-gradient(90deg,#fffffffa,#ffffffeb 52%,#ffffffb3)}.auth-footer-promo__copy{display:grid;align-content:center;gap:6px;padding:18px 16px;color:var(--text)}.auth-footer-promo__copy strong{font-size:22px;line-height:1.12}.auth-footer-promo__copy span{max-width:240px;color:var(--muted);font-size:13px;line-height:1.55}.auth-panel__tools{display:flex;justify-content:flex-end}.auth-language{width:min(180px,100%)}.auth-language .field-select{min-height:46px}.auth-form,.service-form,.profile-section{display:grid;gap:14px}.auth-form__head h2,.page-title h2,.profile-hero strong{font-size:26px;line-height:1.2}.auth-form__head p,.page-title span,.hero-note,.showcase-item span,.order-row__grid span,.faq-item p,.ticket-row span,.profile-info span,.metric-item span,.menu-row span,.text-list li,.plain-empty span,.home-hero__poster-copy span,.service-summary span,.feedback-line--muted{color:var(--muted);font-size:13px;line-height:1.7}.field-block{display:grid;gap:8px}.field-block span{color:var(--muted);font-size:12px}.field-hint{color:var(--muted);font-size:12px;line-height:1.6}.field-block input,.field-block textarea,.field-select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--text);box-shadow:none}.field-block textarea{min-height:120px;padding:12px 14px;resize:vertical}.field-block--grow{flex:1}.captcha-line{display:flex;gap:12px;align-items:flex-end}.captcha-box{min-width:112px;border-radius:14px;background:#121212;color:#fff;font-size:18px;font-weight:700;letter-spacing:.18em;box-shadow:none}.action-link{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;box-shadow:none}.action-link--primary{background:var(--brand);color:#fff;box-shadow:none}.action-link--support{border-color:#e5e7eb;background:#fff;color:var(--text)}.action-link--support:hover{border-color:#e5e7eb;color:var(--text);background:#f2f4f8}.action-link:disabled,.captcha-box:disabled{opacity:.55;cursor:not-allowed}.feedback-line{color:var(--accent);font-size:13px;line-height:1.6;padding:10px 12px;border:1px solid rgba(254,44,85,.12);border-radius:12px;background:#fe2c550d}.app-shell{display:flex;flex-direction:column;position:relative;padding:0 var(--shell-padding) 18px;background:transparent}.app-topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 14px;margin:0 calc(var(--shell-padding) * -1);background:#f6f7f9;border-bottom:1px solid var(--line);box-shadow:none}.is-rtl .auth-panel__tools,.is-rtl .brand-user{justify-content:flex-start}.is-rtl .brand-user{text-align:left}.is-rtl .page-title,.is-rtl .order-row__top,.is-rtl .task-record__top,.is-rtl .profile-hero{direction:rtl}.is-rtl .hero-inline,.is-rtl .task-actions,.is-rtl .service-summary,.is-rtl .auth-row,.is-rtl .filter-tabs{flex-direction:row-reverse}.is-rtl .winner-line,.is-rtl .order-row,.is-rtl .task-record,.is-rtl .profile-hero__brand,.is-rtl .brand-mark,.is-rtl .auth-brand{direction:rtl}.is-rtl .auth-form,.is-rtl .service-panel,.is-rtl .profile-panel,.is-rtl .page-shell{text-align:right}.is-rtl .menu-row{direction:rtl}.is-rtl .menu-row em{transform:scaleX(-1)}.brand-mark{flex:1;min-width:0}.brand-mark__copy{min-width:0;display:grid;gap:3px}.brand-mark__icon{flex:none;padding:4px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.brand-mark__copy strong{font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;line-height:1.08}.brand-mark__copy span{font-size:13px;color:#6d7584}.brand-user{display:grid;justify-items:end;gap:6px;min-width:0;min-width:min(240px,100%);padding:12px 14px;text-align:right;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fc);box-shadow:none}.brand-user span{font-size:15px;font-weight:600;overflow-wrap:anywhere}.brand-user small,.profile-hero__brand span{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:5px 10px;border:1px solid rgba(17,17,17,.06);border-radius:999px;background:#ffffffe6;color:#6d7584;overflow-wrap:anywhere}.app-main{flex:1;min-height:0;padding:14px 0 var(--nav-space);display:grid;gap:14px;align-content:start}.page-shell{display:grid;gap:14px;min-width:0}.page-shell--fill,.task-panel,.service-panel,.profile-panel{min-height:calc(100dvh - 74px - var(--nav-space));align-content:start;overflow-anchor:none}.page-shell--home,.task-panel,.service-panel,.profile-panel{width:100%}.home-hero{display:grid;gap:14px}.home-hero__copy{display:grid;gap:12px;min-width:0}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.home-hero__copy h1{font-size:34px;line-height:1.08;font-weight:800;overflow-wrap:anywhere}.hero-inline span{padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:12px;box-shadow:none}.home-hero__poster{overflow:hidden;border:1px solid var(--line);min-width:0;background:#fff;box-shadow:none}.home-hero__poster-media,.showcase-item__media,.order-row__thumb,.task-record__media{display:block;width:100%;overflow:hidden;border-radius:18px;background:#fff}.home-hero__poster-media{max-height:360px}.home-hero__poster-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:12px;display:block;background:#fff;filter:saturate(1.02) contrast(1.02)}.home-hero__poster-copy{padding:14px;display:grid;gap:4px;background:#fff}.home-hero__poster-copy strong,.showcase-item strong,.order-row__top strong,.faq-item strong,.ticket-row strong,.metric-item strong,.menu-row strong,.plain-empty strong,.winner-line strong{font-size:18px;font-weight:700}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.page-title--category{align-items:center}.category-title{display:flex;align-items:center;gap:10px;min-width:0}.category-title__icon{width:28px;height:28px;flex:none}.page-title--sticky{position:sticky;top:74px;z-index:5;padding-bottom:4px;background:#f6f7f9}.page-title h2,.order-row__top strong,.task-record__top strong,.profile-hero strong,.plain-empty strong{overflow-wrap:anywhere}.page-title--compact h2{font-size:20px}.home-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;overscroll-behavior-x:contain}.showcase-carousel{display:grid;gap:12px}.showcase-carousel__viewport{overflow:hidden;border-radius:16px}.showcase-carousel__track{display:flex;transition:transform .72s ease;will-change:transform}.showcase-item--carousel{flex:0 0 100%;min-width:100%}.showcase-item__media{max-height:360px}.showcase-item__media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:12px;display:block;background:#fff;filter:saturate(1.02) contrast(1.02);transition:object-fit .18s ease,padding .18s ease,transform .18s ease}.showcase-item__image.is-fill{object-fit:cover;padding:0}.showcase-item__image.is-fit{object-fit:contain;padding:12px}.showcase-carousel__dots{display:flex;justify-content:center;gap:8px}.showcase-carousel__dot{width:8px;height:8px;border-radius:999px;background:#d2d6df}.showcase-carousel__dot.is-active{width:22px;background:#121212}.home-strip::-webkit-scrollbar{display:none}.showcase-item{scroll-snap-align:start;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:none}.showcase-item strong,.showcase-item span{padding:0 12px}.showcase-item strong{display:block;padding-top:12px}.showcase-item span{display:block;padding-bottom:12px;color:#666c76}.winner-marquee{position:relative;overflow:hidden;border:1px solid #eceef2;background:#fff;box-shadow:none;max-height:420px;isolation:isolate}.winner-marquee:before,.winner-marquee:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.winner-marquee:before{background:none;opacity:0;z-index:0}.winner-marquee:after{inset:auto 0 0;height:82px;background:linear-gradient(180deg,#fff0,#fffffff5);z-index:2}.winner-marquee__track{position:relative;display:grid;gap:12px;padding:16px;will-change:transform;animation:winner-marquee 34s linear infinite;z-index:1}.winner-line,.service-summary article,.faq-item,.ticket-row,.plain-empty,.task-record,.metric-item,.menu-row,.profile-section,.profile-info,.order-row{border:1px solid var(--line);background:#fff;box-shadow:0 2px 10px #1111110a}.winner-line{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:12px;align-items:center;padding:14px 18px 14px 22px;border-radius:18px;border-color:#eceef2;background:#fff;box-shadow:none}.winner-line:before{content:"";position:absolute;top:12px;bottom:12px;left:10px;width:4px;border-radius:999px;background:linear-gradient(180deg,#25f4ee,#fe2c55)}.winner-line strong{font-size:18px;letter-spacing:.01em}.winner-line span{color:var(--muted);line-height:1.5}.winner-line em{color:var(--accent);font-style:normal;font-weight:700;font-size:18px;letter-spacing:.01em;white-space:nowrap}.order-list,.faq-list,.ticket-list,.profile-menu,.text-list{display:grid;gap:12px}.order-list--empty{min-height:clamp(280px,calc(100dvh - 280px),420px)}.order-list--empty .plain-empty{min-height:100%;place-content:center;text-align:center}.order-row{display:flex;gap:12px;padding:12px}.order-row__thumb{width:96px;height:96px;flex:none;border-radius:14px;border:1px solid var(--line)}.order-row__image,.task-record__image{width:100%;height:100%;display:block;background:#fff;filter:saturate(1.02) contrast(1.02)}.order-row__image{object-fit:contain;object-position:center;padding:6px}.task-record__media{border-radius:16px;border:1px solid var(--line);max-height:360px}.task-record__image{object-fit:contain;object-position:center;padding:10px}.order-row__main,.task-record__copy{flex:1;display:grid;gap:12px;min-width:0}.order-row__top,.task-record__top,.profile-hero{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-row__grid,.task-record__grid{display:grid;gap:8px 14px;align-items:start}.order-row__grid>div,.task-record__grid>div{display:grid;align-content:start;gap:4px;min-width:0}.status-badge{min-width:66px;padding:6px 10px;border-radius:999px;font-size:12px;text-align:center}.status-badge.is-submitted{background:#fe2c5514;color:var(--accent)}.status-badge.is-completed{background:#0f8f631a;color:var(--success)}.status-badge.is-frozen{background:#d977061f;color:var(--warning)}.task-actions,.service-summary{margin-top:-2px}.task-actions--footer{margin-top:2px}.task-record,.plain-empty,.service-summary article,.faq-item,.ticket-row,.metric-item,.menu-row,.profile-section{padding:14px}.task-record__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-record__summary{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.task-record__grid dt{color:var(--muted);font-size:12px;line-height:1.5}.order-row__grid strong,.task-record__grid dd{display:block;margin-top:4px;font-size:15px;font-weight:600;line-height:1.42;overflow-wrap:anywhere;word-break:break-word}.service-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.service-summary article{display:grid;gap:8px;min-height:108px}.faq-item{display:grid;gap:8px;background:linear-gradient(180deg,#fff,#fafbfc)}.profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-item{display:grid;gap:6px}.metric-item--invite{background:linear-gradient(180deg,#fff,#f7fafc)}.metric-item--invite strong{color:#111;letter-spacing:.04em;word-break:break-all}.metric-copy-btn{margin-top:4px;align-self:start;min-height:34px;padding:0 12px;border:1px solid #d7dfeb;border-radius:10px;background:linear-gradient(180deg,#fff,#f6f8fb);color:#1c2f49;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.metric-copy-btn:hover{border-color:#aebdd2;background:linear-gradient(180deg,#fdfefe,#edf3f9)}.profile-hero{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fbfcfe,#f3f6fa)}.profile-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden;border-radius:18px;background:#fff}.profile-info div{display:grid;gap:8px;min-height:106px;padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfd)}.profile-info div strong{font-size:16px;line-height:1.45;overflow-wrap:anywhere}.profile-info div:nth-child(2n){border-right:0}.profile-info div:nth-last-child(-n+2){border-bottom:0}.menu-row{display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;min-height:90px;gap:14px;background:#fff;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.menu-row:hover{background:#f2f4f8;border-color:var(--line-strong)}.menu-row__copy{min-width:0;flex:1 1 auto;display:grid;gap:6px;align-content:center}.menu-row__copy strong{display:block;line-height:1.25}.menu-row__copy span{display:block;line-height:1.45;word-break:break-word}.menu-row--expanded{border-color:var(--line-strong);background:#f7f8fa}.menu-row__indicator{color:var(--muted);font-style:normal;display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:18px;line-height:1;font-weight:500}.menu-row--expanded .menu-row__indicator{color:var(--text);border-color:var(--line-strong);background:#f2f4f8}.profile-section--accordion{margin-top:-4px;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}.profile-section--recharge{background:radial-gradient(circle at top right,rgba(24,110,204,.06),transparent 34%),linear-gradient(180deg,#fffffffa,#f9fbfffa)}.profile-inline-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff}.profile-inline-card strong{font-size:15px;line-height:1.6;word-break:break-all}.profile-inline-card--recharge{position:relative;gap:10px;padding:18px;border-color:#1b4d9124;border-radius:18px;background:radial-gradient(circle at top right,rgba(77,144,231,.12),transparent 30%),linear-gradient(135deg,#f4f8fffa,#fffffffa);box-shadow:0 14px 28px #16376e14}.profile-inline-card--recharge.is-empty{border-color:#94a3b833;background:linear-gradient(135deg,#f8fafcfa,#fffffffa);box-shadow:none}.recharge-address-tag{display:inline-flex;align-items:center;justify-self:start;padding:5px 12px;border-radius:999px;background:#265cae1a;color:#255aa9;font-size:11px;font-weight:800;letter-spacing:.08em}.recharge-address-value{display:block;padding:14px 16px;border:1px dashed rgba(43,99,179,.28);border-radius:16px;background:#ffffffe6;color:#132948;font-size:18px;font-weight:800;line-height:1.7;letter-spacing:.02em;word-break:break-all;box-shadow:inset 0 1px #ffffffe6}.profile-inline-card--recharge.is-empty .recharge-address-value{color:var(--muted);border-style:solid;border-color:var(--line-strong);background:#fff}.action-link--recharge-copy{width:100%;min-height:48px;border-color:#1f5ea8;background:linear-gradient(180deg,#215ea6,#184d8d);color:#fff;font-weight:700;letter-spacing:.04em}.action-link--recharge-copy:hover{border-color:#184d8d;background:linear-gradient(180deg,#1d5698,#15457f)}.profile-inline-note{color:var(--muted);font-size:13px;line-height:1.7}.recharge-proof-alert{position:relative;display:grid;gap:8px;margin-top:8px;padding:16px 18px;border:1px solid rgba(194,136,36,.18);border-radius:16px;background:radial-gradient(circle at top right,rgba(255,232,187,.42),transparent 34%),linear-gradient(135deg,#fffaeffa,#fffffffa);box-shadow:0 10px 24px #6e4e1714;color:#80511a;font-size:13px;font-weight:600;line-height:1.8;text-align:center;letter-spacing:.01em}.recharge-proof-alert__badge{content:"重要提醒";justify-self:center;padding:4px 12px;border-radius:999px;background:#b880211f;color:#9a5f14;font-size:11px;font-weight:700;letter-spacing:.12em}.upload-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid var(--line-strong);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;overflow:hidden}.upload-trigger--recharge{width:100%;min-height:52px;border-style:dashed;border-color:#235ca942;background:linear-gradient(180deg,#f7fafffa,#fffffffa);color:#1d497f;font-weight:700}.upload-trigger--recharge:hover{border-color:#1f5ea875;background:linear-gradient(180deg,#f1f6fffa,#fffffffa)}.upload-trigger__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.proof-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line-strong);border-radius:14px;background:#fff}.proof-card__thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:#f6f7f9}.proof-card__copy{display:grid;gap:6px;align-content:center;min-width:0}.proof-card__copy strong{font-size:14px;line-height:1.5;word-break:break-word}.proof-card__copy span{color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:640px){.profile-inline-card--recharge{padding:16px}.recharge-address-tag,.recharge-address-value,.action-link--recharge-copy{margin-left:0}.recharge-address-value{font-size:16px;padding:12px 14px}}.profile-section--compact{padding:14px}.text-list{padding-left:18px}.plain-empty{display:grid;gap:8px}.app-tabbar{position:fixed;left:50%;bottom:0;width:min(100vw,var(--shell-max));transform:translate(-50%);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:none;z-index:20}.app-tabbar button{position:relative;min-height:52px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;padding:10px 6px;border-radius:10px;width:100%;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.app-tabbar button:hover{background:#f2f4f8}.app-tabbar button[aria-current=page]{color:var(--text);font-weight:700;background:transparent;box-shadow:none}.app-tabbar button[aria-current=page]:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:999px;background:#121212}.app-toast{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(calc(100vw - 28px),360px);padding:12px 14px;border-radius:14px;border:1px solid rgba(17,17,17,.08);background:#111111f2;color:#fff;font-size:13px;line-height:1.6;z-index:40;box-shadow:0 8px 24px #1111111f}.app-toast.is-success{background:#0f9f6ef5}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,-8px)}@keyframes winner-marquee{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 5px))}}@media(prefers-reduced-motion:reduce){.winner-marquee__track{animation-duration:.01ms;animation-iteration-count:1}}@media(min-width:768px){:root{--nav-space: 0px;--shell-padding: 32px}body{display:block;padding:0}#app,.tk-app{display:block}.tk-app{min-height:100vh;background:#f6f7f9}.mobile-shell{width:100%;max-width:none;min-height:100vh;border:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent}.auth-shell,.app-shell{width:100%;min-height:100vh;margin:0 auto}.auth-shell{max-width:min(1220px,calc(100vw - 64px));grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);align-items:stretch;gap:24px;padding:32px 0 40px}.auth-footer-promo{grid-column:1 / -1;min-height:clamp(220px,28vh,320px)}.app-shell{max-width:min(1480px,calc(100vw - 64px));padding:0 32px 40px}.app-topbar{position:sticky;top:0;margin:0;padding:20px 0 18px;background:#f6f7f9}.app-main{padding:22px 0 0;gap:20px}.page-shell,.task-panel,.service-panel,.profile-panel{padding:24px;min-height:0}.page-shell--fill,.task-panel,.service-panel,.profile-panel{min-height:0}.home-hero{grid-template-columns:minmax(0,1fr) minmax(420px,1.08fr);align-items:stretch}.service-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-metrics,.profile-info{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-info div{min-height:112px;border-bottom:0;border-right:1px solid var(--line)}.profile-info div:nth-child(2n){border-right:1px solid var(--line)}.profile-info div:nth-child(4n){border-right:0}.profile-info div:nth-last-child(-n+4){border-bottom:0}.profile-menu{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.task-record__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-menu,.order-list{gap:12px}.order-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.order-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;height:100%}.order-row__thumb{width:120px;height:120px}.task-record{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr);gap:22px;align-items:start}.task-record__media{max-height:460px}.task-record__summary{max-width:620px}.task-actions--footer{justify-content:flex-start}.task-actions--footer .action-link{flex:0 0 auto;min-width:180px}.home-hero__poster-media,.showcase-item__media{max-height:420px}.app-tabbar{position:static;top:auto;left:auto;bottom:auto;width:100%;transform:none;margin-top:18px;margin-bottom:4px;gap:6px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 2px 10px #1111110a;z-index:auto}.app-tabbar button{min-height:52px;font-size:14px}.page-title--sticky{position:static;padding-bottom:0;background:transparent}}@media(max-width:520px){.tk-app,.mobile-shell,.app-shell{touch-action:pan-y;overscroll-behavior-x:none}.home-line,.page-shell--home,.home-hero,.showcase-carousel,.showcase-carousel__viewport,.showcase-carousel__track,.showcase-item,.showcase-item--carousel,.page-title,.page-title span,.hero-note,.home-hero__copy,.home-hero__poster,.home-hero__poster-copy{min-width:0;max-width:100%}.auth-form__head h2,.page-title h2,.home-hero__copy h1,.brand-mark__copy strong,.auth-brand strong{font-size:18px}.app-topbar{padding:14px 12px 12px;gap:10px}.brand-mark{width:100%}.brand-mark__icon{width:42px;height:42px}.brand-user{width:100%;justify-items:start;text-align:left;padding:10px 12px;border-radius:12px}.order-row,.task-record,.winner-line,.service-summary,.profile-metrics,.profile-info{grid-template-columns:1fr}.app-shell{padding-inline:12px}.page-title,.profile-hero,.order-row__top,.task-record__top{flex-direction:column;align-items:flex-start}.page-title span,.hero-note,.home-hero__poster-copy span,.showcase-item span{width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.order-row,.task-record,.profile-hero{flex-direction:column;align-items:flex-start}.service-summary,.profile-metrics,.profile-info{grid-template-columns:1fr}.profile-hero{padding:14px;border-bottom:0}.profile-hero__brand{width:100%}.profile-hero__brand div{min-width:0;display:grid;gap:3px}.profile-hero strong{font-size:18px}.profile-hero .action-link{width:100%}.auth-footer-promo{min-height:clamp(150px,22vh,210px)}.auth-footer-promo__copy{padding:14px 14px 16px}.auth-footer-promo__copy strong{font-size:22px}.auth-footer-promo__copy span{font-size:12px}.profile-info div{border-right:0;min-height:auto}.profile-info div:last-child{border-bottom:0}.task-record__grid{grid-template-columns:1fr}.home-strip{grid-auto-columns:minmax(220px,84%)}.page-title--category{align-items:flex-start}.category-title__icon{width:24px;height:24px}.showcase-item__media,.home-hero__poster-media{max-height:196px}.showcase-item__media img{padding:0}.showcase-item__image.is-fit{padding:10px}.winner-line{grid-template-columns:1fr;align-items:flex-start}.app-tabbar button{font-size:11px;min-height:50px}}