.personality-base-card{--pbc-scale: 1;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;padding:calc(24px * var(--pbc-scale));border-radius:calc(20px * var(--pbc-scale));background:#fff;box-shadow:0 calc(8px * var(--pbc-scale)) calc(24px * var(--pbc-scale)) #0f172a0f;box-sizing:border-box;overflow:hidden}.personality-base-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(16px * var(--pbc-scale));padding-bottom:calc(18px * var(--pbc-scale));border-bottom:1px solid rgba(125,105,190,.12)}.personality-base-card__header-main{display:flex;align-items:center;gap:calc(14px * var(--pbc-scale));min-width:0}.personality-base-card__header-icon,.personality-base-card__item-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;flex-shrink:0;color:#7a57d1;background:linear-gradient(180deg,#f2ebff,#ece5ff)}.personality-base-card__header-icon{width:calc(56px * var(--pbc-scale));height:calc(56px * var(--pbc-scale))}.personality-base-card__header-icon svg,.personality-base-card__item-icon svg{width:55%;height:55%}.personality-base-card__header-text{min-width:0}.personality-base-card__header-text h2{margin:0;color:#111827;font-size:calc(24px * var(--pbc-scale));font-weight:700;line-height:1.2}.personality-base-card__header-text p{margin:calc(6px * var(--pbc-scale)) 0 0;color:#7a748f;font-size:calc(14px * var(--pbc-scale));line-height:1.4}.personality-base-card__index{color:#7a57d1;font-size:calc(24px * var(--pbc-scale));font-weight:700;line-height:1;flex-shrink:0}.personality-base-card__list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding-top:calc(8px * var(--pbc-scale))}.personality-base-card__item{display:grid;grid-template-columns:calc(42px * var(--pbc-scale)) minmax(0,1fr) auto;align-items:center;gap:calc(10px * var(--pbc-scale));flex:1 1 0;min-height:calc(64px * var(--pbc-scale));padding:calc(12px * var(--pbc-scale)) 0;border-bottom:1px solid rgba(125,105,190,.1)}.personality-base-card__item:last-child{border-bottom:0;padding-bottom:0}.personality-base-card__item-icon{width:calc(40px * var(--pbc-scale));height:calc(40px * var(--pbc-scale))}.personality-base-card__item-main{min-width:0}.personality-base-card__item-title-row{display:flex;align-items:baseline;gap:calc(8px * var(--pbc-scale));min-width:0}.personality-base-card__item-label{color:#2a2438;font-size:calc(16px * var(--pbc-scale));font-weight:700;line-height:1.3;flex-shrink:0;white-space:nowrap}.personality-base-card__item-value{color:#4b5563;font-size:calc(16px * var(--pbc-scale));font-weight:600;line-height:1.3;min-width:0;white-space:nowrap}.personality-base-card__item-hint{margin:calc(4px * var(--pbc-scale)) 0 0;color:#6b7280;font-size:calc(13px * var(--pbc-scale));line-height:1.4}.personality-base-card__item.is-borrowed .personality-base-card__item-value,.personality-base-card__item.is-borrowed .personality-base-card__item-hint{color:#c98787}.personality-base-card__item-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(6px * var(--pbc-scale))}.personality-base-card__tag{display:inline-flex;align-items:center;justify-content:center;min-height:calc(30px * var(--pbc-scale));padding:0 calc(10px * var(--pbc-scale));border-radius:999px;color:#5e5875;background:linear-gradient(180deg,#f6f0ff,#f2ecff);font-size:calc(13px * var(--pbc-scale));font-weight:600;line-height:1;white-space:nowrap}.personality-base-card__item.is-borrowed .personality-base-card__tag{color:#c98787;background:linear-gradient(180deg,#fff3f3,#ffebeb)}.demo-personality-base-card-page__card{display:flex;align-items:stretch;gap:28px;min-height:760px}.demo-personality-base-card-page__preview{flex:0 0 520px;display:flex;align-items:center;justify-content:center;min-width:0;padding:20px;border-radius:20px;background:linear-gradient(180deg,#faf9ff,#f5f2ff)}.demo-personality-base-card-page__preview-stage{max-width:100%}.demo-personality-base-card-page__debug{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}.demo-personality-base-card-page__status{display:flex;flex-direction:column;gap:8px}.demo-personality-base-card-page__status span,.demo-personality-base-card-page__tips span{color:#6b7280;font-size:13px}.demo-personality-base-card-page__status strong{color:#1f2937;font-size:28px}.demo-personality-base-card-page__control-card,.demo-personality-base-card-page__tips{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#fcfbff,#f5f1ff)}.demo-personality-base-card-page__control-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-personality-base-card-page__control-header span{color:#6b7280;font-size:13px}.demo-personality-base-card-page__control-header strong{color:#5f3ab6;font-size:18px}.demo-personality-base-card-page__control-card input[type=range]{width:100%;accent-color:#7a57d1;cursor:pointer}.demo-personality-base-card-page__tips ul{margin:0;padding-left:18px;color:#5b556a;line-height:1.7}@media (max-width: 1180px){.demo-personality-base-card-page__card{flex-direction:column;min-height:auto}.demo-personality-base-card-page__preview{flex-basis:auto}.demo-personality-base-card-page__debug{justify-content:flex-start}}.panel-layer-switcher{width:min(100%,372px)}.panel-layer-switcher__visual{position:relative;width:100%;aspect-ratio:459 / 1215;-webkit-user-select:none;user-select:none}.panel-layer-switcher__visual.is-dragging{cursor:grabbing}.panel-layer-switcher__base,.panel-layer-switcher__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.panel-layer-switcher__base{z-index:0}.panel-layer-switcher__cover{z-index:1}.panel-layer-switcher__slider-core,.panel-layer-switcher__slider-badge-layer{position:absolute;left:12.32%;width:34.42%;aspect-ratio:158 / 349;transform:translateY(0);transition:top .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none}.panel-layer-switcher__slider-core{z-index:1}.panel-layer-switcher__slider-badge-layer{z-index:4;padding:0;border:0;background:transparent;left:26.53%;width:34.42%;aspect-ratio:158 / 162;transform:translate(calc(-50% + 10px),-50%);pointer-events:auto;cursor:grab}.panel-layer-switcher__visual.is-dragging .panel-layer-switcher__slider-core,.panel-layer-switcher__visual.is-dragging .panel-layer-switcher__slider-badge-layer{transition:none}.panel-layer-switcher__slider-badge-layer:after{content:"";position:absolute;left:50%;top:15%;width:102%;height:102%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at center,#000c,#00000094 42%,#00000038 72%,#0000);filter:blur(4px)}.panel-layer-switcher__slider-background{position:absolute;top:0;left:6.96%;width:87.97%;height:100%;display:block}.panel-layer-switcher__slider-shadow{position:absolute;left:15%;top:56%;width:70%;height:9%;border-radius:999px;background:radial-gradient(ellipse at center,#5630aa61,#5630aa2e 45%,#5630aa00);filter:blur(6px)}.panel-layer-switcher__slider-badge{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(92,55,173,.22));transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.panel-layer-switcher__visual.is-dragging .panel-layer-switcher__slider-badge{transition:none}.panel-layer-switcher__label-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.panel-layer-switcher__label-button{position:absolute;left:56.8%;width:34%;display:flex;align-items:flex-start;gap:10px;padding:10px 12px 10px 4px;border:0;background:transparent;text-align:left;cursor:pointer;transform:translateY(-50%)}.panel-layer-switcher__label-button:nth-child(1){top:22.8%}.panel-layer-switcher__label-button:nth-child(2){top:51.2%}.panel-layer-switcher__label-button:nth-child(3){top:79.5%}.panel-layer-switcher__label-button:focus-visible{outline:2px solid rgba(111,76,191,.32);outline-offset:3px;border-radius:18px}.panel-layer-switcher__label-dot{width:12px;height:12px;margin-top:18px;flex:0 0 auto;border-radius:999px;background:#817c8c6b;box-shadow:inset 0 1px 1px #ffffffa6;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.panel-layer-switcher__label-text{display:flex;flex-direction:column;gap:7px;min-width:0}.panel-layer-switcher__label-text strong,.panel-layer-switcher__label-text em{font-style:normal;letter-spacing:.5px;transition:color .22s ease,text-shadow .22s ease,opacity .22s ease}.panel-layer-switcher__label-text strong{color:#524e5feb;font-size:clamp(25.5px,2.55vw,34.5px);font-weight:700;line-height:1.05}.panel-layer-switcher__label-text em{color:#797585e0;font-size:clamp(18px,1.77vw,24px);font-weight:500;line-height:1.1}.panel-layer-switcher__label-button.is-active .panel-layer-switcher__label-dot{background:radial-gradient(circle at center,#b185fffa,#7347d0fa 62%);box-shadow:0 0 0 3px #8254df1f,0 2px 10px #6e43c247;transform:scale(1.08)}.panel-layer-switcher__label-button.is-active .panel-layer-switcher__label-text strong,.panel-layer-switcher__label-button.is-active .panel-layer-switcher__label-text em{color:#5f3ab6;text-shadow:0 0 16px rgba(136,98,222,.18)}.panel-layer-switcher__label-button:hover .panel-layer-switcher__label-text strong,.panel-layer-switcher__label-button:hover .panel-layer-switcher__label-text em{color:#6f4cbf}.demo-panel-layer-switcher-page__card{display:flex;align-items:stretch;gap:28px;min-height:720px}.demo-panel-layer-switcher-page__preview{flex:0 0 380px;display:flex;align-items:center;justify-content:center;min-width:0}.demo-panel-layer-switcher-page__preview-stage{width:372px;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .22s ease;will-change:transform}.demo-panel-layer-switcher-page__debug{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0}.demo-panel-layer-switcher-page__status{display:flex;flex-direction:column;gap:8px}.demo-panel-layer-switcher-page__status span,.demo-panel-layer-switcher-page__tips span{color:#6b7280;font-size:13px}.demo-panel-layer-switcher-page__status strong{color:#1f2937;font-size:28px}.demo-panel-layer-switcher-page__controls{display:flex;flex-wrap:wrap;gap:12px}.demo-panel-layer-switcher-page__controls button{min-width:92px;padding:11px 18px;border:1px solid #dfd8f7;border-radius:999px;background:#fff;color:#5b556a;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.demo-panel-layer-switcher-page__controls button:hover{border-color:#bda8f2;color:#6f4cbf;transform:translateY(-1px)}.demo-panel-layer-switcher-page__controls button.is-active{border-color:#8f6de2;color:#5f3ab6;box-shadow:0 8px 18px #6f4cbf1f}.demo-panel-layer-switcher-page__scale-control{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#fcfbff,#f5f1ff)}.demo-panel-layer-switcher-page__scale-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-panel-layer-switcher-page__scale-header span{color:#6b7280;font-size:13px}.demo-panel-layer-switcher-page__scale-header strong{color:#5f3ab6;font-size:18px}.demo-panel-layer-switcher-page__scale-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.demo-panel-layer-switcher-page__scale-slider span{color:#5b556a;font-size:13px;font-weight:600}.demo-panel-layer-switcher-page__scale-slider input[type=range]{width:100%;accent-color:#7a57d1;cursor:pointer}.demo-panel-layer-switcher-page__tips{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:16px;background:linear-gradient(180deg,#faf9ff,#f5f2ff)}.demo-panel-layer-switcher-page__tips ul{margin:0;padding-left:18px;color:#5b556a;line-height:1.7}@media (max-width: 1080px){.demo-panel-layer-switcher-page__card{flex-direction:column;min-height:auto}.demo-panel-layer-switcher-page__preview{flex-basis:auto}.demo-panel-layer-switcher-page__debug{justify-content:flex-start}}:root{color:#1f2937;background:#f5f6f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--icon-button-idle-color: #9ca3af;--icon-button-active-color: #6d28d9;--icon-button-idle-filter: grayscale(100%) brightness(.52);--icon-button-active-filter: brightness(0) saturate(100%) invert(22%) sepia(82%) saturate(2226%) hue-rotate(253deg) brightness(95%) contrast(96%)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{min-height:100vh;background:#f5f6f8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.fullscreen-status{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#6b7280}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(180deg,#faf5ff,#f5f6f8)}.login-card{width:100%;max-width:420px;padding:28px;border-radius:24px;background:#fff;box-shadow:0 18px 48px #581c871f}.login-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.login-logo{width:52px;height:52px;background:url(/icons/logo.png) center / contain no-repeat;flex-shrink:0}.login-header h1{margin:0 0 6px;font-size:28px}.login-header p{margin:0;color:#6b7280}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:8px;color:#4b5563}.login-field input{height:46px;padding:0 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.login-error{padding:12px 14px;border-radius:14px;background:#fef2f2;color:#b91c1c}.login-submit{height:46px;border:none;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.login-submit:disabled{opacity:.7;cursor:not-allowed}.admin-shell{display:flex;flex-direction:column;min-height:100vh;background:#f5f6f8}.admin-topbar{display:grid;grid-template-columns:minmax(420px,auto) 1fr 280px;align-items:center;height:72px;padding:0 24px;background:#fff;box-shadow:0 8px 24px #581c871a;flex-shrink:0}.admin-brand{display:flex;align-items:center;gap:12px;min-width:0}.admin-brand-logo{width:38px;height:38px;background:url(/icons/logo.png) center / contain no-repeat;flex-shrink:0}.admin-brand-text{display:flex;flex-direction:column;line-height:1.2}.admin-brand-text strong{display:inline-flex;align-items:center;font-size:16px;white-space:nowrap}.admin-brand-version{margin-left:2ch;font-size:12px;font-weight:500;color:#9ca3af}.admin-nav{display:flex;justify-content:center;gap:36px;height:100%}.admin-nav-item{position:relative;display:inline-flex;align-items:center;gap:10px;height:100%;color:#6b7280;font-weight:600}.admin-nav-item.is-active{color:#6d28d9}.admin-nav-item.is-active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:4px;border-radius:999px;background:#c084fc}.admin-nav-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0;filter:grayscale(100%) brightness(.45);opacity:.92}.admin-nav-item.is-active .admin-nav-icon{filter:brightness(0) saturate(100%) invert(22%) sepia(82%) saturate(2226%) hue-rotate(253deg) brightness(95%) contrast(96%);opacity:1}.admin-account{display:flex;align-items:center;justify-content:flex-end;gap:22px}.admin-mail-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:transparent;color:var(--icon-button-idle-color);transition:color .2s ease,transform .2s ease,opacity .2s ease}.admin-mail-icon{width:22px;height:22px;object-fit:contain;filter:var(--icon-button-idle-filter)}.admin-mail-button:hover,.admin-mail-button:focus-visible{color:var(--icon-button-active-color);opacity:1}.admin-mail-button:focus-visible{outline:none;transform:translateY(-1px)}.admin-mail-button:hover .admin-mail-icon,.admin-mail-button:focus-visible .admin-mail-icon{filter:var(--icon-button-active-filter)}.admin-account-menu{position:relative}.admin-account-trigger{display:flex;align-items:center;gap:10px;padding:0;border:none;background:transparent}.admin-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ddd6fe,#c084fc);color:#5b21b6;font-weight:700}.admin-account-text{display:flex;flex-direction:column;line-height:1.2}.admin-account-text strong{font-size:15px;font-weight:600;color:#111827}.admin-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:132px;padding:8px;border:1px solid #ececf2;border-radius:14px;background:#fff;box-shadow:0 12px 24px #0f172a1f;z-index:10}.admin-dropdown-item{width:100%;height:38px;border:none;border-radius:10px;background:transparent;color:#4b5563;text-align:left;padding:0 12px}.admin-dropdown-item:hover{background:#f5f3ff;color:#6d28d9}.admin-dropdown-item.is-danger:hover{background:#fef2f2;color:#b91c1c}.admin-shell-content{height:calc(100vh - 72px)}.customer-page{display:flex;flex-direction:column;height:100%;background:#f5f6f8}.customer-toolbar{display:grid;grid-template-columns:364px minmax(0,1fr);align-items:center;gap:20px;height:114px;padding:18px 24px;background:#f5f6f8;flex-shrink:0;position:relative}.toolbar-search{position:relative;display:flex;align-items:center;height:46px;padding:0 14px 0 18px;border:1px solid #e5e7eb;border-radius:999px;background:#fff}.toolbar-search input{width:100%;height:100%;padding:0 44px 0 0;border:none;border-radius:999px;background:transparent;color:#4b5563;outline:none}.toolbar-search-button{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:0;background:transparent;color:var(--icon-button-idle-color);transition:color .2s ease,transform .2s ease,opacity .2s ease}.toolbar-search-icon{width:18px;height:18px;object-fit:contain;filter:var(--icon-button-idle-filter)}.toolbar-search-button:hover,.toolbar-search-button:focus-visible,.toolbar-search:focus-within .toolbar-search-button{color:var(--icon-button-active-color);opacity:1}.toolbar-search-button:focus-visible{outline:none;transform:translateY(-50%) translateY(-1px)}.toolbar-search-button:hover .toolbar-search-icon,.toolbar-search-button:focus-visible .toolbar-search-icon,.toolbar-search:focus-within .toolbar-search-icon{filter:var(--icon-button-active-filter)}.toolbar-tabs{position:absolute;top:50%;left:50%;display:flex;align-items:center;gap:10px;padding:0;background:transparent;transform:translate(-50%,-50%)}.toolbar-tabs button{min-width:108px;height:38px;border:none;border-radius:999px;background:transparent;color:#6b7280;font-weight:600;padding:0 28px}.toolbar-tabs button.is-active{background:linear-gradient(135deg,#c084fc,#8b5cf6);color:#fff}.toolbar-filters{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:16px}.toolbar-action-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:0;background:transparent;color:var(--icon-button-idle-color);white-space:nowrap;transition:color .2s ease,opacity .2s ease,transform .2s ease}.toolbar-action-button:hover{color:var(--icon-button-active-color);opacity:1}.toolbar-action-button:focus-visible{outline:none;transform:translateY(-1px)}.toolbar-action-button.is-primary,.toolbar-action-button.is-active,.toolbar-action-button:focus-visible{color:var(--icon-button-active-color)}.toolbar-action-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;filter:var(--icon-button-idle-filter)}.toolbar-action-button:hover .toolbar-action-icon,.toolbar-action-button.is-primary .toolbar-action-icon,.toolbar-action-button.is-active .toolbar-action-icon,.toolbar-action-button:focus-visible .toolbar-action-icon{filter:var(--icon-button-active-filter);color:inherit}.customer-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a59;z-index:30}.customer-modal{width:min(760px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow:auto;padding:24px;border-radius:24px;background:#fff;box-shadow:0 24px 60px #0f172a2e}.customer-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.customer-modal-header h2{margin:0;font-size:22px}.customer-modal-header button,.customer-create-actions button{height:40px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#4b5563}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center}.confirm-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a66}.confirm-dialog__panel{position:relative;width:min(360px,calc(100vw - 40px));padding:28px 24px 22px;border-radius:24px;background:#fffffffa;box-shadow:0 28px 80px #0f172a3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-dialog__title{margin:0;text-align:center;font-size:20px;font-weight:700;color:#1f2937}.confirm-dialog__actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.confirm-dialog__button{min-width:108px;height:42px;padding:0 18px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.confirm-dialog__button:disabled,.confirm-dialog__backdrop:disabled{cursor:not-allowed}.confirm-dialog__button.is-secondary{border-color:#e5e7eb;background:#fff;color:#4b5563}.confirm-dialog__button.is-danger{background:linear-gradient(135deg,#fb7185,#e11d48);color:#fff;box-shadow:0 12px 24px #e11d4838}.confirm-dialog__button:hover:not(:disabled){transform:translateY(-1px)}.customer-create-actions button[type=submit]{border-color:#d8b4fe;background:linear-gradient(135deg,#c084fc,#8b5cf6);color:#fff}.customer-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.customer-create-form label{display:flex;flex-direction:column;gap:8px;color:#4b5563}.customer-create-form input:not([type=checkbox]),.customer-create-form select,.customer-create-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#111827}.customer-create-form input:not([type=checkbox]),.customer-create-form select{height:44px;padding:0 14px}.customer-create-form textarea{padding:12px 14px;resize:vertical}.customer-switch-field{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:10px!important;padding-top:32px}.customer-switch{position:relative;display:inline-flex;align-items:center;width:46px;height:28px;flex-shrink:0}.customer-switch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.customer-switch-slider{position:relative;width:100%;height:100%;border-radius:999px;background:#d1d5db;transition:background .2s ease}.customer-switch-slider:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a29;transition:transform .2s ease}.customer-switch input:checked+.customer-switch-slider{background:linear-gradient(135deg,#c084fc,#8b5cf6)}.customer-switch input:checked+.customer-switch-slider:after{transform:translate(18px)}.customer-switch input:focus-visible+.customer-switch-slider{outline:2px solid rgba(139,92,246,.28);outline-offset:2px}.customer-create-form-span-2{grid-column:span 2}.customer-create-error{grid-column:span 2;padding:12px 14px;border-radius:14px;background:#fef2f2;color:#b91c1c}.customer-create-actions{display:flex;justify-content:flex-end;gap:12px}.customer-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;height:114px;padding:0 24px 4px;background:#f5f6f8;flex-shrink:0}.customer-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:52px;color:#6b7280}.customer-stat-item.with-divider{border-left:1px solid #d1d5db}.customer-stat-item span{font-size:11px;color:#9ca3af;line-height:1.1}.customer-stat-item strong{margin-top:6px;font-size:26px;line-height:1;font-weight:600}.customer-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:24px;background:#f5f6f8}.customer-content-layout{display:flex;flex:1;min-height:0;flex-direction:column}.content-status{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;border-radius:20px;background:#fff;color:#6b7280}.content-status.is-error{color:#b91c1c}.customer-card-grid{display:grid;flex:1;min-height:0;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:150px;justify-content:center;align-content:start;gap:18px;overflow:hidden}.customer-card{position:relative;display:flex;flex-direction:column;width:100%;height:150px;border:1px solid #ececf2;border-radius:18px;background:#fff;box-shadow:0 6px 18px #0f172a0a;text-align:left;overflow:hidden}.customer-card-main{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:18px;border:none;background:transparent;color:inherit;text-align:left}.customer-card-delete{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:#fff1f2;color:#b91c1c;flex-shrink:0;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.customer-card-delete:hover{background:#ffe4e6;color:#9f1239;transform:translateY(-1px)}.customer-card-delete-icon{width:14px;height:14px}.customer-card-vip-badge{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:16px;padding:0 8px;border-radius:18px 0 12px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em}.customer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-card-head-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.customer-card-head-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:calc(100% - 72px)}.customer-card-avatar{width:30px;height:30px;border:1px solid #e5e7eb;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);flex-shrink:0}.customer-card-name{min-width:0;font-size:18px;font-weight:700;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-card-status{display:inline-flex;align-items:center;flex-shrink:0;padding:6px 10px;border-radius:999px;font-size:12px}.customer-card-status.is-success{background:#ecfdf3;color:#166534}.customer-card-status.is-failed{background:#fef2f2;color:#b91c1c}.customer-card-meta{display:flex;flex-direction:column;gap:8px;margin-top:14px}.customer-card-meta-line{color:#4b5563;font-size:13px;line-height:1.35;word-break:break-word;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.customer-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}.customer-card-created-at{font-size:12px;line-height:1;color:#9ca3af}.customer-card-bazi{flex:1;display:inline-flex;align-items:flex-end;justify-content:flex-end;text-align:right;font-size:12px;line-height:1;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-card-bazi-stem{font-size:14px;font-weight:600}.customer-card-bazi-stem.is-metal{color:#c79a2b}.customer-card-bazi-stem.is-wood{color:#2f9e44}.customer-card-bazi-stem.is-water{color:#2563eb}.customer-card-bazi-stem.is-fire{color:#dc2626}.customer-card-bazi-stem.is-earth{color:#8b5e3c}.customer-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:auto;padding:20px 4px 0;color:#6b7280;flex-shrink:0}.customer-pagination button{height:40px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#4b5563}.customer-pagination button:disabled{opacity:.5;cursor:not-allowed}.detail-page,.system-page{height:100%;overflow:auto;padding:24px;background:#f5f6f8}.detail-page{display:flex;flex-direction:column;height:100%;min-height:100%;overflow:hidden;padding:16px 18px 0}.page-header{margin-bottom:24px}.page-header h1{margin:0 0 8px;font-size:30px}.page-header p{margin:0;color:#6b7280}.card{margin-bottom:20px;padding:20px;border-radius:18px;background:#fff;box-shadow:0 10px 30px #0f172a0f}.status-block{padding:24px;text-align:center;color:#4b5563}.status-block.error{color:#b91c1c}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600}.status-chip-success{background:#dcfce7;color:#166534}.status-chip-failed{background:#fee2e2;color:#991b1b}.text-link{color:#7c3aed}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.section-title{margin:0 0 16px;font-size:18px}.json-block{margin:0;padding:16px;border-radius:12px;background:#0f172a;color:#e2e8f0;overflow:auto;max-height:420px;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6}.record-detail__header-row{margin-bottom:12px}.record-detail__header{display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:16px;min-width:0}.record-detail__header-main{display:flex;align-items:center;gap:12px;min-width:0}.record-detail__back-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex-shrink:0}.record-detail__back-icon{width:36px;height:36px;object-fit:contain;filter:brightness(0) saturate(100%) invert(21%) sepia(76%) saturate(2708%) hue-rotate(252deg) brightness(96%) contrast(96%)}.record-detail__header-search{width:min(720px,100%)}.record-detail__header-center{display:flex;justify-content:center;min-width:0}.record-detail-search{position:relative;width:min(720px,100%)}.record-detail__header-text{min-width:0}.record-detail__header-title-row{display:flex;align-items:baseline;gap:14px;min-width:0}.record-detail__header-main h1{margin:0;font-size:20px;line-height:1.2;flex-shrink:0}.record-detail__header-title-row p{margin:0;color:#6b7280;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-detail__header-side{display:flex;align-items:center;gap:12px;flex-shrink:0;justify-self:end}.record-detail__header-time{display:flex;align-items:center;gap:6px;color:#6b7280;white-space:nowrap}.record-detail__header-time span{font-size:12px}.record-detail__header-time strong{color:#111827;font-size:12px;font-weight:600}.record-detail-search__dropdown{position:absolute;top:calc(100% + 10px);left:0;z-index:20;width:100%;padding:10px;border:1px solid #e9d5ff;border-radius:20px;background:#fff;box-shadow:0 18px 48px #0f172a24}.record-detail-search__item{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px 14px;border:none;border-radius:14px;background:transparent;text-align:left}.record-detail-search__item:hover,.record-detail-search__item:focus-visible,.record-detail-search__item.is-current{background:#f5f3ff}.record-detail-search__item:focus-visible{outline:none}.record-detail-search__item-main,.record-detail-search__item-meta{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.record-detail-search__item-main strong{color:#111827;font-size:15px}.record-detail-search__item-main span,.record-detail-search__item-meta span,.record-detail-search__item-meta em,.record-detail-search__state{color:#6b7280;font-size:13px;font-style:normal}.record-detail-search__state{padding:12px 14px;text-align:center}.record-detail__info-card,.record-detail__fortune-card{padding:14px;border:1px solid #ede9fe;border-radius:18px;background:linear-gradient(180deg,#fff,#faf7ff)}.record-detail__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.record-detail__info-card h3,.record-detail__fortune-card h3,.record-detail__analysis-stars h3,.record-detail__analysis-error h3,.record-detail__palace-card h3{margin:0 0 10px;font-size:15px}.record-detail__info-grid,.record-detail__analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record-detail__info-item{display:flex;flex-direction:column;gap:6px;min-height:64px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #ede9fe}.record-detail__info-item span,.record-detail__palace-stars span{color:#6b7280;font-size:12px}.record-detail__info-item strong,.record-detail__palace-stars strong{color:#111827;line-height:1.6;word-break:break-word}.record-detail__basic-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;padding:0 10px 2px;margin-bottom:12px;background:#f5f6f8}.record-detail__basic-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:8px 12px;color:#6b7280;text-align:center}.record-detail__basic-stat.with-divider{border-left:1px solid #d1d5db}.record-detail__basic-stat span{font-size:11px;color:#9ca3af;line-height:1.1}.record-detail__basic-stat strong{margin-top:6px;color:#374151;font-size:16px;line-height:1.45;font-weight:500;word-break:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-detail__basic-stat.is-wide{grid-column:span 5;align-items:flex-start;text-align:left;min-height:50px}.record-detail__basic-stat.is-wide.with-divider{border-left:none;border-top:1px solid #d1d5db}.record-detail__basic-stat.is-wide strong{font-size:13px}.record-detail__main-layout{--record-detail-board-size: 720px;--record-detail-board-width: 864px;--record-detail-board-height: 720px;--record-detail-right-width: 420px;--record-detail-right-top-row-height: clamp(220px, calc(var(--record-detail-board-height) * .42), 345px);--record-detail-middle-cards-height: clamp(196px, calc(var(--record-detail-board-height) * .34), 323px);--record-detail-star-font-size: clamp(12px, calc(var(--record-detail-board-size) / 47), 15px);--record-detail-brightness-font-size: clamp(10px, calc(var(--record-detail-board-size) / 62), 12px);--record-detail-palace-name-font-size: clamp(13px, calc(var(--record-detail-board-size) / 47), 15px);--record-detail-badge-font-size: clamp(10px, calc(var(--record-detail-board-size) / 68), 11px);--record-detail-side-font-size: clamp(11px, calc(var(--record-detail-board-size) / 60), 14px);--record-detail-center-title-font-size: clamp(13px, calc(var(--record-detail-board-size) / 52), 14px);--record-detail-center-value-font-size: clamp(10px, calc(var(--record-detail-board-size) / 68), 11px);--record-detail-center-label-font-size: clamp(10px, calc(var(--record-detail-board-size) / 75), 10px);--record-detail-board-padding: clamp(6px, calc(var(--record-detail-board-size) / 96), 7px);display:flex;flex:1 1 auto;gap:14px;align-items:start;min-width:0;min-height:0;overflow:hidden}.record-detail__main-layout.is-stacked{flex-direction:column}.record-detail__main-left,.record-detail__main-right{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:0}.record-detail__main-left{flex:0 0 var(--record-detail-board-width);width:var(--record-detail-board-width);max-width:100%}.record-detail__main-layout.is-stacked .record-detail__main-left{flex-basis:auto;width:min(100%,var(--record-detail-board-width));margin:0 auto}.record-detail__main-right{flex:1 1 auto;width:var(--record-detail-right-width);height:var(--record-detail-board-height);min-height:0}.record-detail__right-panel{display:flex;flex-direction:column;gap:14px;min-width:0;height:100%}.record-detail__right-panel--stacked{height:auto}.record-detail__right-panel>.card{flex:1 1 0;min-height:0;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden}.record-detail__stacked-leading-row{display:flex;align-items:stretch;gap:14px;min-width:0}.record-detail__stacked-leading-tools{display:flex;flex:0 0 130.2px;width:130.2px;min-width:0;align-items:stretch}.record-detail__stacked-leading-card-shell,.record-detail__stacked-card-shell{display:flex;min-width:0}.record-detail__stacked-leading-card-shell{flex:1 1 auto}.record-detail__stacked-leading-card-shell>.record-detail__top-card,.record-detail__stacked-card-shell>.record-detail__top-card{flex:1 1 auto}.record-detail__stacked-card-column{display:flex;flex-direction:column;gap:14px;min-width:0}.record-detail__right-top-row{display:flex;align-items:stretch;gap:14px;flex:0 0 var(--record-detail-right-top-row-height);min-height:0;min-width:0}.record-detail__top-cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;height:100%;min-width:0;min-height:0}.record-detail__top-card{min-width:0;min-height:0;height:100%}.record-detail__top-card--personality{display:flex}.record-detail__top-personality-card{flex:1 1 auto}.record-detail__top-axis-card .personality-base-card__header-icon,.record-detail__top-axis-card .personality-base-card__item-icon{color:#2f6df6;background:linear-gradient(180deg,#eaf2ff,#dce9ff)}.record-detail__top-axis-card .personality-base-card__index{color:#2f6df6}.record-detail__top-axis-card .personality-base-card__header-text p{color:#7a84a0}.record-detail__top-axis-card .personality-base-card__tag{color:#446089;background:linear-gradient(180deg,#f2f7ff,#e7f0ff)}.record-detail__top-career-wealth-card .personality-base-card__header-icon,.record-detail__top-career-wealth-card .personality-base-card__item-icon{color:#f67e1f;background:linear-gradient(180deg,#fff1e2,#ffe7cf)}.record-detail__top-career-wealth-card .personality-base-card__index{color:#f67e1f}.record-detail__top-career-wealth-card .personality-base-card__header-text p{color:#8c7d70}.record-detail__top-career-wealth-card .personality-base-card__tag{color:#7d624a;background:linear-gradient(180deg,#fff8f0,#fff1e6)}.record-detail__middle-index-cards{display:flex;flex:0 0 var(--record-detail-middle-cards-height);min-height:0;min-width:0}.record-detail__middle-index-cards-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;height:100%;min-width:0;min-height:0}.record-detail__middle-index-card-shell{display:flex;min-width:0;min-height:0;height:100%}.record-detail__middle-opportunity-card{flex:1 1 auto;border:1px solid #dbe8e6;background:linear-gradient(180deg,#fff,#f8fcfb);box-shadow:none}.record-detail__middle-opportunity-card .personality-base-card__header{border-bottom-color:#4074701f}.record-detail__middle-opportunity-card .personality-base-card__header-icon,.record-detail__middle-opportunity-card .personality-base-card__item-icon{color:#2f7f78;background:linear-gradient(180deg,#e8f7f4,#dff3ef)}.record-detail__middle-opportunity-card .personality-base-card__index{color:#2f7f78}.record-detail__middle-opportunity-card .personality-base-card__header-text p{color:#718882}.record-detail__middle-opportunity-card .personality-base-card__header-text h2,.record-detail__middle-relationship-card .personality-base-card__header-text h2,.record-detail__middle-heavenly-fly-card .personality-base-card__header-text h2{font-size:calc(26px * var(--pbc-scale))}.record-detail__middle-opportunity-card .personality-base-card__header-text p,.record-detail__middle-relationship-card .personality-base-card__header-text p,.record-detail__middle-heavenly-fly-card .personality-base-card__header-text p{font-size:calc(16px * var(--pbc-scale))}.record-detail__middle-opportunity-card .personality-base-card__index,.record-detail__middle-relationship-card .personality-base-card__index,.record-detail__middle-heavenly-fly-card .personality-base-card__index{font-size:calc(26px * var(--pbc-scale))}.record-detail__middle-opportunity-card .personality-base-card__item-label,.record-detail__middle-opportunity-card .personality-base-card__item-value,.record-detail__middle-relationship-card .personality-base-card__item-label,.record-detail__middle-relationship-card .personality-base-card__item-value,.record-detail__middle-heavenly-fly-card .personality-base-card__item-label,.record-detail__middle-heavenly-fly-card .personality-base-card__item-value{font-size:calc(18px * var(--pbc-scale))}.record-detail__middle-opportunity-card .personality-base-card__item-hint,.record-detail__middle-relationship-card .personality-base-card__item-hint,.record-detail__middle-heavenly-fly-card .personality-base-card__item-hint,.record-detail__middle-opportunity-card .personality-base-card__tag,.record-detail__middle-relationship-card .personality-base-card__tag,.record-detail__middle-heavenly-fly-card .personality-base-card__tag{font-size:calc(15px * var(--pbc-scale))}.record-detail__middle-opportunity-card .personality-base-card__item{border-bottom-color:#4074701a}.record-detail__middle-opportunity-card .personality-base-card__tag{color:#4f6f69;background:linear-gradient(180deg,#eef9f7,#e5f6f2)}.record-detail__middle-relationship-card{flex:1 1 auto;border:1px solid #efdfe7;background:linear-gradient(180deg,#fff,#fff9fb);box-shadow:none}.record-detail__middle-relationship-card .personality-base-card__header{border-bottom-color:#a9607a1f}.record-detail__middle-relationship-card .personality-base-card__header-icon,.record-detail__middle-relationship-card .personality-base-card__item-icon{color:#b05f7c;background:linear-gradient(180deg,#fff0f5,#ffe6ee)}.record-detail__middle-relationship-card .personality-base-card__index{color:#b05f7c}.record-detail__middle-relationship-card .personality-base-card__header-text p{color:#9c7a87}.record-detail__middle-relationship-card .personality-base-card__item{border-bottom-color:#a9607a1a}.record-detail__middle-relationship-card .personality-base-card__tag{color:#8b6170;background:linear-gradient(180deg,#fff5f8,#ffedf3)}.record-detail__middle-heavenly-fly-card{flex:1 1 auto;border:1px solid #e0e4f3;background:linear-gradient(180deg,#fff,#f8faff);box-shadow:none}.record-detail__middle-heavenly-fly-card .personality-base-card__header{border-bottom-color:#5c6fb31f}.record-detail__middle-heavenly-fly-card .personality-base-card__header-icon,.record-detail__middle-heavenly-fly-card .personality-base-card__item-icon{color:#5c6fb3;background:linear-gradient(180deg,#eef2ff,#e5ebff)}.record-detail__middle-heavenly-fly-card .personality-base-card__index{color:#5c6fb3}.record-detail__middle-heavenly-fly-card .personality-base-card__header-text p{color:#7f88ad}.record-detail__middle-heavenly-fly-card .personality-base-card__item{border-bottom-color:#5c6fb31a}.record-detail__middle-heavenly-fly-card .personality-base-card__tag{color:#65718f;background:linear-gradient(180deg,#f3f6ff,#ebefff)}.record-detail__middle-self-mutagen-card{flex:1 1 auto;border:1px solid #ebe1cf;background:linear-gradient(180deg,#fff,#fffaf3);box-shadow:none}.record-detail__middle-self-mutagen-card .personality-base-card__header{border-bottom-color:#a885481f}.record-detail__middle-self-mutagen-card .personality-base-card__header-icon,.record-detail__middle-self-mutagen-card .personality-base-card__item-icon{color:#b08a42;background:linear-gradient(180deg,#fff5de,#ffefd0)}.record-detail__middle-self-mutagen-card .personality-base-card__index{color:#b08a42}.record-detail__middle-self-mutagen-card .personality-base-card__header-text p{color:#9c8962}.record-detail__middle-self-mutagen-card .personality-base-card__item{border-bottom-color:#a885481a}.record-detail__middle-self-mutagen-card .personality-base-card__tag{color:#816e47;background:linear-gradient(180deg,#fff8ec,#fff2da)}.record-detail__middle-self-mutagen-card .personality-base-card__header-text h2{font-size:calc(26px * var(--pbc-scale))}.record-detail__middle-self-mutagen-card .personality-base-card__header-text p{font-size:calc(16px * var(--pbc-scale))}.record-detail__middle-self-mutagen-card .personality-base-card__index{font-size:calc(26px * var(--pbc-scale))}.record-detail__middle-self-mutagen-card .personality-base-card__item-label,.record-detail__middle-self-mutagen-card .personality-base-card__item-value{font-size:calc(18px * var(--pbc-scale))}.record-detail__middle-self-mutagen-card .personality-base-card__item-hint,.record-detail__middle-self-mutagen-card .personality-base-card__tag{font-size:calc(15px * var(--pbc-scale))}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(1) .personality-base-card__item-label,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(1) .personality-base-card__item-value,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(1) .personality-base-card__item-hint,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(1) .personality-base-card__tag{color:#66a63a}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(1) .personality-base-card__tag{background:linear-gradient(180deg,#f4faec,#edf7e1)}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(2) .personality-base-card__item-label,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(2) .personality-base-card__item-value,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(2) .personality-base-card__item-hint,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(2) .personality-base-card__tag{color:#8b5cf6}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(2) .personality-base-card__tag{background:linear-gradient(180deg,#f6f1ff,#efe7ff)}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(3) .personality-base-card__item-label,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(3) .personality-base-card__item-value,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(3) .personality-base-card__item-hint,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(3) .personality-base-card__tag{color:#3b82f6}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(3) .personality-base-card__tag{background:linear-gradient(180deg,#eef6ff,#e5f0ff)}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(4) .personality-base-card__item-label,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(4) .personality-base-card__item-value,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(4) .personality-base-card__item-hint,.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(4) .personality-base-card__tag{color:#c83a3a}.record-detail__middle-self-mutagen-card .personality-base-card__item:nth-child(4) .personality-base-card__tag{background:linear-gradient(180deg,#fff1f1,#ffe8e8)}.record-detail__summary-editor-panel{display:flex;flex-direction:column;flex:1 1 0;min-height:0;padding-bottom:8px}.record-detail__summary-editor-layout{display:flex;gap:14px;flex:1 1 auto;min-height:0}.record-detail__summary-editor-main{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-width:0;min-height:0}.record-detail__summary-editor-textarea{flex:1 1 auto;width:100%;min-height:0;resize:none;border:none;border-radius:18px;background:linear-gradient(180deg,#fbf9ff,#f5f1ff);padding:18px 20px;font-size:15px;line-height:1.7;color:#374151;outline:none;box-shadow:inset 0 0 0 1px #b9a9eb52}.record-detail__summary-editor-textarea::placeholder{color:#aaa2bf}.record-detail__summary-editor-textarea:focus{box-shadow:inset 0 0 0 1px #b79cf4b8,0 0 0 3px #b79cf41f}.record-detail__summary-editor-side{display:flex;flex-direction:column;justify-content:space-between;gap:10px;flex:0 0 110px}.record-detail__summary-status{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:14px;padding:0 10px;font-size:13px;font-weight:700}.record-detail__summary-status.is-success{color:#2d8b57;background:linear-gradient(180deg,#effcf4,#e6f8ec)}.record-detail__summary-status.is-pending{color:#8b5cf6;background:linear-gradient(180deg,#f6f2ff,#eee7ff)}.record-detail__summary-confirm-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:98px;border:1px solid #d9cafc;border-radius:18px;background:linear-gradient(180deg,#f6f2ff,#efe8ff);color:#6d4bd1;font-size:15px;font-weight:700;line-height:1.4;transition:all .2s ease}.record-detail__summary-confirm-button:hover:not(:disabled){border-color:#c7b3fb;background:linear-gradient(180deg,#f3eeff,#e8deff)}.record-detail__summary-confirm-button:disabled{cursor:default}.record-detail__summary-confirm-button.is-confirmed,.record-detail__summary-confirm-button:disabled{border-color:#cfead9;background:linear-gradient(180deg,#eefaf3,#e5f6ec);color:#2d8b57}.record-detail__summary-editor-side-meta{display:flex;flex-direction:column;gap:4px;color:#8b84a6;font-size:12px;line-height:1.4}.record-detail__summary-editor-side-meta strong{color:#c05f7a;font-weight:600}.record-detail__decade-selector-panel{display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-height:0;padding-bottom:8px}.record-detail__human-selector-panel{display:flex;flex-direction:column;gap:10px;flex:1 1 0;min-height:0;padding-bottom:8px}.record-detail__decade-selector-header strong{color:#6c4a2f;font-size:15px;font-weight:700;line-height:1.2}.record-detail__decade-selector-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;min-width:0}.record-detail__human-selector-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;min-width:0}.record-detail__decade-selector-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:8px 6px;border:none;border-radius:12px;background:#f6f4f1;box-shadow:inset 0 0 0 1px #78746c1f;color:#6d655c;cursor:pointer;text-align:center}.record-detail__decade-selector-chip.is-active{background:#ece7e1;box-shadow:inset 0 0 0 1px #84756433;color:#5f554a}.record-detail__decade-selector-chip.is-dense{gap:2px;padding:7px 5px}.record-detail__decade-selector-chip-label{font-size:13px;font-weight:700;line-height:1.2}.record-detail__decade-selector-chip-description{font-size:11px;line-height:1.2;color:inherit;opacity:.78}.record-detail__middle-index-card{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;padding:14px 14px 16px;border:1px solid #ece7ff;border-radius:18px;background:linear-gradient(180deg,#fff,#fcfbff);box-shadow:0 10px 24px #0f172a0a}.record-detail__middle-index-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.record-detail__middle-index-card-title-group{display:flex;flex-direction:column;min-width:0;gap:4px}.record-detail__middle-index-card-title-group strong{color:#1f2937;font-size:17px;line-height:1.3}.record-detail__middle-index-card-title-group span{color:#8b84a6;font-size:14px;line-height:1.4}.record-detail__middle-index-card-index{color:#9f7aea;font-size:22px;font-weight:700;line-height:1}.record-detail__middle-index-card-body{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;margin-top:12px;border-radius:14px;background:linear-gradient(180deg,#faf8ff,#f6f3ff);color:#948cab;font-size:15px;font-weight:600;letter-spacing:.02em}.record-detail__right-top-tools{display:flex;align-items:flex-start;justify-content:flex-start;flex:0 0 130.2px;width:130.2px;min-height:0;min-width:0;padding:4px 0 6px}.record-detail__right-top-main{flex:1 1 auto;min-width:0;display:flex;min-height:0}.record-detail__layer-context-panel{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;min-width:0}.record-detail__panel-layer-switcher-shell{width:min(100%,130.2px);aspect-ratio:459 / 1215;overflow:visible}.record-detail__right-top-tools .record-detail__panel-layer-switcher{width:372px;flex:0 0 auto;transform:scale(.35);transform-origin:left top}.record-detail__panel-intro{margin:0 0 12px;color:#6b7280;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.record-detail__selector-grid{display:grid;gap:12px;margin-bottom:12px}.record-detail__selector-field{display:flex;flex-direction:column;gap:8px}.record-detail__selector-field span{color:#6b7280;font-size:12px;font-weight:600}.record-detail__selector-field select{width:100%;min-width:0;padding:10px 12px;border:1px solid #ddd6fe;border-radius:12px;background:#fff;color:#1f2937;font-size:13px;line-height:1.5;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.record-detail__selector-field select:focus{border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea26}.record-detail__right-panel-subsections{display:flex;flex-direction:column;gap:12px;min-height:0}.record-detail__right-panel .record-detail__info-grid,.record-detail__right-panel .record-detail__right-panel-subsections{flex:1 1 auto}.record-detail__right-top-main .record-detail__info-grid{flex:1 1 auto;grid-template-columns:repeat(3,minmax(0,1fr))}.record-detail__right-panel .record-detail__info-item{min-height:0;padding:8px 10px}.record-detail__info-item--placeholder{background:linear-gradient(180deg,#fbfaff,#f7f4ff);opacity:.5}.record-detail__right-panel .record-detail__info-item strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.record-detail__right-panel .record-detail__info-card{padding:12px;min-height:0;overflow:hidden}.record-detail__right-panel .record-detail__info-card h3{margin-bottom:8px}.record-detail__main-layout.is-stacked .record-detail__main-right{width:100%;height:auto}.record-detail__main-layout.is-stacked .record-detail__right-panel{height:auto}.record-detail__main-layout.is-stacked .record-detail__right-top-row{flex-direction:column;flex-basis:auto;min-height:auto}.record-detail__main-layout.is-stacked .record-detail__top-cards-row,.record-detail__main-layout.is-stacked .record-detail__middle-index-cards-row{grid-template-columns:1fr}.record-detail__main-layout.is-stacked .record-detail__middle-index-cards{flex-basis:auto;min-height:323px}.record-detail__main-layout.is-stacked .record-detail__right-panel>.card{min-height:180px}.record-detail__main-layout.is-stacked .record-detail__summary-editor-panel{flex:none;min-height:220px}.record-detail__main-layout.is-stacked .record-detail__summary-editor-layout{flex-direction:column}.record-detail__main-layout.is-stacked .record-detail__summary-editor-side{flex-basis:auto;flex-direction:row}.record-detail__main-layout.is-stacked .record-detail__summary-confirm-button{min-height:52px}.record-detail__main-layout.is-stacked .record-detail__layer-context-panel{min-height:180px}.record-detail__board-shell{width:min(100%,var(--record-detail-board-width));height:var(--record-detail-board-height);min-width:0}.record-detail__board-square{width:100%;height:100%;min-width:0}.record-detail__board-square>.record-detail__astrolabe-frame{width:100%;height:100%}.record-detail__astrolabe-frame{--record-detail-direction-padding: clamp(14px, calc(var(--record-detail-board-size) / 40), 18px);position:relative;width:100%;height:100%}.record-detail__palace-direction-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.record-detail__palace-direction-label{position:absolute;color:#8b7355;font-size:clamp(10px,calc(var(--record-detail-board-size) / 72),12px);line-height:1;white-space:nowrap;letter-spacing:.2px}.record-detail__palace-direction-slot-0{top:2px;left:17%;transform:translate(-50%)}.record-detail__palace-direction-slot-1{top:2px;left:38%;transform:translate(-50%)}.record-detail__palace-direction-slot-2{top:2px;left:62%;transform:translate(-50%)}.record-detail__palace-direction-slot-3{top:2px;left:83%;transform:translate(-50%)}.record-detail__palace-direction-slot-4{top:30%;right:6px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;line-height:1.15}.record-detail__palace-direction-slot-5{top:56%;right:6px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;line-height:1.15}.record-detail__palace-direction-slot-6{right:17%;bottom:2px;transform:translate(50%)}.record-detail__palace-direction-slot-7{right:38%;bottom:2px;transform:translate(50%)}.record-detail__palace-direction-slot-8{right:62%;bottom:2px;transform:translate(50%)}.record-detail__palace-direction-slot-9{right:83%;bottom:2px;transform:translate(50%)}.record-detail__palace-direction-slot-10{top:56%;left:6px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;line-height:1.15}.record-detail__palace-direction-slot-11{top:30%;left:6px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;line-height:1.15}.record-detail__astrolabe-board{position:absolute;inset:var(--record-detail-direction-padding);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:4px;min-width:0;z-index:2}.record-detail__palace-sifang-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:4}.record-detail__palace-sifang-line{fill:none;stroke:#7e57c257;stroke-width:1;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.record-detail__palace-sifang-line.is-triangle{stroke:#7e57c247}.record-detail__palace-sifang-line.is-opposite{stroke:#7e57c26b}.record-detail__palace-sifang-node{fill:#fff;stroke:#7e57c2ad;stroke-width:1;vector-effect:non-scaling-stroke}.record-detail__palace-sifang-node.is-selected{fill:#7e57c2eb;stroke:#fff}.record-detail__palace-cell,.record-detail__center-cell{border-radius:12px;box-sizing:border-box}.record-detail__palace-cell{position:relative;z-index:3;min-height:0;padding:var(--record-detail-board-padding);background:#fff;border:1px solid #d6e3ef;display:flex;flex-direction:column;gap:6px;overflow:hidden;box-shadow:0 6px 14px #38608a0f;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.record-detail__palace-cell.is-related{border-color:#ca494947}.record-detail__palace-cell.is-selected{border-color:#7c3aedc7;box-shadow:0 10px 20px #7c3aed1f,inset 0 0 0 2px #7c3aed3d}.record-detail__palace-cell:not(.is-placeholder):hover{transform:translateY(-1px);box-shadow:0 10px 18px #38608a1a,inset 0 0 0 1px #6484aa14}.record-detail__palace-cell:not(.is-placeholder):focus-visible{outline:2px solid rgba(62,126,194,.5);outline-offset:2px}.record-detail__palace-cell.is-destiny-palace{background:linear-gradient(180deg,#fffdfd,#fff7f8);box-shadow:0 5px 12px #be185d0a}.record-detail__palace-cell.is-body-palace{background:linear-gradient(180deg,#fbfdff,#f4f8fd);box-shadow:0 5px 12px #34557c0a}.record-detail__palace-cell.is-original-palace{background:linear-gradient(180deg,#fffefc,#fffdf4)}.record-detail__palace-cell.is-placeholder{justify-content:center;align-items:center;background:#f3f8fd;border-style:dashed;border-color:#bfd0e0;box-shadow:none;cursor:default}.record-detail__palace-empty{color:#8aa0b8;font-size:13px}.record-detail__palace-self-mutagen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}.record-detail__palace-self-mutagen-marker{filter:drop-shadow(0 2px 4px rgba(15,23,42,.18))}.record-detail__palace-self-mutagen-shape{stroke:#ffffffe0;stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-linejoin:round}.record-detail__palace-self-mutagen-marker.is-dual .record-detail__palace-self-mutagen-shape{stroke-width:1.35}.record-detail__palace-self-mutagen-shape.is-dual-fill{stroke:none}.record-detail__palace-self-mutagen-shape.is-dual-left,.record-detail__palace-self-mutagen-shape.is-dual-right{opacity:.88}.record-detail__palace-self-mutagen-dual-blend{pointer-events:none}.record-detail__palace-professional-top{display:flex;min-height:42px;align-items:flex-start}.record-detail__palace-top-stars{display:flex;width:100%;flex-wrap:nowrap;gap:2px;min-width:0;align-items:flex-start;overflow:hidden}.record-detail__palace-star-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 auto;min-width:0}.record-detail__palace-star-main{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0}.record-detail__palace-star-name{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;color:#1d4f82;font-size:var(--record-detail-star-font-size);font-weight:600;line-height:1.2;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.5px;border-radius:4px;padding:2px 1px;transition:background-color .2s ease,color .2s ease}.record-detail__palace-star-item.is-minor .record-detail__palace-star-name{color:#667b93}.record-detail__palace-star-item.is-sha .record-detail__palace-star-name{color:#7d6e66}.record-detail__palace-star-item.is-mutagen-lu .record-detail__palace-star-name{color:#66a63a}.record-detail__palace-star-item.is-mutagen-ke .record-detail__palace-star-name{color:#5fa8ff}.record-detail__palace-star-item.is-mutagen-quan .record-detail__palace-star-name{color:#b184f4}.record-detail__palace-star-item.is-mutagen-ji .record-detail__palace-star-name{color:#c83a3a}.record-detail__palace-star-item .record-detail__palace-star-name.is-fly-mutagen-lu{background:#66a63a;color:#fff}.record-detail__palace-star-item .record-detail__palace-star-name.is-fly-mutagen-quan{background:#8b5cf6;color:#fff}.record-detail__palace-star-item .record-detail__palace-star-name.is-fly-mutagen-ke{background:#3b82f6;color:#fff}.record-detail__palace-star-item .record-detail__palace-star-name.is-fly-mutagen-ji{background:#dc2626;color:#fff}.record-detail__palace-star-mutagen{display:inline-flex;align-items:center;justify-content:center;width:18px;min-width:18px;height:18px;padding:0;border-radius:50%;background:#66a63a;color:#fff;font-size:11px;font-weight:700;line-height:1;margin-top:3px;align-self:center;box-sizing:border-box}.record-detail__palace-star-mutagen-slot{display:flex;align-items:center;justify-content:center;min-height:58px;margin-top:2px}.record-detail__palace-star-mutagen-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.record-detail__palace-star-mutagen-placeholder{visibility:hidden;width:18px;min-width:18px;height:18px}.record-detail__palace-star-mutagen.is-mutagen-ke{background:#5fa8ff;color:#fff}.record-detail__palace-star-mutagen.is-mutagen-quan{background:#b184f4;color:#fff}.record-detail__palace-star-mutagen.is-mutagen-ji{background:#c83a3a;color:#fff}.record-detail__palace-star-brightness{color:#6f86a0;font-size:var(--record-detail-brightness-font-size);line-height:1.2;margin-top:1px;text-align:center}.record-detail__palace-star-brightness.is-professional{color:#d98989}.record-detail__palace-badge-group{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.record-detail__palace-name{color:#17314d;font-size:var(--record-detail-palace-name-font-size);font-weight:600;line-height:1.2;word-break:keep-all;white-space:nowrap;text-align:center}.record-detail__palace-name.is-earth-primary,.record-detail__palace-name.is-human-primary{color:#c83a3a}.record-detail__palace-name-secondary{color:#adb8c6;font-size:calc(var(--record-detail-palace-name-font-size) - 1px);line-height:1.1;white-space:nowrap;text-align:center}.record-detail__palace-name-tertiary{color:#b7c0cc;font-size:calc(var(--record-detail-palace-name-font-size) - 2px);line-height:1.05;white-space:nowrap;text-align:center}.record-detail__palace-professional-middle{display:flex;align-items:center;justify-content:center;flex:1;min-height:30px}.record-detail__palace-core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.record-detail__palace-professional-bottom{position:relative;min-height:54px}.record-detail__palace-left-tag-list{position:absolute;left:0;bottom:0;display:grid;align-items:flex-start;justify-items:start;gap:2px;min-width:0}.record-detail__palace-relative-label{position:absolute;left:50%;bottom:0;transform:translate(-50%);color:#8b7355;font-size:var(--record-detail-side-font-size);line-height:1.2;white-space:nowrap;text-align:center;pointer-events:none}.record-detail__palace-horoscope-overlay{position:absolute;right:var(--record-detail-board-padding);top:50%;transform:translateY(-50%);pointer-events:none;z-index:2;max-width:calc(100% - (var(--record-detail-board-padding) * 2))}.record-detail__palace-title-group{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:1px;min-width:0}.record-detail__palace-status-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px;min-width:0;margin-bottom:2px}.record-detail__palace-left-tag{color:#667b93;font-size:var(--record-detail-side-font-size);line-height:1.2;white-space:nowrap}.record-detail__palace-left-tag.is-boshi{color:#2f6d46;font-weight:600}.record-detail__palace-right-group{position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:6px;min-width:0}.record-detail__palace-identity-group{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:4px;min-width:0}.record-detail__palace-horoscope-groups{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:4px;min-width:0;max-width:100%}.record-detail__palace-horoscope-group{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:2px;min-width:0;max-width:100%}.record-detail__palace-horoscope-text{font-size:clamp(10px,calc(var(--record-detail-side-font-size) - 1px),13px);line-height:1.1;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-align:right}.record-detail__palace-horoscope-text.is-decadal{color:#2f6d46}.record-detail__palace-horoscope-text.is-yearly{color:#3568c8}.record-detail__palace-changsheng{color:#8b94a6;font-size:clamp(10px,calc(var(--record-detail-side-font-size) - 1px),13px);line-height:1.1;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;text-align:right}.record-detail__mutagen-star.is-mutagen-lu{color:#66a63a}.record-detail__mutagen-star.is-mutagen-ke{color:#5fa8ff}.record-detail__mutagen-star.is-mutagen-quan{color:#b184f4}.record-detail__mutagen-star.is-mutagen-ji{color:#c83a3a}.record-detail__palace-stem-branch{display:flex;flex-direction:column;align-items:flex-end;font-size:calc(var(--record-detail-side-font-size) + 2px);font-weight:600;line-height:1.1;text-align:right;white-space:nowrap}.record-detail__palace-heavenly-stem{color:#17314d}.record-detail__palace-earthly-branch{color:#7c3aed}.record-detail__palace-name{color:#dc2626;align-self:flex-end;margin-bottom:2px}.record-detail__palace-text-empty{color:#a0b0c1;font-size:var(--record-detail-side-font-size);line-height:1.3}.record-detail__palace-badge{padding:1px 7px;border-radius:999px;font-size:var(--record-detail-badge-font-size);font-weight:600;line-height:1.5}.record-detail__palace-badge.is-destiny{background:#dbeeff;color:#18558f}.record-detail__palace-badge.is-body{background:#d7e4f7;color:#244d80}.record-detail__palace-badge.is-origin{background:#f7ecd2;color:#8a6220}.record-detail__palace-age{color:#587392;font-size:var(--record-detail-side-font-size);line-height:1.3;text-align:center}.record-detail__palace-year-range{color:#8b94a6;font-size:clamp(10px,calc(var(--record-detail-side-font-size) - 1px),13px);line-height:1.2;text-align:center}.record-detail__palace-year-range.is-human-tag{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:1px 6px;border-radius:999px;background:#c83a3a1f;color:#b53a3a;font-size:10px;font-weight:700;line-height:1.2}.record-detail__center-cell{position:relative;z-index:3;grid-column:2 / span 2;grid-row:2 / span 2;background:linear-gradient(180deg,#fff,#ebf4fd);border:1px solid #cfddea;padding:var(--record-detail-board-padding);display:flex;flex-direction:column;box-shadow:0 10px 24px #2f5f9214}.record-detail__center-header{margin-bottom:8px}.record-detail__center-title{display:block;color:#1f4f86;font-size:var(--record-detail-center-title-font-size);font-weight:600}.record-detail__center-subtitle{display:block;color:#6c84a0;font-size:10px;margin-top:4px}.record-detail__center-list{display:flex;flex-direction:column;gap:4px;flex:1}.record-detail__center-field{display:flex;align-items:flex-start;gap:6px}.record-detail__center-label{display:block;width:46px;flex-shrink:0;color:#6f86a0;font-size:var(--record-detail-center-label-font-size);line-height:1.5}.record-detail__center-value{display:block;flex:1;color:#17314d;font-size:var(--record-detail-center-value-font-size);line-height:1.45;word-break:break-all}.record-detail__mutagen-list{display:flex;flex:1;flex-wrap:wrap;gap:2px 10px}.record-detail__mutagen-item{display:flex;align-items:center;gap:2px;font-size:11px;line-height:1.45}.record-detail__mutagen-key{color:#6f86a0;font-size:11px}.record-detail__mutagen-star{font-size:11px;font-weight:600}.record-detail__center-cell.is-snapshot{background:transparent;border-color:#d9d2c4;padding:clamp(24px,calc(var(--record-detail-board-size) / 30),28px);box-shadow:inset 0 0 0 1px #ffffff6b,0 8px 18px #60543d14;overflow:hidden}.record-detail__center-snapshot{display:flex;flex:1;flex-direction:column;gap:6px;min-height:0;color:#4d4d4d}.record-detail__center-snapshot-section{min-height:0}.record-detail__center-snapshot-section.is-profile{flex:0 0 26%}.record-detail__center-snapshot-section.is-pillars{flex:0 0 42%;display:flex;align-items:center}.record-detail__center-snapshot-section.is-luck{flex:1 1 32%;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.record-detail__center-snapshot-profile{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:space-between}.record-detail__center-snapshot-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;min-width:0}.record-detail__center-snapshot-field{display:inline-flex;align-items:baseline;gap:2px;min-width:0;max-width:100%;color:#5f5a54;font-size:var(--record-detail-star-font-size);line-height:1.05;white-space:nowrap}.record-detail__center-snapshot-field.is-right{justify-content:flex-end;margin-left:auto}.record-detail__center-snapshot-field.is-value-only{font-weight:600}.record-detail__center-snapshot-label{color:#6b655c;flex-shrink:0;font-size:inherit;line-height:inherit}.record-detail__center-snapshot-value{color:#4b4945;font-size:inherit;line-height:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis}.record-detail__center-snapshot-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;height:100%;align-items:center}.record-detail__center-snapshot-pillars.is-single{grid-template-columns:minmax(0,1fr)}.record-detail__center-snapshot-pillar-column{display:flex;flex-direction:column;gap:2px;min-width:0;justify-content:center}.record-detail__center-snapshot-pillar-title{color:#726a5f;font-size:var(--record-detail-star-font-size);line-height:1.05}.record-detail__center-snapshot-pillar-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.record-detail__center-snapshot-pillar-line.is-stem{margin-top:1px}.record-detail__center-snapshot-pillar-char{display:inline-flex;justify-content:center;align-items:center;min-width:0;font-size:clamp(22px,calc(var(--record-detail-board-size) / 29),28px);font-weight:600;line-height:.95;letter-spacing:-.06em}.record-detail__center-snapshot-pillar-char.is-metal{color:#c79a2b}.record-detail__center-snapshot-pillar-char.is-wood{color:#2f9e44}.record-detail__center-snapshot-pillar-char.is-water{color:#2563eb}.record-detail__center-snapshot-pillar-char.is-fire{color:#dc2626}.record-detail__center-snapshot-pillar-char.is-earth{color:#8b5e3c}.record-detail__center-snapshot-start-luck{color:#6a665e;font-size:clamp(10px,calc(var(--record-detail-board-size) / 72),11px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-detail__center-snapshot-luck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;align-items:stretch;min-height:0}.record-detail__center-snapshot-luck-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-width:0;text-align:center}.record-detail__center-snapshot-luck-top{display:flex;align-items:center;justify-content:center;gap:1px;font-size:clamp(12px,calc(var(--record-detail-board-size) / 48),15px);font-weight:600;line-height:.95;letter-spacing:-.08em}.record-detail__center-snapshot-luck-top.is-metal{color:#c79a2b}.record-detail__center-snapshot-luck-top.is-wood{color:#2f9e44}.record-detail__center-snapshot-luck-top.is-water{color:#2563eb}.record-detail__center-snapshot-luck-top.is-fire{color:#dc2626}.record-detail__center-snapshot-luck-top.is-earth{color:#8b5e3c}.record-detail__center-snapshot-luck-char{display:block}.record-detail__center-snapshot-luck-middle,.record-detail__center-snapshot-luck-age,.record-detail__center-snapshot-luck-year{color:#6d685f;font-size:clamp(14px,calc(var(--record-detail-board-size) / 52),15px);line-height:1.08;white-space:nowrap}.record-detail__grid-slot-0{grid-column:1;grid-row:1}.record-detail__grid-slot-1{grid-column:2;grid-row:1}.record-detail__grid-slot-2{grid-column:3;grid-row:1}.record-detail__grid-slot-3{grid-column:4;grid-row:1}.record-detail__grid-slot-4{grid-column:4;grid-row:2}.record-detail__grid-slot-5{grid-column:4;grid-row:3}.record-detail__grid-slot-6{grid-column:4;grid-row:4}.record-detail__grid-slot-7{grid-column:3;grid-row:4}.record-detail__grid-slot-8{grid-column:2;grid-row:4}.record-detail__grid-slot-9{grid-column:1;grid-row:4}.record-detail__grid-slot-10{grid-column:1;grid-row:3}.record-detail__grid-slot-11{grid-column:1;grid-row:2}.record-detail__fortune-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.record-detail__analysis-intro{margin:0 0 16px;color:#4b5563;font-size:13px;line-height:1.7}.record-detail__analysis-stars,.record-detail__analysis-error{margin-top:16px}.record-detail__chip-list{display:flex;flex-wrap:wrap;gap:10px}.record-detail__chip{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-weight:600}.record-detail__notes-placeholder,.record-detail__empty-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:20px;border-radius:18px;border:1px dashed #d8b4fe;background:linear-gradient(180deg,#faf7ff,#fff);color:#6b7280;text-align:center;line-height:1.7}.record-detail__notes-placeholder strong{color:#111827;font-size:16px}.record-detail__notes-placeholder p{margin:0}.record-detail__empty-block.is-compact{min-height:120px}@media (max-width: 1280px){.record-detail__basic-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.record-detail__main-layout{--record-detail-board-size: min(100%, 640px)}}@media (max-width: 1080px){.detail-page{overflow:auto}.record-detail__main-layout,.record-detail__main-layout.is-stacked{flex-direction:column;flex:none;min-height:auto;overflow:visible}.record-detail__main-left,.record-detail__main-layout.is-stacked .record-detail__main-left,.record-detail__main-right,.record-detail__main-layout.is-stacked .record-detail__main-right{width:100%}.record-detail__main-left,.record-detail__main-layout.is-stacked .record-detail__main-left{margin:0}}@media (max-width: 768px){.record-detail__header,.record-detail__header-main,.record-detail__header-side{display:flex;flex-direction:column;align-items:stretch}.record-detail__header-title-row,.record-detail__header-side,.record-detail__header-time{flex-wrap:wrap}.record-detail__basic-strip,.record-detail__info-grid,.record-detail__analysis-grid,.record-detail__fortune-grid{grid-template-columns:1fr}.record-detail__basic-stat,.record-detail__basic-stat.is-wide{grid-column:span 1;align-items:flex-start;min-height:auto;padding:12px 0;text-align:left}.record-detail__basic-stat.with-divider,.record-detail__basic-stat.is-wide.with-divider{border-left:none;border-top:1px solid #d1d5db}.record-detail__back-link{width:24px}.record-detail__header-search{width:100%;flex-basis:auto}.record-detail-search{width:100%}.record-detail__astrolabe-board{grid-template-columns:repeat(2,minmax(0,1fr))}.record-detail__center-cell{grid-column:1 / span 2;grid-row:4 / span 2}.record-detail__grid-slot-0{grid-column:1;grid-row:1}.record-detail__grid-slot-1{grid-column:2;grid-row:1}.record-detail__grid-slot-2{grid-column:1;grid-row:2}.record-detail__grid-slot-3{grid-column:2;grid-row:2}.record-detail__grid-slot-4{grid-column:1;grid-row:3}.record-detail__grid-slot-5{grid-column:2;grid-row:3}.record-detail__grid-slot-6{grid-column:1;grid-row:6}.record-detail__grid-slot-7{grid-column:2;grid-row:6}.record-detail__grid-slot-8{grid-column:1;grid-row:7}.record-detail__grid-slot-9{grid-column:2;grid-row:7}.record-detail__grid-slot-10{grid-column:1;grid-row:8}.record-detail__grid-slot-11{grid-column:2;grid-row:8}}.system-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100% - 48px);border:1px dashed #d1d5db;border-radius:24px;background:#fff;color:#6b7280}.system-placeholder h1{margin:0 0 12px}.system-placeholder p{margin:0}.system-settings{display:flex;flex-direction:column;gap:20px}.system-settings__header{display:flex;flex-direction:column;gap:8px}.system-settings__header h1{margin:0;color:#111827;font-size:28px;line-height:1.2}.system-settings__header p{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.system-settings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.system-settings__card{display:flex;flex-direction:column;gap:20px;min-height:240px;padding:24px;border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 10px 28px #0f172a0f}.system-settings__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.system-settings__card-header h2{margin:0 0 8px;color:#111827;font-size:18px;line-height:1.3}.system-settings__card-header p{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.system-settings__version{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 12px;border-radius:999px;background:#f3e8ff;color:#7c3aed;font-size:13px;font-weight:700;line-height:1}.system-settings__switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #ede9fe;border-radius:20px;background:#faf7ff;cursor:pointer}.system-settings__switch-text{display:flex;flex-direction:column;gap:6px}.system-settings__switch-text strong{color:#1f2937;font-size:15px;line-height:1.4}.system-settings__switch-text span{color:#6b7280;font-size:13px;line-height:1.6}.system-settings__switch-track{position:relative;flex:0 0 auto;width:52px;height:30px;border-radius:999px;background:#d1d5db;transition:background-color .2s ease,box-shadow .2s ease}.system-settings__switch-track.is-on{background:#8b5cf6;box-shadow:0 0 0 4px #8b5cf624}.system-settings__switch-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0f172a2e;transition:transform .2s ease}.system-settings__switch-track.is-on .system-settings__switch-thumb{transform:translate(22px)}.system-settings__switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.system-settings__about{display:flex;flex-direction:column;gap:14px}.system-settings__about-actions{display:flex;justify-content:flex-start}.system-settings__poster{display:flex;flex-direction:column;gap:16px}.system-settings__poster-info{display:flex;flex-direction:column;gap:8px}.system-settings__poster-label{color:#6b7280;font-size:13px;line-height:1.5}.system-settings__poster-url{color:#1f2937;font-size:15px;line-height:1.7;word-break:break-all}.system-settings__poster-url-row{display:flex;align-items:flex-start;gap:12px}.system-settings__poster-url-row .system-settings__poster-url{flex:1;min-width:0}.system-settings__poster-copy-button{min-height:34px;padding:0 14px;flex-shrink:0}.system-settings__poster-description{margin:0;color:#4b5563;font-size:14px;line-height:1.7}.system-settings__poster-error{margin:0;color:#b91c1c;font-size:14px;line-height:1.7}.system-settings__poster-actions{display:flex;flex-wrap:wrap;gap:12px}.system-settings__detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:1px solid #d8b4fe;border-radius:999px;background:#faf5ff;color:#7c3aed;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.system-settings__detail-button:hover{background:#f3e8ff;border-color:#c084fc;transform:translateY(-1px)}.system-settings__detail-button:disabled{cursor:not-allowed;opacity:.56;transform:none}@media (max-width: 720px){.system-settings__poster-url-row{flex-direction:column;align-items:stretch}.system-settings__poster-copy-button{width:fit-content}}.system-poster-export-host{position:fixed;left:-20000px;top:0;width:720px;padding:0;pointer-events:none;visibility:hidden}.system-poster-export-canvas{width:720px;min-height:960px;padding:28px;box-sizing:border-box;background:#f3efff}.system-poster-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;display:flex;align-items:center;justify-content:center;padding:24px}.system-poster-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a75}.system-poster-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(820px,100%);max-height:min(86vh,920px);border:1px solid #e5e7eb;border-radius:28px;background:#fff;box-shadow:0 24px 80px #0f172a33;overflow:hidden}.system-poster-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #ede9fe;background:linear-gradient(180deg,#fcfaff,#fff)}.system-poster-modal__header-text h2{margin:0 0 8px;color:#111827;font-size:22px;line-height:1.2}.system-poster-modal__header-text p{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.system-poster-modal__header-actions{display:flex;align-items:center;gap:10px}.system-poster-modal__download,.system-poster-modal__close{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer}.system-poster-modal__download{min-height:40px;padding:0 16px;border:1px solid #d8b4fe;background:#faf5ff;color:#7c3aed;font-size:14px;font-weight:600}.system-poster-modal__download:disabled{cursor:not-allowed;opacity:.56}.system-poster-modal__close{width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:24px;line-height:1}.system-poster-modal__body{padding:28px;overflow:auto}.system-poster-card{display:flex;flex-direction:column;gap:18px;width:100%;max-width:620px;margin:0 auto;padding:30px 32px 28px;border-radius:32px;background:radial-gradient(circle at top center,#c4b5fd42,#fff0 34%),linear-gradient(180deg,#fff,#f8f5ff);box-shadow:inset 0 0 0 1px #ede9fee6,0 18px 40px #7c3aed14}.system-poster-card.is-export{width:100%;max-width:none;margin:0;min-height:904px;box-sizing:border-box}.system-poster-card__brand{display:flex;align-items:center;justify-content:center;gap:14px}.system-poster-card__brand-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.system-poster-card__brand-text{display:flex;flex-direction:column;gap:4px}.system-poster-card__brand-name{color:#111827;font-size:16px;font-weight:700;line-height:1.35}.system-poster-card__header{display:flex;flex-direction:column;gap:10px;text-align:center}.system-poster-card__eyebrow{color:#7c3aed;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em}.system-poster-card__header h3{margin:0;color:#111827;font-size:34px;line-height:1.18}.system-poster-card__header p{margin:0;color:#6b7280;font-size:18px;line-height:1.6}.system-poster-card__hero{display:flex;justify-content:center}.system-poster-card__hero-tip{max-width:420px;margin:0;color:#4b5563;font-size:16px;line-height:1.75;text-align:center}.system-poster-card__qr-section{display:flex;justify-content:center}.system-poster-card__qr-frame{display:flex;align-items:center;justify-content:center;width:272px;height:272px;padding:18px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #ede9fe,0 10px 30px #0f172a14}.system-poster-card__qr{width:100%;height:100%;display:block}.system-poster-card__qr-empty{color:#9ca3af;font-size:16px;line-height:1.6;text-align:center}.system-poster-card__qr-hint{color:#7c3aed;font-size:14px;font-weight:600;line-height:1.5;text-align:center}.system-poster-card__content{display:flex;flex-direction:column;gap:14px}.system-poster-card__description{margin:0;color:#374151;font-size:15px;line-height:1.8;text-align:center}.system-poster-card__url-block{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #e9d5ff;border-radius:20px;background:#ffffffdb}.system-poster-card__url-label{color:#7c3aed;font-size:13px;font-weight:700;line-height:1.4}.system-poster-card__url{color:#1f2937;font-size:15px;line-height:1.8;word-break:break-all}.system-poster-card__footer{display:flex;flex-direction:column;gap:4px;padding-top:6px;text-align:center}.system-poster-card__footer-title{color:#4b5563;font-size:14px;font-weight:700;line-height:1.5}.system-poster-card__footer-subtitle{color:#9ca3af;font-size:12px;line-height:1.5}.system-about-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}.system-about-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a6b}.system-about-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:min(760px,100%);max-height:min(80vh,860px);border:1px solid #e5e7eb;border-radius:28px;background:#fff;box-shadow:0 24px 80px #0f172a33;overflow:hidden}.system-about-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 18px;border-bottom:1px solid #ede9fe;background:linear-gradient(180deg,#fcfaff,#fff)}.system-about-modal__header-text h2{margin:0 0 8px;color:#111827;font-size:22px;line-height:1.2}.system-about-modal__header-text p{margin:0;color:#7c3aed;font-size:14px;font-weight:700;line-height:1.4}.system-about-modal__close{flex:0 0 auto;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#6b7280;font-size:24px;line-height:1;cursor:pointer}.system-about-modal__body{display:flex;flex-direction:column;gap:18px;padding:24px;overflow:auto}.system-about-modal__section{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border:1px solid #ede9fe;border-radius:20px;background:#fcfbff}.system-about-modal__section h3{margin:0;color:#1f2937;font-size:17px;line-height:1.4}.system-about-modal__section ul{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px;color:#4b5563;font-size:14px;line-height:1.75}.system-settings__summary{margin:0;color:#374151;font-size:14px;line-height:1.7}.system-settings__about-list{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px;color:#4b5563;font-size:14px;line-height:1.7}@media (max-width: 1080px){.system-settings__grid{grid-template-columns:1fr}}@media (max-width: 768px){.system-poster-modal{padding:16px}.system-poster-modal__dialog{border-radius:22px}.system-poster-modal__header,.system-poster-modal__body{padding:18px}.system-poster-modal__header-actions{flex-wrap:wrap;justify-content:flex-end}.system-poster-card{padding:20px;border-radius:24px}.system-poster-card__brand{gap:10px}.system-poster-card__brand-logo{width:40px;height:40px}.system-poster-card__brand-name{font-size:14px}.system-poster-card__header h3{font-size:28px}.system-poster-card__header p,.system-poster-card__description,.system-poster-card__hero-tip{font-size:14px}.system-poster-card__qr-frame{width:224px;height:224px}.system-about-modal{padding:16px}.system-about-modal__dialog{max-height:min(86vh,860px);border-radius:22px}.system-about-modal__header,.system-about-modal__body{padding:18px}.system-about-modal__section{padding:16px}}