*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#0f1419;color:#e8edf4;line-height:1.5;min-height:100vh}.page{max-width:520px;margin:0 auto;padding:2rem 1rem 3rem}.page--home{max-width:640px}.back-link{display:inline-block;margin-bottom:1rem;font-size:.875rem;color:#8b9cb3;text-decoration:none}.back-link:hover{color:#c9a227}.nav-cards{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.nav-card{display:flex;align-items:stretch;gap:0;padding:0;text-decoration:none;color:inherit;background:#1a2332;border:1px solid #2d3a4f;border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}.nav-card:hover{border-color:#c9a227;transform:translateY(-1px)}.nav-card__accent{width:4px;flex-shrink:0}.nav-card__body{flex:1;padding:1rem 1.1rem;min-width:0}.nav-card__title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:#e8edf4}.nav-card__desc{margin:0;font-size:.85rem;color:#8b9cb3}.nav-card__arrow{display:flex;align-items:center;padding-right:1rem;font-size:1.1rem;color:#8b9cb3}.nav-card:hover .nav-card__arrow{color:#c9a227}.page-header h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:600;color:#c9a227}.subtitle{margin:0;font-size:.875rem;color:#8b9cb3}.tabs{display:flex;gap:.5rem;margin-top:1.25rem}.tab{flex:1;padding:.55rem .75rem;font-size:.9rem;font-weight:600;color:#8b9cb3;background:#1a2332;border:1px solid #2d3a4f;border-radius:8px;cursor:pointer}.tab--active{color:#c9a227;border-color:#c9a227;background:#243044}.panel-desc{margin:0 0 1rem;font-size:.85rem;color:#8b9cb3}.panel[hidden],.panel-slot[hidden]{display:none!important}.card{margin-top:1.25rem;padding:1.25rem;background:#1a2332;border:1px solid #2d3a4f;border-radius:12px}.form{display:flex;flex-direction:column;gap:1rem}.field label,.field-label{display:block;margin-bottom:.35rem;font-size:.8rem;color:#8b9cb3}.field select,.field input{width:100%;padding:.55rem .7rem;font-size:1rem;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px}.field select:focus,.field input:focus{outline:none;border-color:#c9a227}.inputs{display:grid;gap:.75rem}.inputs--3{grid-template-columns:repeat(3,1fr)}.inputs--2{grid-template-columns:repeat(2,1fr)}@media(max-width:480px){.inputs--3,.inputs--2{grid-template-columns:1fr}.tab{font-size:.8rem;padding:.5rem .4rem}}.record-table{display:flex;flex-direction:column;gap:.5rem}.record-header,.record-row{display:grid;grid-template-columns:4.2rem 1fr 1fr minmax(4.8rem,1fr);gap:.5rem;align-items:center}.record-header span{font-size:.75rem;color:#8b9cb3;text-align:center}.record-header-price{font-size:.68rem;line-height:1.2}.record-label{padding:.35rem .25rem;font-size:.8rem;font-weight:600;text-align:center;border-radius:4px;line-height:1.2}.record-label--light{color:#1a2332}.record-label--meta{background:#3d4d66;color:#e8edf4}.record-label--gold-red{background:linear-gradient(135deg,#fa8c16,#fa8c16 50%,#ff4d4f 50%,#ff4d4f);color:#fff;font-size:.75rem}.record-cell{display:block;width:100%;padding:.5rem .6rem;font-size:.95rem;color:#b8c5d6;text-align:center;background:#1e2836;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-row--readonly .record-cell{color:#8b9cb3}.record-row--total.record-row--readonly .record-cell{color:#e8edf4;font-weight:600;background:#2a3548;border-color:#c9a227;box-shadow:inset 0 1px #ffffff0a}.record-row--overall .record-label--meta{background:#3d4d66}.record-row--remainder .record-cell{color:#b8c5d6;font-variant-numeric:tabular-nums}.record-cell--action{display:flex;align-items:center;padding:0;background:transparent;border:none}.record-clear-btn{width:100%;padding:.45rem .35rem;font-size:.75rem;white-space:nowrap}.record-row input{width:100%;padding:.5rem .6rem;font-size:.95rem;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-row input:focus{outline:none;border-color:#c9a227}.record-summary{margin-top:1rem}.record-actions{margin-top:1.25rem}.record-calculator{margin-top:1rem;padding:1rem 1.1rem;background:#141c28;border:1px solid #2d3a4f;border-radius:10px}.record-calculator__title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:#e8edf4}.record-calculator__row{--record-calc-cell-height: 2.75rem;display:flex;align-items:stretch;gap:.65rem}.record-calculator__input-wrap{position:relative;flex:1;min-width:0;height:var(--record-calc-cell-height)}.record-calculator__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 2rem 0 .75rem;font-size:1rem;line-height:1.25;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-calculator__clear{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.1rem;line-height:1;color:#8b9cb3;background:transparent;border:none;border-radius:4px;cursor:pointer}.record-calculator__clear:hover{color:#e8edf4;background:#ffffff0f}.record-calculator__input:focus{outline:none;border-color:#c9a227}.record-calculator__input::placeholder{color:#6b7a8f}.record-calculator__output{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:5.5rem;height:var(--record-calc-cell-height);margin:0;padding:0 .75rem;font-size:1rem;line-height:1.25;font-weight:600;color:#c9a227;background:#1e2836;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-calculator__output--error{color:#f5555d}@media(max-width:480px){.record-calculator__row{flex-direction:column}.record-calculator__input-wrap,.record-calculator__output{width:100%;height:var(--record-calc-cell-height)}.record-calculator__output{max-width:none}}.record-table--new .record-header--new,.record-table--new .record-row{grid-template-columns:3.6rem 3.4rem 1fr 1fr minmax(4.2rem,1fr)}.record-mode-toggle{display:flex;flex-direction:column;gap:2px}.record-mode-btn{padding:.2rem .15rem;font-size:.62rem;font-weight:600;line-height:1.2;color:#8b9cb3;background:#1e2836;border:1px solid #2d3a4f;border-radius:4px;cursor:pointer}.record-mode-btn--active{color:#c9a227;border-color:#c9a227;background:#243044}.record-row select.record-select{width:100%;padding:.5rem .35rem;font-size:.82rem;color:#e8edf4;background:#243044;border:1px solid #2d3a4f;border-radius:8px;font-variant-numeric:tabular-nums}.record-row select.record-select:focus{outline:none;border-color:#c9a227}.record-row select.record-select:disabled{color:#6b7a8f;cursor:not-allowed}.record-input--warn{border-color:#f5555d!important}.record-cell--empty{visibility:hidden;padding:0;border:none;background:transparent}@media(max-width:480px){.record-table--new .record-header--new,.record-table--new .record-row{grid-template-columns:2.8rem 2.8rem 1fr 1fr minmax(3.6rem,1fr)}.record-mode-btn{font-size:.58rem}.record-row select.record-select{font-size:.75rem;padding:.45rem .25rem}}.actions{display:flex;gap:.75rem}.btn{padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;border-radius:8px;border:none;cursor:pointer}.btn-primary{background:#c9a227;color:#1a1200}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:#8b9cb3;border:1px solid #2d3a4f}.result{margin-top:1.25rem}.result--nested{margin-top:1rem;padding:1rem;background:#141c28}.result--ok{border-color:#3dd68c}.result--error{border-color:#f5555d}.result-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem;padding-left:.75rem;border-left:4px solid #c9a227}.result-header h2{margin:0;font-size:1rem;font-weight:600}.badge{padding:.15rem .55rem;font-size:.75rem;font-weight:600;color:#1a1200;border-radius:4px}.formula{margin:0 0 1rem;padding:.75rem 1rem;font-family:Consolas,Courier New,monospace;font-size:.95rem;background:#243044;border-radius:8px;color:#c9a227;word-break:break-all}.stats{border:1px solid #2d3a4f;border-radius:8px;overflow:hidden}.stat-row{display:flex;justify-content:space-between;padding:.65rem 1rem;border-bottom:1px solid #2d3a4f}.stat-row:last-child{border-bottom:none}.stat-label{color:#8b9cb3;font-size:.9rem}.stat-value{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.note{margin:.85rem 0 0;font-size:.85rem;color:#8b9cb3}.candidates{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d3a4f}.candidates h3{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:#8b9cb3}.candidates ul{margin:0;padding-left:1.1rem;font-size:.85rem;color:#c8cdd4}.candidates li{margin:.35rem 0}.price-groups{list-style:none;padding-left:0}.price-group{margin:.5rem 0;padding:.5rem .65rem;background:#1e2836;border:1px solid #2d3a4f;border-radius:8px}.price-group-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.price-group-summary{font-size:.9rem;font-weight:600;color:#e8edf4}.price-variant-btns{display:flex;flex-wrap:wrap;gap:.35rem;flex-shrink:0}.price-variant-btn{min-width:2rem;padding:.3rem .5rem}.price-variant-btn--active{border-color:#5b8def;color:#e8edf4;background:#2a3d5c}.price-group-formula{margin:.5rem 0 0;font-size:.85rem;color:#c8cdd4;line-height:1.45}.price-group-formula--muted{color:#8a9199}.price-infer-progress{margin:0 0 .75rem;font-size:.875rem;color:#8a9199}.price-group-expanded{margin-top:.35rem}.price-group-count{margin:0 0 .35rem;font-size:.875rem;color:#8a9199}.price-group-detail{margin:.5rem 0 0;padding-left:1.1rem;font-size:.85rem;color:#c8cdd4}.price-group-detail li{margin:.35rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.price-required{margin:0;padding:0;border:none}.price-required__legend{font-size:.875rem;font-weight:600;color:#c8cdd4;margin-bottom:.35rem}.price-required__hint{margin:0 0 .65rem;font-size:.8rem;color:#8a9199}.price-required__rows{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.price-required__row{display:flex;align-items:center;gap:.5rem}.price-required__picker{flex:1;min-width:0}.price-required__remove{flex-shrink:0;min-width:2rem;padding-inline:.4rem;font-size:1.1rem;line-height:1}.price-required__actions{margin-top:.15rem}.item-combobox{position:relative}.item-combobox__control{display:flex;align-items:center;gap:.5rem;padding:0 .65rem;background:#243044;border:1px solid #2d3a4f;border-radius:8px;transition:border-color .15s,box-shadow .15s}.item-combobox__control:focus-within,.item-combobox__control--open{border-color:#c9a227;box-shadow:0 0 0 1px #c9a22740}.item-combobox__search-icon{flex-shrink:0;color:#8b9cb3}.item-combobox__control:focus-within .item-combobox__search-icon{color:#c9a227}.item-combobox__input{flex:1;min-width:0;width:100%;padding:.55rem 0;font-size:1rem;color:#e8edf4;background:transparent;border:none;outline:none}.item-combobox__input::placeholder{color:#6b7a8f}.item-combobox__control--filled .item-combobox__input{font-size:.9rem;color:#c8cdd4}.item-combobox__input:disabled{opacity:.55;cursor:not-allowed}.item-combobox__list{position:absolute;z-index:20;top:calc(100% + .35rem);left:0;right:0;margin:0;padding:.35rem 0;list-style:none;max-height:15rem;overflow-y:auto;background:#1a2332;border:1px solid #3d4f6a;border-radius:8px;box-shadow:0 10px 28px #00000073}.item-combobox__option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.item-combobox__option:hover,.item-combobox__option--active{background:#243044}.item-combobox__label{font-size:.9rem;font-weight:500;color:#e8edf4}.item-combobox__meta{font-size:.75rem;color:#8b9cb3;line-height:1.35}.item-combobox__empty{padding:.65rem .75rem;font-size:.85rem;color:#8a9199}.btn-sm{padding:.35rem .65rem;font-size:.8rem;flex-shrink:0}.result-title{margin:0 0 .35rem;font-weight:600;color:#f5555d}.result-message{margin:0;font-size:.9rem;color:#e8edf4}.page--knowledge{max-width:720px}.page--knowledge .page-header h1{color:#4a9eff}.page--knowledge .tab--active{color:#4a9eff;border-color:#4a9eff}.knowledge-toolbar{margin-top:1.25rem}.knowledge-count{margin:.75rem 0 0;font-size:.8rem;color:#8b9cb3}.knowledge-empty{margin:1.5rem 0 0;font-size:.9rem;color:#8b9cb3;text-align:center}.knowledge-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.knowledge-card{display:block;padding:1rem 1.1rem;text-decoration:none;color:inherit;background:#1a2332;border:1px solid #2d3a4f;border-radius:12px;transition:border-color .15s,transform .15s}.knowledge-card:hover{border-color:#4a9eff;transform:translateY(-1px)}.knowledge-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.knowledge-card__badge{display:inline-block;padding:.15rem .5rem;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.knowledge-card__badge--frontend{color:#4a9eff;background:#4a9eff1f}.knowledge-card__badge--ai{color:#a78bfa;background:#a78bfa1f}.knowledge-card__tags{font-size:.75rem;color:#8b9cb3}.knowledge-card__title{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:#e8edf4}.knowledge-card__summary{margin:0;font-size:.85rem;color:#8b9cb3;line-height:1.45}.knowledge-detail-header h1{margin:.5rem 0 0;font-size:1.35rem;font-weight:600;color:#e8edf4}.knowledge-detail-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.knowledge-detail{margin-top:1.25rem}.markdown-body{font-size:.95rem;line-height:1.65;color:#e8edf4}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.5rem 0 .75rem;font-weight:600;color:#e8edf4;line-height:1.3}.markdown-body h1{font-size:1.35rem}.markdown-body h2{font-size:1.15rem;color:#4a9eff}.markdown-body h3{font-size:1rem}.markdown-body p{margin:.75rem 0}.markdown-body ul,.markdown-body ol{margin:.75rem 0;padding-left:1.5rem}.markdown-body li{margin:.35rem 0}.markdown-body li>ul,.markdown-body li>ol{margin:.25rem 0}.markdown-body blockquote{margin:.75rem 0;padding:.5rem 1rem;border-left:3px solid #4a9eff;background:#4a9eff0f;color:#c8cdd4}.markdown-body code{font-family:Consolas,Courier New,monospace;font-size:.88em;padding:.15rem .35rem;background:#243044;border-radius:4px;color:#f0c674}.markdown-body pre{margin:.75rem 0;padding:.85rem 1rem;background:#0f1419;border:1px solid #2d3a4f;border-radius:8px;overflow-x:auto}.markdown-body pre code{padding:0;background:none;color:#e8edf4;font-size:.85rem}.markdown-body table{width:100%;margin:.75rem 0;border-collapse:collapse;font-size:.88rem}.markdown-body th,.markdown-body td{padding:.5rem .75rem;border:1px solid #2d3a4f;text-align:left}.markdown-body th{background:#243044;font-weight:600;color:#e8edf4}.markdown-body td{background:#1a2332}.markdown-body a{color:#4a9eff;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body hr{margin:1.25rem 0;border:none;border-top:1px solid #2d3a4f}.markdown-body strong{font-weight:600;color:#e8edf4}