:root{color-scheme:dark;--gold:#d6ad64;--muted:#9b958a;--line:#3d372c;--panel:#191a19;--blue:#788aff}
/* 技能说明使用金黄正文与绿色数值，装备词条继续保留原有配色。 */
.item-tooltip .skill-description{color:#f3d36b;padding-left:0}.skill-description::before{display:none}.skill-description .roll-value{color:#00ff00}.item-tooltip .skill-title,.item-tooltip .skill-rune-title{color:#e7f2ff}
.soul-roll{display:grid;grid-template-columns:minmax(100px,1fr) 90px;align-items:center;gap:8px;margin:8px 0}.gem-variant>label{margin-top:9px}.gem-variant .hint{margin:5px 0 12px}
.planner-page .gear-paper{zoom:1;transform:none;width:334px;max-width:none}
/* 装备比例、溢出和太古效果由模拟器/榜单共用的gear-ui.css统一设置。 */
*{box-sizing:border-box}body{margin:0;background:#101111;color:#ddd6c7;font:14px/1.65 "Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{border:1px solid #4b4336;background:linear-gradient(#30302b,#242521);color:#d8cebc;padding:8px 15px;border-radius:3px;cursor:pointer}button:hover{border-color:#b79556;color:#ffe4ab}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(#74572f,#49331b);border-color:#a58046;color:#ffe7b6}button[aria-pressed=true]{color:#ffe3aa;border-color:#b68f4f;background:#453820}input,select,textarea{color:#ece2d3;background:#101212;border:1px solid #4a463f;border-radius:2px;padding:8px 10px;max-width:100%;min-width:0}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}label{display:flex;flex-direction:column;gap:5px;color:#a8a08f;font-size:12px}h1,h2,h3,p{margin:0}h1{font:32px/1.4 Georgia,"SimSun",serif;letter-spacing:3px;color:#e2c38b}h2{font-size:16px;color:#e2c38b}h3{font-size:14px}small,.hint{color:var(--muted)}[hidden]{display:none!important}
.planner-page{max-width:1456px;margin:auto;padding:0 30px}.topbar{height:72px;border-bottom:1px solid #2c2b26;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:23px;letter-spacing:1px;color:#efe0c6}.brand span{color:#bf9757}.brand small{font-size:12px;margin-left:16px;font-weight:400}.topbar>div{display:flex;align-items:center;gap:25px}.topbar button{padding:6px 15px}.planner-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 25px}.eyebrow{font-size:10px;letter-spacing:4px;color:#8f7444;margin-bottom:5px}.planner-header p:not(.eyebrow){font-size:12px;color:#8f8e82;margin-top:6px}.header-actions{display:flex;gap:8px}.build-toolbar{display:flex;gap:20px;align-items:end;border-top:1px solid var(--line);padding-top:16px}.build-toolbar label{width:130px}.build-toolbar .build-name{width:260px}.build-toolbar .theme-field{width:220px}#save-state{font-size:12px;color:#999184;margin-left:auto;max-width:230px}.theme-help{font-size:12px;color:#a8a08f;margin:12px 0 20px;min-height:20px}.planner-layout{display:grid;grid-template-columns:354px minmax(330px,1fr) 342px;gap:18px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.panel-heading span{font-size:11px;color:#96886c}.loadout-panel{padding-bottom:16px}#paper-wrap{margin:8px auto 0;width:334px;height:512px}.gear-paper{margin:0;border:1px solid #8f7141;background:radial-gradient(ellipse at 50% 35%,#a49064,#726043 65%,#4e4130);box-shadow:inset 0 0 25px #211706}.gear-paper::before{opacity:.17}.gear-paper .gear-item{padding:7px;border-radius:1px;box-shadow:inset 0 0 12px #0c0508aa}.gear-item.empty{border-color:#8c7249;background:#30251c25;box-shadow:inset 0 0 18px #39291944}.gear-item .gear-slot-label{font-size:10px;color:#e0cfaf}.gear-item:focus-visible,.gear-item.selected{outline:2px solid #fff0b5;outline-offset:2px}.gear-sockets{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);gap:4px;pointer-events:none}.gear-gem{width:25px;height:25px;background:#111b;border:1px solid #d0c49e;box-shadow:0 1px 3px #000}.small-heading{text-align:center;color:#ac8f59;font-size:11px;font-weight:400;letter-spacing:3px;margin:12px 0 7px}.skill-bar,.passive-bar,.cube-bar{display:flex;justify-content:center;gap:7px;padding:0 12px}.skill-button{position:relative;padding:2px;width:47px;height:47px;flex-shrink:0;border:1px solid #a6813f;background:#10100c;box-shadow:inset 0 0 8px #584119}.skill-button svg{width:100%;height:100%}.skill-button span{position:absolute;right:3px;bottom:0;font-size:10px;color:white;text-shadow:1px 1px 2px #000}.passive-bar{gap:21px}.passive-bar .skill-button{border-radius:50%;overflow:hidden;width:47px;height:47px}.cube-bar .skill-button{width:57px;height:65px}.paper-help{text-align:center;font-size:10px;color:#837b6a;margin-top:14px}.editor-tabs{display:flex;border-bottom:1px solid var(--line)}.editor-tabs button{border:0;border-bottom:2px solid transparent;flex:1;padding:12px 5px;background:none;border-radius:0}.editor-tabs button[aria-pressed=true]{border-bottom-color:var(--gold);color:#eac580;background:#28241c}#editor{padding:20px;min-height:570px}.editor-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.editor-title button{font-size:12px;padding:4px 10px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.search-input{width:100%;margin:12px 0 8px}.item-results{max-height:270px;overflow-y:auto;scrollbar-color:#725c36 #1a1a18;border:1px solid #35332c}.result-item{display:flex;width:100%;align-items:center;gap:10px;padding:6px 10px;border:0;border-bottom:1px solid #333129;border-radius:0;text-align:left;background:#161715;min-height:49px}.result-item:hover{background:#30291c}.result-item .result-icon{height:42px;width:32px;flex-shrink:0}.result-item .result-subtitle{display:block;font-size:10px;color:#93846e}.editor-caption{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #373229;margin:22px 0 10px;padding-bottom:5px;color:#b69a69}.affix-edit{display:grid;grid-template-columns:minmax(105px,1fr) 85px 23px;gap:6px;align-items:center;margin:7px 0}.affix-edit:has(.range-pair){grid-template-columns:minmax(90px,1fr) 125px 23px}.affix-edit input{width:100%;padding:6px;color:#f7e7b5}.affix-edit small{display:block;color:#786f60;font-size:10px}.affix-edit button{padding:1px;background:none;border:0;color:#80786d}.range-pair{display:flex;gap:4px}.gem-editor{padding:10px 0;border-bottom:1px solid #302d27;display:grid;grid-template-columns:minmax(130px,1fr) 70px;gap:7px}.gem-editor .gem-variant{grid-column:1/-1}.gem-editor select{width:100%}.season-note{font-size:12px;color:#bea16f;padding:10px;border:1px solid #574830;background:#292318;margin-top:12px}.skill-card{padding:12px 0;border-bottom:1px solid #3b352b}.skill-card label+label{margin-top:7px}.skill-card p{margin-top:9px;color:#9c998e;font-size:12px;white-space:pre-line}.cube-choice{margin-bottom:20px}.cube-choice h3{color:#d0b47f;margin-bottom:6px}
.item-tooltip{border:1px solid #705426;background:#060707;padding:0 15px 18px;min-height:300px;box-shadow:inset 0 0 0 3px #15120e;position:sticky;top:15px}.tooltip-title{color:#c48843;font:24px/1.35 Georgia,"SimSun",serif;text-align:center;padding:14px 5px 12px;border-bottom:1px solid #5b391f;background:linear-gradient(#17110b,#090908);margin:0 -12px 12px;word-break:break-word}.tooltip-title.set{color:#54c66c}.tooltip-title.primal{color:#f15e4f}.tooltip-title.sanctified{color:#e0f4f6}.tooltip-title.ethereal{color:#41d6cb}.tooltip-top{display:flex;align-items:flex-start;gap:12px;min-height:94px}.tooltip-icon{width:69px;min-height:70px;max-height:125px;border:1px solid #7c5628;border-radius:4px;padding:6px;background:radial-gradient(#62421b,#24190a)}.tooltip-icon svg{max-width:100%;height:100px;display:block;margin:auto}.tooltip-top .tooltip-class{color:#b8874b;font-size:11px;margin-bottom:10px}.tooltip-top .tooltip-number{font-size:38px;line-height:1.2;font-family:Georgia,serif;color:white}.tooltip-top small{display:block;font-size:11px}.item-tooltip h4{color:white;font-size:12px;font-weight:500;margin:17px 0 3px}.tooltip-affix{color:#7c87ff;font-size:12px;line-height:1.65;padding-left:13px;position:relative;margin:3px 0;white-space:pre-line}.tooltip-affix:before{content:'◆';position:absolute;left:0;top:0;color:#3a3733;font-size:10px}.tooltip-affix.power{color:#c78e3c}.tooltip-affix.power:before{color:#b87e28}.roll-value{color:#d8e6ff}.tooltip-affix.augment em{font-style:normal;color:#c4873f}.tooltip-gem{margin-top:14px;font-size:12px}.tooltip-gem>header{display:flex;gap:6px;align-items:center;color:#bd8338}.tooltip-gem svg{height:20px;width:20px}.tooltip-gem p{padding-left:20px;color:#abbabd;margin-top:3px}.tooltip-gem .locked{color:#bc4e45}.tooltip-bottom{margin-top:20px;color:#a88946;font-size:11px}.tooltip-bottom b{color:#e9d7a7}.inspector-empty{font-size:12px;color:#8c8170;padding:18px 4px}.validation{padding:13px 18px;margin-top:20px;border:1px solid #79602d;background:#2a2416;color:#ddc185;font-size:12px}.validation ul{margin:5px 0;padding-left:18px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#777668;font-size:11px;padding:28px 0}
dialog{background:#1b1c19;color:#ddd3bf;border:1px solid #8d6e3a;border-radius:5px;padding:28px;width:min(460px,calc(100% - 24px));box-shadow:0 15px 60px #000b}dialog::backdrop{background:#000b}dialog h2{font-size:21px;margin-bottom:20px}dialog label{margin:12px 0}dialog .hint{font-size:12px;margin:14px 0}.dialog-close{position:absolute;top:5px;right:5px;border:0;background:none;font-size:23px;padding:0 9px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}#account-error{color:#ef968b;font-size:12px}.library-dialog{width:min(770px,calc(100% - 24px))}.library-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.library-tools label{min-width:150px}.library-tools button{font-size:12px;padding:7px 10px}.library-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #3d382c;padding:16px 0}.library-item small{display:block}.library-item button{font-size:12px;padding:5px 8px;margin-left:6px}.library-item strong{overflow-wrap:anywhere}#library-list{max-height:55vh;overflow-y:auto}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:90vw;padding:10px 22px;border:1px solid #b39256;border-radius:4px;background:#29261e;box-shadow:0 5px 20px #0008;z-index:100;color:#eed5a4}.hint{font-size:12px;line-height:1.7}.section-empty{color:#958b77;font-size:12px;padding:14px 0}
@media(min-width:1500px){.planner-page{padding:0 40px}.planner-layout{grid-template-columns:354px minmax(340px,1fr) 360px;gap:22px}}@media(max-width:1150px){.planner-layout{grid-template-columns:354px minmax(330px,1fr)}.item-tooltip{grid-column:2;position:static}.loadout-panel{grid-row:1/3}.planner-page{padding:0 20px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.planner-header{gap:20px}.build-toolbar{flex-wrap:wrap}#save-state{margin-left:0}.brand small{display:none}}@media(max-width:740px){.planner-page{padding:0 12px}.topbar{height:60px}.topbar>div{gap:10px;font-size:12px}.topbar a[href='/altar.html']{display:none}.planner-header{align-items:start;flex-direction:column;padding:22px 0}.header-actions{width:100%;justify-content:flex-start}.header-actions button{padding:7px 11px;font-size:12px}.build-toolbar{gap:10px}.build-toolbar .build-name{width:100%}.build-toolbar label{flex:1}.build-toolbar #save-state{flex-basis:100%;max-width:none}.planner-layout{grid-template-columns:1fr}.loadout-panel{grid-row:auto}.item-tooltip{grid-column:auto;grid-row:3}.loadout-panel{max-width:354px;width:100%;margin:auto}.editor-panel{min-width:0}#editor{min-height:0}.brand{font-size:19px}.planner-header h1{font-size:27px}}@media(max-width:365px){#paper-wrap{transform:scale(.93);transform-origin:top left;height:477px;margin-left:3px;width:311px}.skill-bar{gap:5px}.skill-button{width:44px;height:44px}}

/* 悬浮卡片只在交互时定位；没有持续动画或定时扫描。 */
.skill-bar{flex-wrap:wrap}.follower-skills button{display:flex;gap:10px;align-items:center}.follower-skills svg{width:40px;height:40px;flex-shrink:0}
.hover-tooltip{position:fixed!important;top:0;left:0;width:min(345px,calc(100vw - 16px));max-height:calc(100vh - 16px);min-height:0;overflow:auto;z-index:200;box-shadow:0 8px 25px #000b;grid-column:auto!important;line-height:1.55;scrollbar-width:thin}.hover-tooltip[hidden]{display:none}.tooltip-skill-icon{width:56px;height:56px;float:left;margin:0 12px 8px 0;border:1px solid #997544}.hover-tooltip .tooltip-affix{font-size:12px}.hover-tooltip .tooltip-title{font-size:22px}.item-tooltip::after{content:'';display:block;clear:both}
.loadout-switcher{display:flex;gap:12px;align-items:stretch;margin:0 0 18px;min-width:0}#loadout-list{display:flex;gap:8px;overflow-x:auto;min-width:0;flex:1;scrollbar-width:thin;scrollbar-color:#80613a #151511;padding-bottom:4px}.loadout-tab{display:flex;gap:10px;align-items:center;min-width:170px;max-width:260px;text-align:left;background:#171916;border:1px solid #39382f;padding:10px 12px;flex-shrink:0}.loadout-tab[aria-selected=true]{border-color:#b18a49;background:#30281b;box-shadow:inset 0 -2px #bc934d}.loadout-tab strong{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#e6d7b7}.loadout-tab small{display:block;font-size:10px;color:#a7977a;margin-top:4px}.loadout-number{border:1px solid #7b6138;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#e4c78c;flex-shrink:0}.loadout-actions{display:flex;gap:5px;align-items:center}.loadout-actions button{padding:7px 9px;font-size:12px}.loadout-actions #add-loadout,.loadout-actions #delete-loadout{font-size:21px;line-height:24px}
.actor-tabs{display:flex;border-bottom:1px solid #534732}.actor-tabs button{flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:#1a1a16;padding:11px}.actor-tabs button[aria-pressed=true]{border-bottom-color:#dbb768;color:#f0d696;background:#2c251a}#follower-controls{padding:10px 14px;border-bottom:1px solid #3d3528}#follower-controls[hidden]{display:none}#paper-wrap.follower-wrap{height:580px}.gear-paper.follower-paper{height:580px}.gear-slot-14{left:140px;top:521px;width:57px;height:50px}.gear-paper .unavailable-slot{opacity:.32;border-style:dashed}.follower-help{font-size:12px;color:#ac9876;margin:10px 0}.follower-skills{display:grid;grid-template-columns:1fr 1fr;gap:10px}.follower-skills button{min-height:65px;text-align:left;font-size:12px}.follower-skills button[aria-pressed=true]{border-color:#d3a55e;background:#3a2e1d}
/* 可直接换装、逐行换词条；品质颜色和分组标题同时区分套装与传奇。 */
.planner-select{position:relative;min-width:0;margin:8px 0}.planner-select:has(.picker-panel:not([hidden])){z-index:30}
.planner-select .picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 9px;border:1px solid #45463e;border-radius:0;background:#151714;color:#dedbd0;text-align:left;min-height:37px}
.picker-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-arrow{color:#36a5ff;font-weight:bold;flex-shrink:0}.picker-trigger[aria-expanded=true]{border-color:#698099}.picker-trigger[aria-expanded=true] .picker-arrow{transform:rotate(180deg)}
.picker-panel{position:absolute;top:calc(100% + 2px);left:0;width:max(100%,310px);max-width:calc(100vw - 65px);padding:6px;border:1px solid #595c53;background:#181a17;box-shadow:0 9px 24px #0009;z-index:40}
.picker-panel.picker-above{top:auto;bottom:calc(100% + 2px)}
.picker-search{width:100%;padding:6px 9px;margin:0 0 5px;border-color:#464940}.picker-options{max-height:300px;overflow-y:auto;scrollbar-color:#1688da #21251e;scrollbar-width:thin}
.picker-options .picker-option{display:flex;align-items:center;gap:8px;width:100%;min-height:33px;padding:5px 7px;border:0;border-radius:0;background:none;text-align:left;color:#e5e5de;font-size:13px}
.picker-options .picker-option:hover,.picker-options .picker-option:focus-visible{background:#075aa4;color:white;outline:1px solid #68b8fa;outline-offset:-1px}.picker-option[aria-selected=true]{background:#124a76}.picker-option:disabled{color:#8a8c86;opacity:.6;cursor:not-allowed}.picker-options .picker-option:disabled:hover{background:none;outline:none}
.picker-icon{width:25px;height:29px;flex-shrink:0}.picker-option-text{min-width:0;overflow-wrap:anywhere}.picker-reason{display:block;font-size:10px;color:#a6a292;font-weight:normal}.picker-group{color:#c4d9e9;padding:8px 7px 3px;border-top:1px solid #373b34;font-size:12px;font-weight:bold}.picker-group:first-child{border:0}
.picker-options .picker-more{width:100%;border:0;background:#242a22;color:#a6cae8;padding:6px;font-size:12px}
.planner-select .choice-set,.picker-options .choice-set,.result-item.choice-set{color:#00ff00}.planner-select .choice-legendary,.picker-options .choice-legendary,.result-item.choice-legendary{color:#f08028}.planner-select .choice-ethereal,.picker-options .choice-ethereal,.result-item.choice-ethereal{color:#52dacf}
/* 装备名称使用鲜明的品质色；字号和高亮仅作用于装备，不影响词条下拉。 */
.planner-select .picker-trigger:is(.choice-set,.choice-legendary,.choice-ethereal),.picker-options .picker-option:is(.choice-set,.choice-legendary,.choice-ethereal),.result-item:is(.choice-set,.choice-legendary,.choice-ethereal){font-size:15px;font-weight:600}
.picker-options .picker-option:is(.choice-set,.choice-legendary,.choice-ethereal):is([aria-selected=true],:hover,:focus-visible){background:#0673df;color:#fff}
.affix-label{min-width:0}.affix-label .planner-select{margin:0}.affix-edit .picker-trigger{font-size:12px;padding:6px;min-height:33px}.affix-edit .picker-panel .picker-option{padding:5px 7px}.affix-fixed{font-size:12px;color:#c8c6b9}.affix-section{margin:20px 0 8px;padding:9px 0 0;border-top:1px solid #4c4537;font-size:12px;font-weight:normal;color:#d8bd83}
.affix-warning{border:1px solid #9b7b1f;background:#332b11;color:#ffe65b;padding:9px 11px;margin:10px 0;font-size:12px;line-height:1.7}.affix-section+.hint{font-size:10px;margin-bottom:9px}
/* 装备编辑采用紧凑的名称/数值两列；范围放入悬停说明，不再占用第二行。 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.equipment-summary{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:20px}
.equipment-preview{display:grid;place-items:center;min-height:104px;padding:7px;border:1px solid #73552e;background:radial-gradient(#60431d,#241b10);color:#928269;font-size:11px}.equipment-preview svg{width:100%;height:88px}.equipment-preview.choice-set{border-color:#63852d;background:radial-gradient(#486126,#182810)}.equipment-preview.choice-ethereal{border-color:#3baca2;background:radial-gradient(#25484b,#142025)}
.equipment-controls{position:relative;display:grid;gap:4px;min-width:0}.equipment-controls select,.equipment-controls .picker-trigger{width:100%;height:34px;min-height:34px;padding:4px 8px;border-radius:0}.equipment-controls .planner-select{margin:0}.equipment-controls .picker-trigger{padding-right:48px}.equipment-controls .picker-arrow{position:absolute;right:9px}.equipment-controls .equipment-remove{position:absolute;right:25px;top:39px;border:0;background:none;padding:0;width:24px;height:32px;color:#36a5ff;font-size:20px;z-index:1}
.equipment-controls .picker-panel{left:auto;right:0}
.equipment-affixes,.equipment-editor>.affix-edit,.equipment-editor>.gem-editor,.affix-additions{max-width:470px}
.equipment-editor .affix-edit{position:relative;display:grid;grid-template-columns:18px minmax(110px,1fr) 110px;gap:6px;min-height:32px;margin:3px 0;align-items:center}
.equipment-editor .affix-edit>:first-child{grid-column:2;grid-row:1;min-width:0}.equipment-editor .affix-edit>:nth-child(2){grid-column:3;grid-row:1;min-width:0}.equipment-editor .affix-edit .affix-remove{grid-column:1;grid-row:1;color:#e1584e;font-size:21px;line-height:28px;opacity:0;padding:0;width:18px}.equipment-editor .affix-edit:hover .affix-remove:not(:disabled),.equipment-editor .affix-edit:focus-within .affix-remove:not(:disabled){opacity:1}.equipment-editor .affix-remove:disabled{visibility:hidden}
.equipment-editor .affix-edit input{height:32px;padding:3px 7px;border-radius:0;border-color:#373a34;color:#deded7;font-size:14px}.equipment-editor .affix-edit:has(.range-pair){grid-template-columns:18px minmax(110px,1fr) 110px}.equipment-editor .range-pair{gap:3px}.equipment-editor .range-pair input{padding:3px;font-size:12px;min-width:0}
.equipment-editor .affix-edit .picker-trigger,.equipment-editor .augment-edit select{border:1px solid transparent;background:none;font-size:14px;min-height:32px;height:32px;padding:3px 6px;color:#e1e1d8;border-radius:0}.equipment-editor .affix-edit .picker-trigger:hover,.equipment-editor .affix-edit .picker-trigger[aria-expanded=true],.equipment-editor .augment-edit select:hover{border-color:#43483f;background:#1d201b}.equipment-editor .affix-edit .picker-trigger:focus-visible{outline:1px solid #36a5ff}
.equipment-editor .affix-fixed{display:flex;justify-content:space-between;gap:8px;padding:3px 6px;font-size:14px;color:#deded7}.affix-lock{color:#36a5ff;font-size:12px}.equipment-editor .affix-section{margin:5px 0 8px;padding:0 0 0 30px;border:0;font-size:14px;line-height:1.65;font-weight:500;color:#e4c179}.equipment-editor .affix-secondary .affix-section{color:#9dccf2}
/* 用细浅灰边框区分属性和镶孔，留出下拉菜单溢出空间。 */
.equipment-editor .equipment-section{max-width:470px;border:1px solid #69716c;border-radius:3px;padding:10px 8px;background:#151815;margin:12px 0}.equipment-affixes .equipment-section:first-child{margin-top:0}.equipment-section .affix-additions{margin-bottom:0}.equipment-editor .equipment-sockets .socket-edit{margin-top:0}.equipment-editor .equipment-sockets .gem-editor{margin-top:4px}
.affix-lock{position:relative;width:12px;height:18px;flex-shrink:0}.affix-lock:before{content:'';position:absolute;width:8px;height:7px;right:1px;bottom:3px;background:currentColor;border-radius:1px}.affix-lock:after{content:'';position:absolute;width:6px;height:6px;right:2px;bottom:8px;border:1.5px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}
.affix-additions{display:flex;flex-wrap:wrap;gap:4px 14px;padding-left:24px;margin:12px 0}.affix-additions .planner-select{margin:0}.affix-additions .picker-trigger{border:0;background:none;padding:3px 6px;min-height:28px;font-size:12px}.affix-additions .picker-arrow{display:none}
.affix-group>.affix-warning{border:0;background:none;padding:0 6px;margin:8px 0 8px 24px;line-height:1.5}
.equipment-editor .augment-edit{margin-top:18px}.augment-rank{position:relative}.augment-rank input{padding-right:24px!important}.augment-rank span{position:absolute;right:7px;top:6px;font-size:11px;color:#7f8577;pointer-events:none}.equipment-editor .socket-edit{margin-top:18px}.socket-edit label{padding-left:6px;color:#deded7;font-size:14px}
.equipment-editor .gem-editor{padding:2px 0 2px 30px;border:0;gap:6px;grid-template-columns:minmax(110px,1fr) 110px}.equipment-editor .gem-editor select{height:32px;padding:3px 5px;background:transparent;border-color:transparent;color:#d7d9cf;font-size:13px;text-overflow:ellipsis}.equipment-editor .gem-editor select:hover,.equipment-editor .gem-editor select:focus{border-color:#43483f}.equipment-editor .gem-editor input{height:32px;padding:3px 7px;border-radius:0}.equipment-editor .gem-editor select:only-child{grid-column:1/-1}.equipment-editor .picker-reason{display:none}.equipment-editor .picker-group{padding-top:6px;border:0}
/* 编辑区正文改白；装备品质、禁选项、操作箭头与警告仍保留语义颜色。 */
.equipment-editor .affix-edit .picker-trigger,.equipment-editor .affix-fixed,.equipment-editor .affix-edit input,.equipment-editor .affix-additions .picker-trigger,.equipment-editor .socket-edit label,.equipment-editor .augment-edit select,.equipment-editor .gem-editor select,.equipment-editor .gem-editor input,.equipment-editor .augment-rank span{color:#fff}
@media(max-width:1300px){.equipment-summary{grid-template-columns:65px minmax(0,1fr);gap:9px}.equipment-preview{min-height:103px}.equipment-preview svg{height:84px}.equipment-editor .affix-edit,.equipment-editor .affix-edit:has(.range-pair){grid-template-columns:16px minmax(100px,1fr) 85px;gap:4px}.equipment-editor .affix-edit .picker-trigger,.equipment-editor .affix-fixed,.equipment-editor .affix-section{font-size:13px}.equipment-editor .affix-section{padding-left:26px}.equipment-editor .gem-editor{padding-left:24px;grid-template-columns:minmax(100px,1fr) 85px;gap:4px}}
@media(hover:none){.equipment-editor .affix-edit .affix-remove:not(:disabled){opacity:.8}}
/* 分组标题靠左，词条统一缩进，避免与类别标题混成一列。 */
.equipment-editor .affix-picker .picker-group{padding:7px 8px 3px;font-size:13px;color:#b7d6ef;font-weight:700}
.equipment-editor .affix-picker .picker-option{padding:5px 8px 5px 24px;font-size:14px}
.loadout-tab.dragging{opacity:.45}.loadout-tab.drop-target{outline:2px solid #d8b66e;outline-offset:2px}
.build-description{margin-top:20px;padding:18px}.build-description>label{display:block;color:#e5c47f;margin-bottom:9px}.build-description textarea{display:block;width:100%;resize:vertical;min-height:100px;padding:10px 12px;border:1px solid #48483e;background:#10120f;color:#fff;font-size:14px;font-family:inherit;line-height:1.7}.build-description textarea:read-only{background:#171915;color:#d7d9d2}.description-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:9px}.description-actions .hint{margin:0}.description-actions button{flex-shrink:0}
.inline-edit{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-edit[hidden]{display:none}.inline-edit input{min-width:120px;flex:1;width:150px}.inline-error,#folder-error,#password-error{color:#ffab91;font-size:12px}.inline-edit .inline-error{flex-basis:100%}.library-item-name{min-width:0;flex:1}.library-item-name strong{overflow-wrap:anywhere}.library-item .inline-edit button{flex-shrink:0}#folder-edit{padding:12px 0}#open-share{display:inline-block;margin:12px}#confirm-message{white-space:pre-line;line-height:1.8;margin:18px 0}
.planner-page #paper-wrap.follower-wrap{height:512px}.follower-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px 0}.follower-bottom[hidden]{display:none}.gear-ui .follower-bottom .gear-slot-14{position:relative;inset:auto;width:72px;height:78px;padding:6px;flex-shrink:0}.follower-skill-grid{display:grid;grid-template-columns:repeat(4,43px);grid-template-rows:repeat(2,43px);gap:5px}.follower-skill-grid .skill-button{width:43px;height:43px;border-color:#6a5a3d}.follower-skill-grid .skill-button[aria-pressed=false]{opacity:.48;filter:saturate(.5)}.follower-skill-grid .skill-button[aria-pressed=true]{border-color:#e5be68;box-shadow:0 0 0 1px #a17b3d}.follower-skill-grid .skill-button:hover{opacity:1;filter:none}
@media(max-width:365px){.planner-page #paper-wrap.follower-wrap{height:477px}.follower-bottom{gap:10px;padding:12px 10px 0}.follower-skill-grid{grid-template-columns:repeat(4,40px);grid-template-rows:repeat(2,40px);gap:4px}.follower-skill-grid .skill-button{width:40px;height:40px}.gear-ui .follower-bottom .gear-slot-14{width:63px}}
.skill-slot-row{display:flex;gap:8px;margin:10px 0 20px;flex-wrap:wrap}.skill-slot-choice{position:relative;width:45px;height:47px;padding:3px;border:1px solid #594831;background:#141712}.skill-slot-choice svg{width:100%;height:100%}.skill-slot-choice small{position:absolute;bottom:0;right:2px;color:#fff;text-shadow:1px 1px #000;font-size:10px}.skill-slot-choice[aria-pressed=true]{outline:2px solid #e1b964;outline-offset:2px}.skill-slot-choice.passive-choice{border-radius:50%;overflow:hidden;margin-right:8px}.empty-skill{font-size:23px;color:#746247}.skill-picker-layout{display:flex;align-items:start;gap:15px;flex-wrap:wrap}.skill-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(55px,1fr));gap:6px;flex:1;min-width:210px}.skill-picker-option{padding:4px 2px;border:1px solid #444437;background:#141711;border-radius:2px;min-width:0}.skill-picker-option svg{width:42px;height:42px;display:block;margin:auto}.skill-picker-option span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:3px}.skill-picker-option[aria-pressed=true],.rune-choice[aria-pressed=true]{border-color:#d3ae67;background:#42331d;box-shadow:inset 0 0 0 1px #bd8d44}.skill-picker-option:disabled{opacity:.45}.passive-grid svg{border-radius:50%}.rune-list{display:flex;flex-direction:column;gap:5px;min-width:130px;flex:1}.rune-choice{display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border:1px solid #40392d;background:#20211c}.rune-choice span:last-child{font-size:12px}.rune-mark{display:grid;place-items:center;width:27px;height:29px;flex-shrink:0;background:linear-gradient(135deg,#c39947,#493017);border:1px solid #c09346;clip-path:polygon(50% 0,75% 20%,100% 50%,75% 80%,50% 100%,25% 80%,0 50%,25% 20%);color:#fff0b6;font:bold 13px Georgia,serif}.rune-x{background:#353932;border-color:#606651;color:#b9bcb2}
@media(max-width:740px){.loadout-switcher{flex-direction:column;gap:5px}.loadout-actions{justify-content:flex-end}.loadout-tab{min-width:170px}.skill-picker-layout{gap:12px}.rune-list{min-width:115px}.skill-icon-grid{min-width:165px}.skill-slot-row{gap:6px}.skill-slot-choice{width:39px;height:41px}.hover-tooltip{width:min(330px,calc(100vw - 16px))}}@media(max-width:365px){#paper-wrap.follower-wrap{height:540px}.skill-icon-grid{grid-template-columns:repeat(3,minmax(45px,1fr))}.rune-list{min-width:105px}}
/* 说明置顶、编辑区两栏；详情仅悬停显示，魔盒合并到技能页。 */
.planner-page{max-width:1180px}.planner-layout{grid-template-columns:354px minmax(0,1fr)}.loadout-panel{grid-row:auto}#inspector[hidden]{display:none}
.build-description{margin:0 0 18px;padding:12px 16px}.build-description textarea{min-height:64px}.build-description label{font-size:13px;color:#eee}.description-actions .hint{font-size:11px}
.cube-section{margin-top:24px;border-top:1px solid #575044;padding-top:14px}.cube-section .cube-choice{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;padding:7px 0;border:0;margin:0}
.cube-choice-icon{height:60px;width:58px;padding:4px;background:#121411;border:1px solid #63543a}.cube-choice-icon svg{width:100%;height:100%}.cube-choice .planner-select{margin:0}.cube-choice .picker-trigger{padding-right:50px}.cube-choice .picker-panel{left:auto;right:0}.cube-choice .picker-arrow{position:absolute;right:10px}.cube-choice .cube-remove{position:absolute;right:26px;top:50%;transform:translateY(-50%);padding:0;width:24px;height:30px;color:#36a5ff;font-size:20px;border:0;background:none}
[data-drag-kind][draggable=true]{cursor:grab}[data-drag-kind].dragging{opacity:.45}[data-drag-kind].drop-target{outline:2px solid #65bded;outline-offset:2px;background-color:#233744}
@media(max-width:740px){.planner-layout{grid-template-columns:minmax(0,1fr)}.build-description{padding:10px}.description-actions{align-items:flex-start}.cube-section .cube-choice{grid-template-columns:48px minmax(0,1fr);gap:7px}.cube-choice-icon{width:48px;height:52px}}
