:root{color:#102a31;background:#dfe9e6;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--catl-blue: #0068b7;--navy: #102a31;--teal: #009ca6;--green: #38a86b;--green-soft: #e5f3eb;--paper: #f8fbf9;--ink: #102a31;--muted: #637674;--line: #c9d8d4;--danger: #b93838}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:0;background:#dfe9e6}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{width:min(100%,430px);min-height:100dvh;margin:0 auto;overflow:hidden;color:var(--ink);background:var(--paper);box-shadow:0 18px 56px #1d3e3624}.topbar{height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) 62px;align-items:center;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.topbar>.brand:not(.compact){grid-column:1 / 3}.brand{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand strong{color:var(--catl-blue);font-size:21px;font-style:italic;font-weight:800}.brand span{color:var(--navy);font-size:12px;font-weight:650}.brand.compact{justify-self:start;margin-left:8px}.step-code{justify-self:end;color:var(--teal);font-size:11px;font-weight:650}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;color:var(--navy);background:transparent}.icon-button:hover{border-color:var(--line)}.hero{position:relative;min-height:188px;overflow:hidden;padding:64px 22px 24px 78px;border-bottom:1px solid var(--line);background:var(--paper)}.hero:before{content:"01";position:absolute;left:18px;top:20px;color:#c9e2da;font-size:78px;font-weight:300;line-height:1}.hero-copy{position:relative;z-index:1;padding-left:16px;border-left:3px solid var(--teal)}.hero-copy span,.eyebrow{color:var(--teal);font-size:9px;letter-spacing:1.5px}.hero-copy h1{margin:8px 0 0;font-size:25px;line-height:1.25;font-weight:560;letter-spacing:0}.hero-copy p{margin:8px 0 0;color:var(--muted);font-size:12px}.content{padding:18px 22px 38px}.progress-labels{display:flex;justify-content:space-between;color:#526865;font-size:11px}.progress-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:10px}.progress-lines i{height:2px;background:#d5e1de}.progress-lines i.active{background:var(--catl-blue)}.form-view{margin-top:32px}.section-heading{margin-bottom:25px}.section-heading .eyebrow{display:block;margin-bottom:10px}.section-heading h2{margin:0;font-size:23px;line-height:1.3;font-weight:540;letter-spacing:0}.section-heading p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.field{display:block;margin-bottom:17px}.field>span{display:block;margin-bottom:8px;color:#526865;font-size:11px}.input-wrap{min-width:0;height:51px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:0;color:#78908b;background:#fff}.input-wrap:focus-within{border-color:var(--teal);color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}input,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:0;outline:none;color:var(--ink);background:#fff}.input-wrap input{height:48px;padding:0;border:0;background:transparent}input::placeholder,textarea::placeholder{color:#91a29e}textarea{min-height:88px;padding:12px 13px;resize:vertical;line-height:1.55}textarea:focus,.region-grid input:focus{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.primary-button,.secondary-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border-radius:2px;font-weight:650}.primary-button{margin-top:20px;border:1px solid var(--navy);color:#fff;background:var(--navy)}.primary-button:hover:not(:disabled){background:#183941}.primary-button:disabled{border-color:#9badab;background:#9badab;cursor:not-allowed}.secondary-button{margin-top:10px;border:1px solid var(--navy);color:var(--navy);background:transparent}.secondary-button:hover{background:#edf3f1}.text-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px;border:0;color:var(--muted);background:transparent;font-size:12px}.consent{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:var(--muted);font-size:11px;line-height:1.5}.consent input{width:14px;height:14px;margin:1px 0 0;accent-color:var(--teal)}.consent button{padding:0;border:0;color:var(--teal);background:transparent}.switch-login-button{width:100%;margin-top:18px;padding:8px 0;border:0;color:var(--teal);background:transparent;font-size:11px;text-align:center}.switch-login-button:hover{color:var(--navy);text-decoration:underline}.compact-heading{margin-bottom:22px}.error-banner{display:grid;grid-template-columns:18px 1fr 24px;align-items:start;gap:8px;margin-top:18px;padding:11px 12px;border:1px solid #e3b8b5;border-left:3px solid var(--danger);color:#8f2525;background:#fff6f5;font-size:12px;line-height:1.45}.error-banner button{padding:0;border:0;color:inherit;background:transparent}.error-banner+.form-view{margin-top:20px}.method-grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:56px}.method-grid button{min-height:80px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 7px;border:1px solid var(--line);border-radius:0;color:#526865;background:#fff}.method-grid button:nth-child(3){position:absolute;left:25%;right:25%;bottom:0;min-height:46px}.method-grid button span{font-size:11px;line-height:1.35}.method-grid button.selected{border:2px solid var(--green);color:var(--teal);background:var(--green-soft)}.verification-panel{min-height:205px;padding-top:24px;border-top:2px solid var(--green)}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px}.code-row>button{height:51px;padding:0 8px;border:1px solid var(--line);border-radius:0;color:var(--teal);background:#fff;font-size:12px;white-space:nowrap}.code-row>button:disabled{color:#8da09c}.match-note,.security-note,.under-note{display:flex;align-items:flex-start;gap:6px;color:#2b7d57;font-size:10px;line-height:1.5}.match-note{margin:-8px 0 18px}.security-note{margin-top:12px;color:var(--muted)}.under-note{justify-content:center;margin-top:13px;color:var(--muted)}.mock-note{margin:-6px 0 0;color:var(--muted);font-size:10px}.catl-auth{min-height:120px;display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--teal);color:var(--teal);background:#edf5f2}.catl-auth strong{display:block;color:var(--navy);font-size:14px}.catl-auth p{margin:6px 0 0;color:var(--muted);font-size:11px}.fulfillment-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:50px}.fulfillment-grid:before{content:"礼盒";position:absolute;left:50%;top:0;width:64px;height:46px;display:grid;place-items:center;border:1px solid var(--navy);color:#fff;background:var(--navy);transform:translate(-50%);font-size:11px}.fulfillment-grid:after{content:"";position:absolute;left:21%;right:21%;top:39px;height:35px;border-top:1px solid #75bbaa;border-left:1px solid #75bbaa;border-right:1px solid #75bbaa;pointer-events:none}.fulfillment-grid>button{position:relative;z-index:1;min-height:88px;display:flex;align-items:center;gap:9px;padding:14px 10px;border:1px solid var(--line);border-radius:0;color:#6d817d;background:#fff;text-align:left}.fulfillment-grid>button.selected{border:2px solid var(--green);color:var(--teal);background:var(--green-soft)}.fulfillment-grid>button:disabled:not(.selected){color:#9eaaa8;background:#f1f4f3;cursor:not-allowed}.fulfillment-grid>button.locked{cursor:default}.fulfillment-grid span{display:flex;min-width:0;flex-direction:column;gap:5px}.fulfillment-grid strong{color:var(--navy);font-size:12px}.fulfillment-grid small{color:var(--muted);font-size:9px;line-height:1.35}.fulfillment-grid i,.base-list i{position:absolute;right:7px;top:7px;width:17px;height:17px;display:none;place-items:center;color:#fff;background:var(--green)}.fulfillment-grid .selected i,.base-list .selected i{display:grid}.delivery-fields,.base-list{margin-top:24px;padding-left:13px;border-left:3px solid var(--teal)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:9px}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.region-grid input{height:46px;padding:0 10px}.subtle-note{margin-top:-6px;color:var(--muted);font-size:10px}.base-list{display:block}.pickup-phone-field{margin-bottom:4px}.base-search-row{position:relative;margin-top:16px}.base-search-row .input-wrap{height:46px;padding-right:42px}.clear-base-search{position:absolute;right:7px;top:6px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;color:var(--muted);background:transparent}.base-result-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;color:var(--muted);font-size:10px}.employee-base-list{max-height:286px;margin-top:14px;overflow-y:auto;border:1px solid var(--line);background:#fff}.employee-base-option{width:100%;min-height:61px;display:grid;grid-template-columns:32px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:9px 11px;border:0;border-bottom:1px solid #e4ece9;color:#6d817d;background:#fff;text-align:left}.employee-base-option:last-child{border-bottom:0}.employee-base-option:hover{background:#f4f9f7}.employee-base-option.selected{color:var(--teal);background:var(--green-soft);box-shadow:inset 3px 0 0 var(--green)}.employee-base-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--teal);background:#e6f3ef}.employee-base-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.employee-base-copy strong{color:var(--navy);font-size:12px;line-height:1.3;overflow-wrap:anywhere}.employee-base-copy small{color:var(--muted);font-size:9px;line-height:1.4;overflow-wrap:anywhere}.employee-base-check{width:18px;height:18px;display:grid;place-items:center;color:#fff;background:transparent}.employee-base-option.selected .employee-base-check{background:var(--green)}.base-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;color:var(--muted);font-size:10px}.base-pagination button{min-width:62px;min-height:32px;padding:5px 8px;border:1px solid var(--line);color:var(--teal);background:#fff;font-size:10px}.base-pagination button:disabled{color:#aab6b2;background:#f2f5f4;cursor:not-allowed}.empty-state{margin:0;padding:24px;color:var(--muted);background:#edf3f1;text-align:center;font-size:12px}.gift-plan-view{min-height:calc(100dvh - 72px);padding:28px 20px 40px;background:#fff}.gift-plan-heading{padding-left:14px;border-left:3px solid var(--teal)}.gift-plan-heading .eyebrow{display:block;letter-spacing:0}.gift-plan-heading h1{margin:8px 0 0;color:var(--navy);font-size:23px;line-height:1.3;font-weight:560;letter-spacing:0}.gift-plan-heading p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.gift-plan-deadline{min-height:42px;margin-top:20px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#276e50;border-left:3px solid var(--green);background:var(--green-soft);font-size:10px}.gift-plan-deadline.closed{color:#7b6354;border-left-color:#a97b5c;background:#f6eee9}.gift-plan-list{display:grid;gap:14px;margin-top:16px}.gift-plan-list>button{width:100%;min-height:0;padding:0;overflow:hidden;color:var(--navy);border:1px solid var(--line);border-radius:4px;background:#fff;text-align:left}.gift-plan-list>button.selected{border-color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}.gift-plan-list>button>img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover;border-bottom:1px solid var(--line)}.gift-plan-card-body{display:block;padding:14px 15px 15px}.gift-plan-card-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gift-plan-card-heading>span{min-width:0;display:flex;flex-direction:column;gap:3px}.gift-plan-card-heading small{color:var(--teal);font-size:8px;letter-spacing:0}.gift-plan-card-heading strong{font-size:16px;font-weight:650}.gift-plan-card-heading i{width:24px;height:24px;display:grid;flex:0 0 24px;place-items:center;color:#fff;border:1px solid var(--line);border-radius:50%;background:#fff}.gift-plan-list>button.selected .gift-plan-card-heading i{border-color:var(--green);background:var(--green)}.gift-plan-card-body ul{margin:11px 0 0;padding:11px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;border-top:1px solid #e3ebe8;list-style:none}.gift-plan-card-body li{position:relative;padding-left:9px;color:#526865;font-size:9px;line-height:1.45;overflow-wrap:anywhere}.gift-plan-card-body li:before{position:absolute;left:0;top:5px;width:3px;height:3px;content:"";background:var(--teal)}.gift-plan-footnote{margin:11px 8px 0;color:var(--muted);font-size:9px;line-height:1.55;text-align:center}.success-view{min-height:calc(100dvh - 72px);padding:28px 22px 34px;background:#fff}.success-hero{display:flex;align-items:stretch;min-height:76px;padding:0;color:var(--navy);background:transparent;text-align:left}.success-mark{width:72px;min-width:72px;display:grid;place-items:center;margin:0 16px 0 0;color:#fff;background:#4fa96c}.success-copy{align-self:center;min-width:0}.success-copy .eyebrow{display:block;margin-bottom:7px;color:#4a9d68}.success-hero h1{margin:0;font-size:22px;font-weight:540;letter-spacing:0}.success-hero p{margin:6px 0 0;color:var(--muted);font-size:10px}.detail-view-tabs{height:48px;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.detail-view-tabs button{position:relative;padding:0;color:var(--muted);border:0;background:#f5f8f7;font-size:11px}.detail-view-tabs button.active{color:var(--teal);background:#fff;font-weight:650}.detail-view-tabs button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;content:"";background:var(--teal)}.detail-view-tabs b{min-width:16px;height:16px;margin-left:4px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--teal);border-radius:8px;font-size:8px}.record-body{padding:18px 0 0}.record-body dl{margin:0;border-top:1px solid var(--line)}.record-body dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.record-body dt{color:var(--muted)}.record-body dd{margin:0;color:var(--navy);line-height:1.55;text-align:right;overflow-wrap:anywhere}.record-body .blue-text{color:var(--catl-blue)}.employee-order-section{min-height:430px}.employee-order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-order-heading>div{display:flex;align-items:center;gap:9px;color:var(--teal)}.employee-order-heading span{display:flex;flex-direction:column;gap:3px}.employee-order-heading strong{color:var(--navy);font-size:13px}.employee-order-heading small{color:var(--muted);font-size:9px}.employee-order-heading b{color:var(--muted);font-size:10px;font-weight:550}.employee-order-state{min-height:92px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);background:#f5f8f7;font-size:10px}.employee-order-state.error{padding:14px;flex-direction:column;color:#a53b3b;text-align:center}.employee-order-state button{padding:0;color:var(--teal);border:0;background:transparent;font-size:10px}.employee-order-tabs{margin-top:14px;display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.employee-order-tabs::-webkit-scrollbar{display:none}.employee-order-tabs button{min-width:126px;min-height:58px;padding:9px 10px;display:flex;flex:0 0 126px;flex-direction:column;justify-content:center;gap:5px;color:var(--muted);border:1px solid var(--line);border-bottom:0;background:#f5f8f7;text-align:left}.employee-order-tabs button.active{color:var(--teal);border-color:var(--teal);background:#fff;box-shadow:inset 0 3px 0 var(--teal)}.employee-order-tabs button span{color:currentColor;font-size:10px;font-weight:650}.employee-order-tabs button small{overflow:hidden;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.employee-order-panel{min-height:330px;padding-top:16px}.employee-order-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.employee-order-meta time{color:var(--muted);font-size:9px}.employee-order-no{margin-top:10px;display:block;color:var(--catl-blue);font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.employee-order-panel dl{margin-top:13px}.employee-order-panel dl>div{padding-block:11px}.employee-order-type{padding:4px 7px;color:#28704f;background:var(--green-soft);font-size:9px}.employee-order-type.reissue{color:#9a5a08;background:#fff2dd}.tracking-heading{min-height:48px;margin-top:17px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.tracking-heading>div{display:flex;align-items:center;gap:7px}.tracking-heading strong{color:var(--navy);font-size:12px}.tracking-heading span{padding:3px 6px;color:#95600f;background:#fff2dd;font-size:8px}.tracking-heading button{min-width:88px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#fff;border:0;background:var(--teal);font-size:9px}.tracking-heading button:disabled{opacity:.6}.tracking-empty{min-height:96px;margin-top:9px;display:grid;place-items:center;padding:14px;color:var(--muted);background:#f5f8f7;text-align:center;font-size:9px}.tracking-error{margin:9px 0 0;padding:10px;color:#a53b3b;background:#fff1f1;font-size:9px}.tracking-result{margin-top:9px}.tracking-summary{min-height:58px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;background:var(--navy)}.tracking-summary span{display:flex;flex-direction:column;gap:4px}.tracking-summary small{color:#b9d4d0;font-size:8px}.tracking-summary strong{font-size:12px}.tracking-summary code{color:#d6e7e4;font-size:9px}.tracking-timeline{height:220px;margin:0;padding:15px 0 0;overflow-y:auto;overscroll-behavior:contain;list-style:none}.tracking-timeline li{position:relative;min-height:78px;display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px}.tracking-timeline li:before{position:absolute;left:5px;top:13px;bottom:-3px;width:1px;content:"";background:#d7e1de}.tracking-timeline li:last-child:before{display:none}.tracking-timeline i{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:3px solid #d7e1de;border-radius:50%;background:#fff}.tracking-timeline li.latest i{border-color:var(--teal);background:var(--teal)}.tracking-timeline li>div{min-width:0}.tracking-timeline time{display:block;color:var(--muted);font-size:8px}.tracking-timeline strong{margin-top:4px;display:block;color:var(--navy);font-size:11px}.tracking-timeline p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5;overflow-wrap:anywhere}.home-view{min-height:calc(100dvh - 72px);padding:24px 20px 122px;background:#fff}.home-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:7px 0 22px;border-bottom:1px solid var(--line)}.home-intro-copy{min-width:0;padding-left:13px;border-left:3px solid var(--teal)}.home-intro-copy .eyebrow{display:block;margin-bottom:9px}.home-intro-copy h1{margin:0;color:var(--navy);font-size:24px;font-weight:560;line-height:1.25}.home-intro-copy p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.activity-state{flex:0 0 auto;max-width:76px;margin-top:5px;padding:6px 8px;color:#276e50;background:var(--green-soft);font-size:10px;line-height:1.25;text-align:center}.activity-state.closed{color:var(--muted);background:#eef2f1}.activity-panel{margin-top:18px;padding:15px 15px 13px;border:1px solid #c2ded5;border-left:3px solid var(--teal);background:#f2f9f6}.activity-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-panel-title{display:flex;align-items:center;gap:7px;color:var(--teal)}.activity-panel-title strong{color:var(--navy);font-size:12px}.activity-sync-ok,.activity-sync-error{font-size:9px}.activity-sync-ok{color:#39845e}.activity-sync-error{color:var(--danger)}.activity-panel h2{margin:15px 0 0;color:var(--navy);font-size:16px;font-weight:650;line-height:1.35}.activity-notice{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.65;overflow-wrap:anywhere}.activity-panel-meta{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:10px}.activity-panel-meta>span:first-child{display:flex;align-items:center;gap:5px;min-width:0}.deadline-open{margin-left:auto;color:#276e50;white-space:nowrap}.home-primary{width:100%;min-height:96px;display:flex;align-items:center;gap:12px;margin-top:16px;padding:15px 14px;border:1px solid var(--navy);border-left:4px solid var(--navy);color:var(--navy);background:#fff;cursor:pointer;text-align:left}.home-primary:hover{background:#f1f6f5}.home-primary-icon{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;color:#fff;background:var(--navy)}.home-primary>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.home-primary .eyebrow{color:var(--teal);font-size:8px}.home-primary strong{color:var(--navy);font-size:14px;font-weight:650;line-height:1.35}.home-primary small{color:var(--muted);font-size:10px;line-height:1.35}.record-summary{margin-top:18px;padding:14px 14px 12px;border-top:2px solid var(--green);border-bottom:1px solid var(--line);background:#fbfdfc}.record-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-kicker{color:var(--teal);font-size:9px;letter-spacing:1.2px}.record-summary-status{display:flex;align-items:center;gap:5px;color:#39845e;font-size:10px}.status-dot{width:8px;height:8px;flex:0 0 auto;background:var(--green)}.record-summary-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:13px}.record-summary-main strong{color:var(--navy);font-size:14px}.record-summary-main span{min-width:0;color:var(--muted);font-size:10px;line-height:1.4;text-align:right;overflow-wrap:anywhere}.summary-link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:0;border:0;color:var(--teal);background:transparent;font-size:10px}.summary-link:hover{color:var(--navy)}.service-message-alert{width:100%;min-height:66px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;color:var(--teal);border:1px solid #e3b8b5;border-left:3px solid #c83d3d;background:#fff7f6;text-align:left}.service-message-alert>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.service-message-alert strong{color:var(--navy);font-size:11px}.service-message-alert small{color:#8d5551;font-size:9px}.service-message-icon{width:32px;height:32px;display:grid;place-items:center;color:#b73737;background:#ffe8e6}.service-preview{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:26px;padding-top:17px;border-top:1px solid var(--line)}.service-preview h2{margin:7px 0 0;color:var(--navy);font-size:15px;font-weight:650}.service-preview p{max-width:150px;margin:0;color:var(--muted);font-size:10px;line-height:1.5;text-align:right}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:10;width:min(100%,430px);display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f8fbf9f7;box-shadow:0 -8px 24px #1d3e3614;transform:translate(-50%)}.bottom-nav.five-items{grid-template-columns:repeat(5,1fr)}.bottom-nav button{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border:0;color:var(--muted);background:transparent;font-size:10px;flex-direction:column}.bottom-nav button.active{color:var(--teal)}.bottom-nav button:disabled{color:#aab6b2;cursor:not-allowed}.employee-nav-badge{position:absolute;top:1px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#c83d3d;border:2px solid var(--paper);border-radius:10px;font-size:8px;line-height:1}.game-leaderboard-view{min-height:calc(100dvh - 72px);padding:22px 18px 122px;background:#f3f6f7}.leaderboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:5px 0 19px;border-bottom:2px solid var(--navy)}.leaderboard-heading>div{min-width:0;padding-left:12px;border-left:3px solid var(--catl-blue)}.leaderboard-heading .eyebrow{display:block;color:var(--catl-blue);font-size:8px}.leaderboard-heading h1{margin:7px 0 0;color:var(--navy);font-size:22px;font-weight:700;line-height:1.3}.leaderboard-heading p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.leaderboard-heading>button{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;padding:0;color:var(--catl-blue);border:1px solid #bfd4dd;background:#fff}.leaderboard-heading>button:disabled{color:var(--muted);cursor:wait}.leaderboard-me{min-height:88px;display:grid;grid-template-columns:1.25fr 1fr 1fr;margin-top:13px;color:#fff;background:var(--navy)}.leaderboard-me>div{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.leaderboard-me>div+div{border-left:1px solid rgb(255 255 255 / 13%)}.leaderboard-me>div:first-child{align-items:flex-start;padding-left:15px;background:#009ca624}.leaderboard-me span,.leaderboard-me small{color:#aebfc0;font-size:7px}.leaderboard-me strong{color:#7ce0bc;font-size:25px;font-variant-numeric:tabular-nums}.leaderboard-me b{color:#fff;font-size:17px;font-variant-numeric:tabular-nums}.leaderboard-start{width:100%;min-height:74px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:11px;margin-top:12px;padding:11px 13px;color:#fff;border:1px solid #0879bd;background:var(--catl-blue);text-align:left}.leaderboard-start>span{width:36px;height:36px;display:grid;place-items:center;color:var(--catl-blue);background:#fff}.leaderboard-start>div{min-width:0;display:flex;flex-direction:column;gap:5px}.leaderboard-start strong{font-size:13px}.leaderboard-start small{color:#c8e6f6;font-size:9px;line-height:1.4}.leaderboard-start:hover{background:#0879bd}.leaderboard-error{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 11px;color:#9d3732;border-left:3px solid #c44d45;background:#fff0ee;font-size:9px}.leaderboard-error span{min-width:0;line-height:1.45}.leaderboard-error button{flex:0 0 auto;padding:4px 0;color:#9d3732;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:9px}.leaderboard-board{margin-top:22px;padding-top:17px;border-top:2px solid var(--navy)}.leaderboard-board-title{min-height:44px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.leaderboard-board-title h2{margin:6px 0 0;color:var(--navy);font-size:17px}.leaderboard-board-title>span{padding:5px 7px;color:var(--catl-blue);border:1px solid #b9d4e4;background:#edf6fc;font-size:8px}.leaderboard-loading,.leaderboard-empty{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:var(--muted);border-top:1px solid var(--line);background:#fff;font-size:10px}.leaderboard-empty{flex-direction:column;text-align:center}.leaderboard-empty svg{color:var(--catl-blue)}.leaderboard-empty strong{color:var(--navy);font-size:12px}.leaderboard-empty span{font-size:9px}.leaderboard-list{margin:8px 0 0;padding:0;border-top:1px solid var(--line);list-style:none;background:#fff}.leaderboard-list li{min-height:67px;display:grid;grid-template-columns:38px minmax(0,1fr) minmax(100px,auto);align-items:center;gap:9px;padding:9px 10px 9px 6px;border-bottom:1px solid var(--line)}.leaderboard-list li.mine{background:#edf8f3;box-shadow:inset 3px 0 0 var(--teal)}.leaderboard-position{width:34px;display:flex;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard-position.podium{color:#aa7319}.leaderboard-position b{font-size:11px}.leaderboard-person,.leaderboard-detail{min-width:0;display:flex;flex-direction:column;gap:4px}.leaderboard-person strong{overflow:hidden;color:var(--navy);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-person small,.leaderboard-detail small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-detail{align-items:flex-end;text-align:right}.leaderboard-detail strong{color:var(--catl-blue);font-size:15px;font-variant-numeric:tabular-nums}.game-view{min-height:calc(100dvh - 72px);padding:22px 18px 122px;background:#f3f6f7}.game-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:5px 0 19px;border-bottom:2px solid var(--navy)}.game-heading>div{min-width:0;padding-left:12px;border-left:3px solid var(--catl-blue)}.game-heading .eyebrow{display:block;color:var(--catl-blue);font-size:8px}.game-heading h1{margin:7px 0 0;color:var(--navy);font-size:22px;font-weight:700;line-height:1.3}.game-heading p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.game-demo-badge{flex:0 0 auto;margin-top:2px;padding:5px 7px;color:#fff;border:1px solid var(--navy);background:var(--navy);font-size:8px}.game-demo-badge.accelerate{border-color:#ae7a1d;background:#ae7a1d}.game-demo-badge.sprint{border-color:#b94139;background:#b94139}.game-demo-badge.overdrive{border-color:#7b2525;background:#7b2525;animation:game-stage-pulse .7s ease-in-out infinite}.game-stats{min-height:64px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px;border:1px solid var(--navy);background:var(--navy)}.game-stats>div{min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.game-stats>div+div{border-left:1px solid rgb(255 255 255 / 13%)}.game-stats>div.record{background:#009ca624}.game-stats>div.warning{background:#a92f2f;animation:game-time-stat-pulse .7s ease-in-out infinite}.game-stats>div.warning span,.game-stats>div.warning small{color:#ffd8d4}.game-stats span{color:#aebfc0;font-size:7px}.game-stats strong{color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.game-stats small{margin-left:2px;color:#64d2b0;font-size:7px}.game-run-strip{min-height:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;color:#405553;border:1px solid #d2ddda;border-top:0;background:#fff}.game-run-strip b{min-width:0;overflow:hidden;font-size:7px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.game-run-strip em{color:var(--catl-blue);font-size:7px;font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}.game-board{position:relative;width:100%;aspect-ratio:4 / 5.4;margin-top:12px;overflow:hidden;color:#fff;border:1px solid var(--catl-blue);background-color:#0c303b;background-image:linear-gradient(rgb(54 169 178 / 12%) 1px,transparent 1px),linear-gradient(90deg,rgb(54 169 178 / 12%) 1px,transparent 1px);background-size:24px 24px;box-shadow:inset 0 0 0 3px #0068b712;outline:none;touch-action:none;-webkit-user-select:none;user-select:none}.game-board:focus-visible{box-shadow:0 0 0 3px #009ca63d}.game-board:after{position:absolute;left:-8%;right:-8%;bottom:-12%;z-index:0;height:33%;content:"";background:#125562;transform:skewY(-5deg)}.game-grid-label{position:absolute;left:14px;right:14px;top:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#8fced4;font-size:7px}.game-grid-label b{color:#92e2bb;font-size:8px;font-weight:650}.game-charge-track{position:absolute;left:14px;right:14px;top:31px;z-index:3;height:4px;overflow:hidden;background:#e5f3eb2b}.game-charge-track i{height:100%;display:block;background:linear-gradient(90deg,#009ca6,#78df9d);transition:width .18s ease}.game-live-meta{position:absolute;left:14px;right:14px;top:45px;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.game-stage-chip{min-width:46px;padding:5px 7px;color:#143d34;background:#a8eabe;font-size:8px;font-weight:700;text-align:center}.game-stage-chip.accelerate{color:#60430b;background:#f4d487}.game-stage-chip.sprint{color:#fff;background:#c4473d;animation:game-stage-pulse 1s ease-in-out infinite}.game-stage-chip.overdrive{color:#fff;background:#7b2525;animation:game-stage-pulse .7s ease-in-out infinite}.game-live-meta>span{padding:4px 6px;color:#9be0c1;border:1px solid rgb(155 224 193 / 24%);background:#072d26b3;font-size:7px;font-variant-numeric:tabular-nums}.game-live-meta>strong{padding:5px 7px;color:#d7e8e1;border:1px solid rgb(215 232 225 / 20%);background:#072d26b8;font-size:8px;font-variant-numeric:tabular-nums}.game-live-meta>strong.hot{color:#ffe49a;border-color:#ffe49a85}.game-board.is-time-warning{border-color:#ef6e65;box-shadow:inset 0 0 0 3px #ef6e6533;animation:game-time-board-pulse .7s ease-in-out infinite}.game-time-alert{position:absolute;left:50%;top:76px;z-index:6;min-width:104px;min-height:31px;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;border:1px solid rgb(255 255 255 / 35%);background:#b63530;box-shadow:0 5px 14px #00000040;transform:translate(-50%);pointer-events:none}.game-time-alert span{font-size:8px}.game-time-alert strong{font-size:12px;font-variant-numeric:tabular-nums}.game-power-source{position:absolute;z-index:1;width:23px;height:23px;display:grid;place-items:center;color:#a9ddc4;border:1px solid rgb(169 221 196 / 26%);background:#0b342ca3}.game-power-source svg{width:11px;height:11px}.source-sun{left:13%;top:19%;color:#f1cd74}.source-wind{right:12%;top:29%}.source-water{left:18%;top:47%;color:#81cee1}.game-energy-item{position:absolute;left:0;top:0;z-index:4;width:24px;height:24px;display:grid;place-items:center;border:1px solid currentColor;border-radius:2px;background:#f7fbf8;box-shadow:0 3px 7px #031c1933;will-change:transform}.game-energy-item svg{width:12px;height:12px}.game-energy-item.sun{color:#a66e0d;background:#fff3cc}.game-energy-item.wind{color:#167b67;background:#e8f7ee}.game-energy-item.water{color:#176c8d;background:#e5f4f8}.game-energy-item.battery{color:#286c3f;background:#dcf7e4}.game-energy-item.carbon{color:#a83a3a;background:#ffe7e4}.game-energy-item.time{color:#075f9a;border-color:#58b9e7;background:#e8f7ff;box-shadow:0 0 0 2px #58b9e724,0 3px 7px #031c1933}.game-energy-item.time small{position:absolute;right:-6px;top:-7px;min-width:14px;height:12px;display:grid;place-items:center;padding:0 2px;color:#fff;border-radius:6px;background:#0079bc;font-size:6px;font-weight:700;line-height:1}.game-player{position:absolute;left:0;top:85%;z-index:5;width:54px;height:34px;display:grid;place-items:center;color:#0d4337;border:1px solid #79dca3;border-bottom:3px solid #2e9d66;border-radius:2px;background:#f4fff7;box-shadow:0 4px 10px #031c1947;will-change:transform}.game-player>svg{width:14px;height:14px}.game-player>i{position:absolute;left:8px;right:8px;bottom:4px;height:2px;overflow:hidden;background:#cee4d8}.game-player>i span{height:100%;display:block;background:#38a86b}.game-quiz-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;padding:19px 20px 17px;overflow-y:auto;color:var(--navy);border-top:4px solid var(--catl-blue);background:#f7fafb;flex-direction:column;text-align:left}.game-quiz-topline{position:sticky;top:0;z-index:2;min-height:28px;display:flex;align-items:center;justify-content:space-between;padding:3px 0;color:var(--catl-blue);background:#f7fafb;border-bottom:1px solid #dbe5e5;font-size:8px}.game-quiz-topline strong{min-width:36px;padding:4px 6px;color:#a53232;border:1px solid #e2b2ad;background:#fff0ee;font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.game-quiz-icon{width:32px;height:32px;display:grid;place-items:center;margin-top:11px;color:#fff;background:var(--catl-blue)}.game-quiz-icon svg{width:17px;height:17px}.game-quiz-overlay h2{margin:12px 0 0;color:var(--navy);font-size:17px;font-weight:650;line-height:1.45}.game-quiz-options{display:grid;gap:6px;margin-top:12px}.game-quiz-options button{width:100%;min-height:40px;display:grid;grid-template-columns:27px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:6px 9px;color:var(--navy);border:1px solid var(--line);background:#fff;text-align:left}.game-quiz-options button>span{width:25px;height:25px;display:grid;place-items:center;color:var(--teal);border:1px solid #a7cfc5;background:#edf8f3;font-size:9px}.game-quiz-options button>strong{min-width:0;font-size:10px;font-weight:550;line-height:1.4}.game-quiz-options button:hover:not(:disabled){border-color:var(--teal);background:#f0faf6}.game-quiz-options button:disabled{cursor:default;opacity:1}.game-quiz-options button.correct{color:#246b46;border-color:#65b785;background:#e7f7ed}.game-quiz-options button.correct>span{color:#fff;border-color:#3e9e65;background:#3e9e65}.game-quiz-options button.wrong{color:#9f3732;border-color:#d99994;background:#fff0ee}.game-quiz-options button.wrong>span{color:#fff;border-color:#c44d45;background:#c44d45}.game-quiz-overlay>p{margin:12px 0 0;color:var(--muted);font-size:9px}.game-quiz-feedback{display:flex;margin-top:11px;padding:9px 10px;color:#9f3732;border-left:3px solid #c44d45;background:#fff0ee;flex-direction:column;gap:4px}.game-quiz-feedback.correct{color:#246b46;border-color:#3e9e65;background:#e7f7ed}.game-quiz-feedback strong{font-size:10px}.game-quiz-feedback span{font-size:8px;line-height:1.45}.game-board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;flex-direction:column;text-align:center;background:#08212af0}.game-emblem{width:44px;height:44px;display:grid;place-items:center;color:#0068b7;border:1px solid #74d8b1;background:#effcf5;box-shadow:5px 5px #009ca633}.game-emblem svg{width:19px;height:19px}.game-board-overlay>span:not(.game-emblem){margin-top:19px;color:#99d8bd;font-size:8px}.game-board-overlay h2{margin:8px 0 0;color:#fff;font-size:20px;font-weight:650}.game-board-overlay p{margin:8px 0 0;color:#b5cfc5;font-size:10px;line-height:1.5}.game-board-overlay>button{min-width:150px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;padding:0 18px;color:#fff;border:1px solid #168bd0;background:#0068b7;font-size:11px;font-weight:650}.game-board-overlay>button:hover{background:#168bd0}.game-board-overlay>button svg{width:16px;height:16px}.result-kicker{margin-top:0!important;color:#9adabc!important}.game-new-record{margin-top:8px!important;padding:4px 7px;color:#163f34!important;background:#f4d48b;font-size:7px!important;font-weight:700}.game-result-failed{width:78px;height:78px;display:grid;place-items:center;margin-top:14px!important;color:#a7c5ba!important;border:1px solid rgb(167 197 186 / 40%);background:#ffffff12}.game-complete-note{display:flex;align-items:center;gap:5px;color:#f4d48b!important}.game-ready-requirements{width:min(100%,260px);display:grid;margin-top:17px;border-top:1px solid rgb(157 197 199 / 24%)}.game-ready-requirements b{min-height:31px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;color:#c0d2d3;border-bottom:1px solid rgb(157 197 199 / 18%);font-size:9px;font-weight:500;text-align:left}.game-ready-requirements span{margin:0!important;color:#5dcbb0!important;font-size:8px!important;font-variant-numeric:tabular-nums}.game-result-metrics{width:min(100%,260px);display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px;border:1px solid rgb(183 211 207 / 24%)}.game-result-metrics span{min-height:46px;display:flex;align-items:center;justify-content:center;margin:0!important;flex-direction:column;gap:4px}.game-result-metrics span+span{border-left:1px solid rgb(183 211 207 / 20%)}.game-result-metrics small{color:#8fb2ae;font-size:7px}.game-result-metrics strong{color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.game-score-sync{min-height:22px;display:flex;align-items:center;justify-content:center;margin-top:9px!important;padding:4px 8px;color:#b9cfcc!important;border:1px solid rgb(185 207 204 / 18%);font-size:8px!important}.game-score-sync.syncing{color:#f0d58d!important}.game-score-sync.synced{color:#8ee0ba!important;border-color:#8ee0ba52}.game-score-sync.error{color:#ffaaa3!important;border-color:#ffaaa34d}.game-result-actions{width:min(100%,260px);display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.game-result-actions button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;color:#d3e5e4;border:1px solid rgb(196 220 216 / 35%);background:#ffffff0f;font-size:9px}.game-result-actions button:last-child{color:#fff;border-color:#168bd0;background:var(--catl-blue)}.battery-drop-card{width:132px;min-height:165px;display:flex;align-items:center;justify-content:center;margin-top:13px;padding:9px;color:#1c5e43;border:1px solid #9ed3b5;border-top:5px solid #38a86b;background:#eef9f2;box-shadow:8px 8px #ffffff14;flex-direction:column}.battery-drop-card>div{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:6px}.battery-drop-card>div span{padding:3px 4px;color:currentColor;border:1px solid currentColor}.battery-drop-card>div b{font-size:6px}.battery-drop-card>svg{margin:17px 0 10px}.battery-drop-card>strong{font-size:17px}.battery-drop-card>small{margin-top:6px;font-size:7px}.battery-drop-card>em{margin-top:11px;padding-top:7px;width:100%;border-top:1px solid currentColor;font-size:7px;font-style:normal}.battery-drop-card.blue{color:#155a93;border-color:#9fc8e7;border-top-color:#0068b7;background:#edf6fc}.battery-drop-card.cyan{color:#087981;border-color:#9ed4d1;border-top-color:#009ca6;background:#eaf8f7}.battery-drop-card.orange{color:#8c570e;border-color:#e5c68f;border-top-color:#d78a1d;background:#fff7e8}.battery-drop-card.red{color:#973a37;border-color:#dfaaa6;border-top-color:#c64740;background:#fff0ee}.battery-drop-card.gold{color:#7f5a19;border-color:#ddc286;border-top-color:#bd8c27;background:#fff6df}.battery-album{margin-top:24px;padding-top:18px;border-top:2px solid var(--navy)}.battery-album-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.battery-album-heading h2{margin:6px 0 0;color:var(--navy);font-size:17px}.battery-album-heading p{margin:6px 0 0;color:var(--muted);font-size:8px}.battery-album-heading>strong{flex:0 0 auto;color:var(--catl-blue);font-size:25px;font-weight:650;font-variant-numeric:tabular-nums}.battery-album-heading>strong small{margin-left:2px;color:var(--muted);font-size:10px}.battery-album ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0 0;padding:0;list-style:none}.battery-album li{position:relative;min-width:0;height:132px;display:flex;align-items:center;padding:8px 7px;overflow:hidden;color:#7d8987;border:1px solid #d3dcda;border-top:4px solid #aeb9b7;background:#e8edec;flex-direction:column;filter:grayscale(1)}.battery-album li.owned{filter:none}.battery-album li>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:5px}.battery-album li>div span{padding:2px 3px;border:1px solid currentColor}.battery-album li>div b{min-width:0;overflow:hidden;font-size:5px;text-overflow:ellipsis;white-space:nowrap}.battery-card-icon{width:26px;height:26px;display:grid;flex:0 0 auto;place-items:center;margin-top:10px;color:currentColor;border:1px solid currentColor}.battery-card-icon svg{width:15px;height:15px}.battery-album li>strong{max-width:100%;margin-top:7px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.battery-album li>small{max-width:100%;margin-top:4px;overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.battery-album li>em{width:100%;margin-top:auto;padding-top:5px;border-top:1px solid currentColor;font-size:6px;font-style:normal;text-align:center}.battery-album li.owned.green{color:#226e47;border-color:#a2ceb4;border-top-color:#38a86b;background:#e8f6ed}.battery-album li.owned.blue{color:#155a93;border-color:#a8cce6;border-top-color:#0068b7;background:#edf6fc}.battery-album li.owned.cyan{color:#087981;border-color:#9ed4d1;border-top-color:#009ca6;background:#eaf8f7}.battery-album li.owned.orange{color:#8c570e;border-color:#e5c68f;border-top-color:#d78a1d;background:#fff7e8}.battery-album li.owned.red{color:#973a37;border-color:#dfaaa6;border-top-color:#c64740;background:#fff0ee}.battery-album li.owned.gold{color:#7f5a19;border-color:#ddc286;border-top-color:#bd8c27;background:#fff6df}.battery-complete{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;color:#155a93;border:1px solid #a8cce6;background:#edf6fc;font-size:10px}.deadline-list{margin-top:16px;border-left:3px solid var(--green);background:var(--green-soft)}.deadline-note{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;color:#276e50;font-size:11px}.deadline-note+.deadline-note{border-top:1px solid #c5dfd1}.deadline-note.disabled{color:#7b8c88;background:#eef2f1}.employee-service-view{min-height:calc(100dvh - 72px);padding:26px 20px 38px;background:#fff}.after-sales-view{padding-bottom:112px}.service-heading,.service-case-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}.service-heading h1,.service-case-heading h1{margin:7px 0 0;color:var(--navy);font-size:23px;font-weight:560}.service-heading p,.service-case-heading p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.service-create-button{min-height:40px;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:0 11px;color:#fff;border:1px solid var(--navy);background:var(--navy);font-size:10px}.wechat-service{width:100%;min-height:70px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;margin-top:16px;padding:11px 13px;color:var(--teal);border:1px solid #c2ded5;border-left:3px solid var(--teal);background:#f2f9f6;text-align:left}.wechat-service span{min-width:0;display:flex;flex-direction:column;gap:5px}.wechat-service strong{color:var(--navy);font-size:12px}.wechat-service small{color:var(--muted);font-size:9px}.employee-service-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);text-align:center;font-size:11px;line-height:1.6}.employee-service-empty strong{color:var(--navy);font-size:13px}.employee-service-empty span{max-width:260px}.after-sales-list{margin-top:18px;border-top:1px solid var(--line)}.after-sales-list>button{width:100%;min-height:94px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 2px;color:var(--navy);border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.after-sales-list-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--teal);background:var(--green-soft)}.after-sales-list-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.after-sales-list-copy strong{display:flex;align-items:center;gap:6px;font-size:13px}.after-sales-list-copy strong b{padding:3px 6px;color:#b73333;background:#fff0ef;border-radius:9px;font-size:8px;font-weight:650}.after-sales-list-copy small{color:var(--muted);font-size:9px}.after-sales-list-copy em{overflow:hidden;color:#526865;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.after-sales-status{padding:5px 7px;flex:0 0 auto;font-size:9px;white-space:nowrap}.after-sales-status.pending{color:#98600f;background:#fff2dd}.after-sales-status.progress{color:#0068b7;background:#e6f2fb}.after-sales-status.resolved{color:#28704f;background:var(--green-soft)}.after-sales-status.closed{color:#687a76;background:#edf1f0}.service-select{width:100%;height:51px;padding:0 13px;color:var(--ink);border:1px solid var(--line);background:#fff;outline:none}.service-select:focus{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.service-upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.service-upload-actions label{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--teal);border:1px solid var(--line);background:#fff;font-size:10px;cursor:pointer}.service-upload-actions input{display:none}.service-upload-actions.compact{margin-top:9px}.service-image-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.service-image-preview>div{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);background:#eef3f1}.service-image-preview img{width:100%;height:100%;object-fit:cover}.service-image-preview button{position:absolute;right:3px;top:3px;width:24px;height:24px;display:grid;place-items:center;padding:0;color:#fff;border:0;background:#102a31c7}.upload-rule{margin:8px 0 0;color:var(--muted);font-size:9px}.service-case-heading{align-items:center}.employee-chat-history{height:clamp(260px,46dvh,440px);min-height:0;margin:18px -20px 0;padding:18px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#f3f7f5}.employee-chat-message{min-width:0;max-width:86%;align-self:flex-end}.employee-chat-message.admin{align-self:flex-start}.employee-chat-message>div:first-child{margin-bottom:5px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.employee-chat-message p{margin:0;padding:10px 12px;overflow-wrap:anywhere;color:#fff;background:var(--navy);font-size:11px;line-height:1.65;white-space:pre-wrap}.employee-chat-message.admin p{color:var(--navy);background:#fff;border:1px solid var(--line)}.employee-chat-images{margin-top:6px;display:grid;grid-template-columns:repeat(3,76px);gap:5px}.employee-chat-images a{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;color:var(--muted);background:#e5ece9;font-size:9px}.employee-chat-images img{width:100%;height:100%;object-fit:cover}.employee-chat-composer{margin-top:16px}.closed-case-note{margin:18px 0 0;padding:12px;color:var(--muted);background:#edf1f0;font-size:10px;text-align:center}.luggage-tag-view{padding-bottom:112px}.luggage-owner-badge{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:var(--catl-blue)}.my-tag-card{margin-top:20px;color:#fff;background:var(--navy);border-top:4px solid var(--teal)}.my-tag-card-top{min-height:94px;padding:18px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid rgb(255 255 255 / 15%)}.my-tag-card-top>span{width:42px;height:42px;display:grid;place-items:center;color:#102a31;background:#8ce0c2}.my-tag-card-top>div{min-width:0;display:flex;flex-direction:column;gap:6px}.my-tag-card-top small{color:#a7c7be;font-size:9px}.my-tag-card-top strong{overflow:hidden;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.my-tag-card-top b{padding:5px 7px;color:#123b30;background:#86ddb9;font-size:8px}.my-tag-card dl{margin:0;padding:14px 18px}.my-tag-card dl>div{min-height:29px;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;font-size:9px}.my-tag-card dt{color:#90aaa4}.my-tag-card dd{margin:0;color:#e5f2ee;text-align:right}.tag-message-editor{margin-top:22px;padding-top:18px;border-top:2px solid var(--navy)}.tag-message-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tag-message-heading h2{margin:6px 0 0;font-size:18px}.tag-message-heading>button{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;color:var(--catl-blue);border:0;background:#e8f2f9;font-size:10px}.tag-message-editor blockquote{margin:14px 0 0;padding:18px 16px;color:#2a4542;border:1px solid #c7d9d4;border-left:4px solid var(--teal);background:#f1f8f5;font-size:14px;line-height:1.75}.tag-message-editor textarea{margin-top:14px;padding:13px;resize:vertical;line-height:1.65}.tag-editor-actions{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:9px}.tag-editor-actions>span{color:var(--muted);font-size:9px}.tag-editor-actions .primary-button,.tag-editor-actions .ghost-button{width:auto;min-height:38px;margin:0;padding:0 12px}.tag-message-editor>p{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:var(--muted);font-size:9px}.tag-empty-panel{min-height:390px;display:flex;align-items:center;justify-content:center;padding:28px 20px;flex-direction:column;text-align:center}.tag-empty-panel>span{width:70px;height:70px;display:grid;place-items:center;color:var(--catl-blue);border:1px solid #a8cada;background:#eaf5f7;box-shadow:8px 8px #dcece7}.tag-empty-panel h2{margin:28px 0 0;font-size:20px}.tag-empty-panel p{max-width:270px;margin:9px 0 21px;color:var(--muted);font-size:11px;line-height:1.65}.tag-empty-panel .primary-button{width:auto;min-width:160px;margin:0}.luggage-scan-view .section-heading{margin-bottom:20px}.owner-tag-shell>.topbar{display:none}.owner-tag-shell{background:#f3f6f2}.employee-service-view.owner-welcome-view{min-height:100dvh;padding:0 0 104px;color:#102129;background:#f3f6f2}.owner-welcome-hero{position:relative;height:472px;overflow:hidden;color:#fff;background:#0b242c}.owner-welcome-hero:before{content:"";position:absolute;width:294px;height:294px;top:158px;right:-120px;border:1px solid rgb(127 241 185 / 23%);border-radius:50%;box-shadow:0 0 0 36px #7ff1b90b,0 0 0 72px #0066ff09}.owner-welcome-topbar{position:relative;z-index:3;height:76px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 10px}.owner-welcome-brand{display:flex;align-items:center;gap:11px}.owner-welcome-brand strong{color:#fff;font-family:Arial,sans-serif;font-size:19px;font-weight:900;letter-spacing:1px}.owner-welcome-brand i{width:1px;height:18px;background:#ffffff59}.owner-welcome-brand span{color:#c9d7d8;font-size:12px}.owner-welcome-topbar>button{width:38px;height:38px;display:grid;place-items:center;padding:0;color:#fff;border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background:#ffffff0d}.owner-welcome-copy{position:relative;z-index:2;padding:28px 24px 0}.owner-recognized{display:inline-flex;align-items:center;gap:7px;height:27px;padding:0 10px;color:#7ff1b9;border:1px solid rgb(111 239 174 / 50%);border-radius:999px;font-size:11px;font-weight:700}.owner-recognized i{width:6px;height:6px;border-radius:50%;background:#7ff1b9;box-shadow:0 0 0 4px #7ff1b91f}.owner-welcome-copy h1{margin:15px 0 8px;overflow-wrap:anywhere;color:#fff;font-size:38px;font-weight:750;line-height:1.13}.owner-welcome-copy p{max-width:340px;margin:0;color:#d2dedf;font-size:15px;line-height:1.7}.owner-route-line{position:absolute;left:24px;top:297px;width:168px;height:1px;background:#ffffff36}.owner-route-line i{position:absolute;top:-4px;width:9px;height:9px;border:2px solid #7ff1b9;border-radius:50%;background:#0b242c}.owner-route-line i:first-child{left:0}.owner-route-line i:last-child{right:0;border-color:#4c8dff}.owner-route-labels{position:absolute;left:24px;top:315px;width:168px;display:flex;justify-content:space-between;color:#81979c;font-size:9px;font-weight:700}.owner-tag-cord{position:absolute;right:61px;top:259px;width:84px;height:105px;border:3px solid #7ff1b9;border-bottom:0;border-radius:50px 50px 0 0;opacity:.85;transform:rotate(17deg)}.owner-digital-tag{position:absolute;z-index:2;top:278px;right:24px;width:196px;height:145px;padding:20px 18px;color:#0b242c;background:#e8ff78;clip-path:polygon(0 12px,12px 0,184px 0,196px 12px,196px 133px,184px 145px,12px 145px,0 133px);filter:drop-shadow(0 18px 18px rgb(0 0 0 / 20%));transform:rotate(-4deg)}.owner-tag-hole{position:absolute;right:17px;top:16px;width:17px;height:17px;border:4px solid #0b242c;border-radius:50%;background:#f3f6f2}.owner-digital-tag>small{display:block;color:#405c45;font-family:Arial,sans-serif;font-size:8px;font-weight:800;letter-spacing:1.5px}.owner-digital-tag>strong{display:block;margin-top:13px;font-size:22px;font-weight:800}.owner-digital-tag>span{display:block;margin-top:5px;color:#405c45;font-size:9px;font-weight:700}.owner-tag-bars{position:absolute;left:18px;right:18px;bottom:17px;height:31px;display:flex;align-items:flex-end;gap:4px}.owner-tag-bars i{width:5px;background:#0b242c}.owner-tag-bars i:nth-child(4n+1){height:28px}.owner-tag-bars i:nth-child(4n+2){height:17px}.owner-tag-bars i:nth-child(4n+3){height:23px}.owner-tag-bars i:nth-child(4n){height:31px}.owner-welcome-content{padding:22px 24px 30px}.owner-binding-status{min-height:88px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;border-top:1px solid #d7dfda;border-bottom:1px solid #d7dfda}.owner-binding-status>span{width:44px;height:44px;display:grid;place-items:center;color:#fff;border-radius:50%;background:#087f5b}.owner-binding-status>div{min-width:0}.owner-binding-status strong{display:block;font-size:15px}.owner-binding-status small{display:block;margin-top:4px;color:#748184;font-size:10px;line-height:1.45}.owner-binding-status time{max-width:76px;color:#748184;font-size:9px;line-height:1.4;text-align:right}.owner-privacy-note{display:flex;align-items:flex-start;gap:12px;margin:22px 0 0;color:#46565a;font-size:11px;line-height:1.65}.owner-privacy-note>span{width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;color:#06f;border-radius:50%;background:#dce9ff}.owner-tag-action{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:0 18px;color:#fff;border:0;border-radius:6px;background:#06f;box-shadow:0 10px 22px #06f3;font-size:15px;font-weight:750}.bottom-nav.owner-welcome-nav{background:#fffffffa;box-shadow:none}.bottom-nav.owner-welcome-nav button.active{color:#0b242c}.bottom-nav.owner-welcome-nav button.active:before{content:"";position:absolute;top:-8px;width:34px;height:3px;background:#06f}.tag-scan-actions{display:flex;flex-direction:column;gap:9px}.tag-scan-actions>button,.tag-scan-actions>label{width:100%;min-height:72px;display:grid;grid-template-columns:35px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px 14px;color:var(--teal);border:1px solid var(--line);border-left:3px solid var(--teal);background:#fff;text-align:left;cursor:pointer}.tag-scan-actions>button:hover,.tag-scan-actions>label:hover{background:#f2f9f6}.tag-scan-actions input{display:none}.tag-scan-actions span{min-width:0;display:flex;flex-direction:column;gap:5px}.tag-scan-actions strong{color:var(--navy);font-size:12px}.tag-scan-actions small{color:var(--muted);font-size:9px}.tag-scan-actions>p{display:flex;align-items:flex-start;gap:6px;margin:4px 0 0;padding:10px 11px;color:#756025;background:#fff8e8;font-size:9px;line-height:1.55}.tag-camera{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#0b242b}.tag-camera video{width:100%;height:100%;object-fit:cover}.tag-camera>span{position:absolute;top:18%;right:12%;bottom:18%;left:12%;display:grid;place-items:center;color:#75deb7;border:2px solid #75deb7;box-shadow:0 0 0 999px #05191f61}.tag-camera>button{position:absolute;left:50%;bottom:18px;min-height:38px;display:inline-flex;align-items:center;gap:5px;padding:0 13px;color:#fff;border:1px solid rgb(255 255 255 / 45%);background:#082128d1;transform:translate(-50%)}.tag-bind-confirm{margin-top:20px;padding:28px 20px 22px;text-align:center;border:1px solid #b9d8cf;border-top:4px solid var(--teal);background:#f3faf7}.tag-bind-confirm.bound,.tag-bind-confirm.void,.tag-bind-confirm.replaced{border-top-color:#b35b4f;background:#fff6f3}.tag-bind-confirm .tag-status-mark{margin:0 auto 13px}.tag-bind-confirm h2{margin:8px 0 0;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:15px}.tag-bind-confirm p{margin:12px auto 18px;color:var(--muted);font-size:10px;line-height:1.65}.tag-bind-confirm .primary-button,.tag-bind-confirm .secondary-button{width:100%;margin:0}.scanned-owner-message{min-height:calc(100dvh - 126px);display:flex;align-items:center;justify-content:center;padding:30px 22px;flex-direction:column;text-align:center;background:#fff;border:1px solid #c9d9d5;border-top:5px solid var(--teal)}.scanned-owner-message h1{margin:9px 0 0;font-size:23px;font-weight:560}.scanned-owner-message blockquote{width:100%;margin:24px 0 17px;padding:19px 16px;color:#23413d;border-left:3px solid var(--teal);background:#edf7f3;font-size:14px;line-height:1.8}.scanned-owner-message>p{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.scanned-owner-message .secondary-button{max-width:220px;margin-top:22px}.public-tag-view{min-height:calc(100dvh - 72px);padding:28px 20px;background:#eff5f2}.public-tag-brand{display:flex;align-items:center;gap:11px}.public-tag-brand>span{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--catl-blue)}.public-tag-brand>div{display:flex;flex-direction:column;gap:4px}.public-tag-brand small{color:var(--teal);font-size:8px}.public-tag-brand strong{color:var(--navy);font-size:16px}.public-message-panel,.tag-state-panel{min-height:410px;display:flex;align-items:center;justify-content:center;margin-top:26px;padding:30px 22px;flex-direction:column;text-align:center;background:#fff;border:1px solid #c9d9d5;border-top:5px solid var(--catl-blue)}.tag-status-mark{width:54px;height:54px;display:grid;place-items:center;margin-bottom:21px;color:#fff;background:var(--catl-blue);box-shadow:7px 7px #dcece7}.tag-status-mark.bound{background:var(--teal)}.public-message-panel h1{margin:9px 0 0;font-size:23px;font-weight:560}.public-message-panel blockquote{width:100%;margin:24px 0 17px;padding:19px 16px;color:#23413d;border-left:3px solid var(--teal);background:#edf7f3;font-size:14px;line-height:1.8}.public-message-panel p,.tag-state-panel p{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.65}.public-message-panel .primary-button{margin-top:22px}.tag-state-panel{gap:10px;min-height:320px;color:var(--teal)}.tag-state-panel strong{color:var(--navy);font-size:17px}.tag-state-panel.error{color:var(--danger);border-top-color:var(--danger)}.public-tag-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:#687b77;font-size:8px;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:end center;padding:18px;background:#102a3194}.privacy-modal{position:relative;width:min(100%,394px);padding:25px 22px 22px;border-radius:4px;color:#405550;background:#fff}.privacy-modal>svg{color:var(--teal)}.privacy-modal h2{margin:13px 0 10px;color:var(--navy);font-size:19px}.privacy-modal p{margin:0;font-size:12px;line-height:1.75}.modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;color:var(--muted);background:transparent}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes game-stage-pulse{50%{opacity:.72}}@keyframes game-time-stat-pulse{50%{background:#7e2020}}@keyframes game-time-board-pulse{50%{box-shadow:inset 0 0 0 3px #ef6e6557,0 0 0 2px #b635304d}}@media(max-width:360px){.content,.success-view,.home-view,.gift-plan-view,.game-view,.game-leaderboard-view,.employee-service-view,.public-tag-view{padding-inline:15px}.hero{padding-left:70px}.method-grid button span{font-size:10px}.two-column{grid-template-columns:1fr;gap:0}.fulfillment-grid{gap:18px}.fulfillment-grid:after{left:22%;right:22%}.game-quiz-overlay{padding:15px}.game-run-strip{grid-template-columns:auto minmax(0,1fr)}.game-run-strip em{display:none}.game-quiz-icon{width:30px;height:30px;margin-top:10px}.game-quiz-icon svg{width:15px;height:15px}.game-quiz-overlay h2{margin-top:9px;font-size:15px}.game-quiz-options{gap:5px;margin-top:10px}.game-quiz-options button{min-height:38px}.leaderboard-list li{grid-template-columns:33px minmax(0,1fr) minmax(86px,auto);gap:6px;padding-inline:4px 7px}.leaderboard-detail small{font-size:6px}.gift-plan-card-body ul{grid-template-columns:1fr}.employee-service-view.owner-welcome-view{padding-inline:0}.owner-welcome-copy h1{font-size:32px}.owner-route-line,.owner-route-labels{width:138px}.owner-digital-tag{right:15px;transform:rotate(-3deg) scale(.91);transform-origin:right center}.owner-binding-status{grid-template-columns:44px minmax(0,1fr)}.owner-binding-status time{grid-column:2;max-width:none;margin-top:-13px;text-align:left}}@media(min-width:700px){body{padding:28px 0}.app-shell{min-height:calc(100dvh - 56px);border:1px solid #c4d5d0;border-radius:8px}.success-view,.home-view,.gift-plan-view,.game-view,.game-leaderboard-view{min-height:calc(100dvh - 130px)}.owner-tag-shell,.employee-service-view.owner-welcome-view{min-height:calc(100dvh - 56px)}}