.innate-talent{border:1px solid #c5ab762c;border-radius:8px;background:#c1ad7908;padding:10px;margin:0 0 12px}.innate-talent>div{display:flex;align-items:center;gap:6px;color:#cbb888;font-size:12px}.innate-talent .icon{width:16px;height:16px;flex-shrink:0}.innate-talent strong{font-weight:500}.innate-talent small{font-size:9px;color:#9b9088;margin-left:auto}.innate-talent.active small{color:#b9b1ab}.innate-talent p{font-size:11px;line-height:1.6;color:#bfb8b3;margin:6px 0 0}.innate-talent.active{border-color:#a49a9250;background:#9589800c}
.recruit-price{display:flex;gap:6px;align-items:center;margin:13px 0 10px;color:#ddbd83}.recruit-price strong{font-size:19px;font-family:Georgia,serif;font-weight:400}.recruit-price small{font-size:10px;color:#a29790}.recruit-price>.icon{width:17px;height:17px}.companion-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px;margin-top:12px}.companion-actions>.btn{font-size:10px;padding:9px 5px;min-height:42px;gap:5px}.companion-actions .icon{width:15px;height:15px}.outfit-current{font-size:10px;color:#b3aba5;display:flex;align-items:center;gap:5px;margin:11px 0}.outfit-current>span{margin-left:auto;color:#988c84}.outfit-current .icon{width:13px;height:13px}.companion-catalog-summary{display:flex;align-items:center;gap:12px;font-size:11px;color:#b6aea8}.companion-catalog-summary .icon{width:18px;height:18px;color:#d4b484}.companion-catalog-summary strong{color:#d9c292;font-weight:500}
.portrait{position:relative;overflow:hidden}.portrait:has(.portrait-base-sprite){background:#292522}.portrait-base-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:1;background-image:url('../assets/portraits-v3.webp');background-repeat:no-repeat;background-size:400% 300%;background-position:var(--px) var(--py);pointer-events:none}.portrait.outfit-portrait{position:relative;background:#292923;overflow:hidden}.outfit-sprite{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:3/4;background-image:var(--wardrobe-sheet);background-repeat:no-repeat;background-size:400% 300%;background-position:var(--px) var(--py);pointer-events:none}
.disciple-visual>.portrait.outfit-portrait{position:absolute;inset:0;width:100%;height:100%}.disciple-visual:has(.outfit-portrait){background:#292923}.disciple-visual>.outfit-portrait .outfit-sprite{height:100%;max-width:none}
.character-modal.companion-modal{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:510px}.companion-portrait-area{position:sticky;top:0;align-self:start;background:radial-gradient(ellipse at 50% 45%,#8a77512b,transparent 70%);padding:28px 0 18px;text-align:center}.companion-portrait-area>.portrait{width:220px;height:220px;margin:auto;border-radius:9px;background-size:400% 300%;background-position:var(--px) var(--py)}.companion-portrait-area>.outfit-portrait{height:330px;width:240px;border-radius:0}.companion-portrait-area>span{display:inline-flex;font-size:11px;color:#cdb88e;border:1px solid #c5aa742b;border-radius:99px;padding:6px 12px;margin-top:15px}.companion-content{padding:26px 24px!important;min-width:0}.companion-content .modal-title{font-size:27px}.companion-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#b0a7a0;font-size:11px;margin:9px 0 16px}.companion-identity>span{display:flex;align-items:center;gap:5px}.companion-identity .icon{width:14px;height:14px;color:#d1b57e}.companion-content .innate-talent{margin-bottom:15px}.companion-bond{margin:14px 0}.companion-bond .row>span{display:flex;align-items:center;gap:5px}.companion-bond .icon{width:15px;height:15px;color:#d4a7a1}.companion-bond .row{font-size:11px}.companion-bond .progress{margin-top:9px}
.companion-tabs{display:flex;gap:4px;padding:5px 0 12px;border-bottom:1px solid var(--line);margin-bottom:17px}.companion-tabs>button{flex:1;min-height:43px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;color:#a49a92;font-size:12px}.companion-tabs .icon{width:16px;height:16px}.companion-tabs>button[aria-selected=true]{background:#ceae7922;color:#e0c18b;box-shadow:inset 0 -2px #b89d6b}.companion-tabpanel{min-width:0}.companion-tabpanel .story-quote{font-size:14px;padding:13px 0;margin:13px 0}.companion-tabpanel .story-buttons{margin-top:16px}.companion-note{font-size:11px;line-height:1.9;color:#a0958d;margin:10px 0}.companion-empty{font-size:13px;color:#ada49d;padding:30px 0;text-align:center}.bond-quota{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #b4a37326;background:#b5a77808;border-radius:8px;font-size:11px;color:#bcb4af;margin:12px 0}.bond-quota>.icon{width:16px;height:16px;color:#cfaaa0}.bond-quota>span:last-child{margin-left:auto}.bond-quota b{color:#dbc08e;font-weight:500}.social-buttons{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.social-buttons>.btn{min-height:44px;font-size:12px;gap:6px}.social-buttons .icon{width:16px;height:16px}.social-buttons small{font-size:10px;color:#b7aea8}.confirm-bond{font-size:11px;margin-top:13px;min-height:44px;white-space:normal}
.wage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.wage-option{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #b9aa7a38;border-radius:9px;background:#9c908808;padding:15px 7px 10px;color:#c1bab5;min-width:0}.wage-option>.icon{width:22px;height:22px;color:#d2b576}.wage-option>b{font-size:12px;font-weight:500}.wage-option>strong{font-size:19px;font-family:Georgia,serif;font-weight:400;color:#e2c38d}.wage-option strong>small{font-size:9px;color:#a29790}.wage-bond{display:flex;align-items:center;gap:4px;font-size:14px;color:#d3aaa2}.wage-bond:after{content:'好感';font-size:9px;color:#b1a8a1}.wage-bond .icon{width:14px;height:14px}.wage-option em{font-size:10px;font-style:normal;padding:6px 3px;border-radius:4px;background:#af9b6420;width:100%}.wage-option.selected{border-color:#d2b47a;background:#b7a57416}.wage-option:disabled{opacity:.5;cursor:default}.wage-option.selected:disabled{opacity:.85}.wage-summary{font-size:11px;line-height:2;color:#b0a7a0;border-top:1px solid var(--line);padding-top:13px}.wage-summary strong{color:#ddc18f;font-size:16px;font-weight:400}
.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b6ada7}.wardrobe-heading>span{display:flex;align-items:center;gap:6px}.wardrobe-heading .icon{width:16px;height:16px;color:#d8b97b}.wardrobe-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:14px 0}.wardrobe-tile{border:1px solid #c0b08327;border-radius:8px;overflow:hidden;background:#9a8e8608;padding:0 0 9px;min-width:0;text-align:center;color:#b2a9a2}.wardrobe-preview{height:108px;position:relative;overflow:hidden;margin-bottom:9px;background:#292923}.wardrobe-preview>.portrait{height:100%;width:100%;border-radius:0;background-size:400% 300%;background-position:var(--px) var(--py)}.wardrobe-preview .outfit-sprite{height:100%}.wardrobe-tile>strong{display:block;font-size:11px;font-weight:500}.wardrobe-tile>small{display:block;font-size:9px;margin-top:5px}.wardrobe-tile.locked .portrait{filter:blur(3px) grayscale(.85);opacity:.25}.wardrobe-tile:disabled{opacity:1}.wardrobe-tile.selected{border-color:#d7b77d;box-shadow:0 0 0 1px #d7b77d55;color:#e0c28e}.wardrobe-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#d0bea0}.wardrobe-lock .icon{width:14px;height:14px}.affinity-stages{display:flex;flex-wrap:wrap;gap:7px}.affinity-stages>span{display:flex;align-items:center;gap:3px;font-size:9px;border:1px solid #ffffff12;padding:5px 6px;border-radius:5px;color:#93867d}.affinity-stages .icon{width:11px;height:11px}.affinity-stages .reached{color:#d5ba86;border-color:#d5ba8630}
.workbench-preview{display:grid;grid-template-columns:110px 1fr;gap:15px;background:#0002;border-radius:9px;padding:10px;align-items:center}.workbench-preview>.portrait{height:160px;width:110px;background-size:400% 300%;background-position:var(--px) var(--py);border-radius:6px}.workbench-preview>div:not(.portrait)>.icon{width:22px;height:22px;color:#d2b87f}.workbench-preview h3{font-size:15px;margin:7px 0;color:#d9c596}.workbench-preview strong{font-size:18px;color:#c5beb9;font-weight:500}.workbench-preview small{font-size:10px}.workbench-preview p{font-size:11px;color:#a69c94;margin:9px 0}.workbench-preview .item-art{height:45px;width:45px}.work-assignment{margin-top:15px}.work-assignment>label{font-size:11px;color:#bbb3ae}.work-assignment .work-select{font-size:12px;min-height:44px;margin:9px 0 12px}
@media(max-width:760px){.character-modal.companion-modal{display:block}.companion-portrait-area{position:relative;padding:14px 0 12px;height:280px}.companion-portrait-area>.portrait{height:230px;width:230px}.companion-portrait-area>.outfit-portrait{height:240px;width:180px;border-radius:8px}.companion-portrait-area>span{margin-top:8px;font-size:10px;padding:5px 10px}.companion-content{padding:19px 17px!important}.companion-content .modal-title{font-size:25px}.companion-tabs{position:sticky;top:0;background:#25211ff5;z-index:3;padding:5px 0 10px;backdrop-filter:blur(8px)}.companion-tabs>button{min-height:44px;font-size:12px}.companion-tabpanel .story-buttons .btn{font-size:10px}.companion-actions{display:grid!important;grid-template-columns:1.3fr 1fr 1fr;gap:5px}.companion-actions .btn{min-height:44px;font-size:10px;padding:8px 4px;gap:4px}.companion-actions .icon{width:13px;height:13px}.innate-talent{padding:8px;margin-bottom:10px}.innate-talent>div{font-size:11px;gap:4px;flex-wrap:wrap}.innate-talent small{font-size:8px}.innate-talent p{font-size:10px;margin-top:5px;min-height:30px}.innate-talent .icon{width:14px;height:14px}.recruit-price strong{font-size:18px}.outfit-current{font-size:9px;gap:4px;flex-wrap:wrap}.outfit-current>span{font-size:8px}.outfit-current .icon{width:12px;height:12px}.wage-options{gap:7px}.wage-option{padding:13px 5px 9px;gap:9px}.wage-option>b{font-size:11px}.wage-option>strong{font-size:17px}.wardrobe-grid{gap:5px}.wardrobe-preview{height:100px}.wardrobe-tile>strong{font-size:10px}.wardrobe-tile>small{font-size:8px}.companion-catalog-summary{font-size:11px;gap:8px}.companion-catalog-summary>span{min-width:0}.companion-bond .row{font-size:11px}}
@media(max-width:370px){.companion-content{padding:17px 14px!important}.companion-tabs>button{font-size:11px;gap:5px}.companion-actions .btn{font-size:9px;gap:3px}.companion-actions .icon{width:12px;height:12px}.innate-talent small{margin-left:0;width:100%}.wardrobe-preview{height:87px}.wardrobe-grid{gap:4px}.wardrobe-tile>small{font-size:7px}.wage-option>strong{font-size:15px}.wage-option>b{font-size:10px}.social-buttons>.btn{font-size:11px}.social-buttons small{font-size:9px}}
.forge-companions{margin-top:18px;border:1px solid var(--line);border-radius:9px;background:#322d2966}.forge-companions>summary{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px 14px;color:#c8bd98;cursor:pointer;min-height:46px;list-style:none}.forge-companions summary::-webkit-details-marker{display:none}.forge-companions summary>.icon{width:17px;height:17px}.forge-companions summary>.icon:last-child{margin-left:auto;width:14px;height:14px}.forge-companions summary>span{font-size:10px;color:#9f938b}.forge-companion-list{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:0 14px 14px;scrollbar-width:thin}.forge-companion-list>button{flex:0 0 100px;padding:7px;background:#0002;border:1px solid #aea59f29;border-radius:7px;text-align:center;color:#b1a8a1}.forge-companion-list .portrait{height:100px;width:84px;background-size:400% 300%;background-position:var(--px) var(--py);border-radius:5px;margin:auto}.forge-companion-list b{font-size:11px;display:block;margin:7px 0 5px;font-weight:500;color:#d2bd8f}.forge-companion-list small{font-size:9px}
@media(max-width:760px){.forge-companions{margin-top:12px}.forge-companions>summary{font-size:11px;padding:10px;gap:6px}.forge-companions summary>span{font-size:9px}.forge-companion-list{padding:0 10px 10px}.forge-companion-list>button{flex-basis:90px}.forge-companion-list .portrait{height:90px;width:74px}}
.companion-actions>.btn{min-width:0;white-space:normal;line-height:1.5}
.working-item.paused>.item-art{animation:none}
@media(max-width:760px){.companion-modal[data-character-tab=wages] .companion-portrait-area,.companion-modal[data-character-tab=work] .companion-portrait-area{height:116px;padding:10px;display:flex;align-items:center;justify-content:center;gap:12px}.companion-modal[data-character-tab=wages] .companion-portrait-area>.portrait,.companion-modal[data-character-tab=work] .companion-portrait-area>.portrait{height:96px;width:96px;border-radius:8px}.companion-modal[data-character-tab=wages] .companion-portrait-area>.outfit-portrait,.companion-modal[data-character-tab=work] .companion-portrait-area>.outfit-portrait{width:72px}.companion-modal[data-character-tab=wages] .companion-portrait-area>span,.companion-modal[data-character-tab=work] .companion-portrait-area>span{margin-top:0}}