:root{--navy:#07142e;--panel:#101f40;--panel2:#172b53;--gold:#e9c56a;--blue:#48a9ff;--text:#f8fbff;--muted:#aebbd2;--line:#304873;--red:#ff6e78;--green:#60d49b;--shadow:0 18px 45px #02091680;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:var(--text);background:#050c1c;color-scheme:dark}
[hidden]{display:none!important}.qr-card{display:grid;justify-items:center;gap:8px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#07142e}.qr-card svg{max-width:220px;height:auto}.qr-card b{font-size:28px;letter-spacing:.18em}\n*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#19376c 0,#07142e 35%,#050b18 80%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:68px;padding:0 max(18px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;background:#061126e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:9px;color:white;background:none;border:0}.brand>span{color:var(--gold);font-size:24px}.brand b{font-size:18px}.brand small{color:var(--muted)}.version{font-size:12px;color:var(--gold);border:1px solid #e9c56a66;border-radius:99px;padding:5px 10px}.global-nav{height:52px;position:sticky;top:68px;z-index:29;display:flex;justify-content:center;background:#091733ed;border-bottom:1px solid #ffffff18}.global-nav button{min-width:110px;border:0;background:none;color:var(--muted);font-weight:700;border-bottom:3px solid transparent}.global-nav button.active{color:white;border-color:var(--blue)}main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 100px}.hero{text-align:center;padding:42px 16px 34px}.hero .ornament{color:var(--gold);font-size:24px}.hero p{margin:7px 0;color:var(--muted)}.hero h1{margin:4px 0;font-size:clamp(30px,6vw,54px);background:linear-gradient(#fff,#b9d6ff);background-clip:text;color:transparent}.home-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.menu-card{min-height:180px;display:grid;grid-template-columns:48px 1fr 20px;grid-template-rows:1fr auto;align-items:center;text-align:left;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#17294c,#0d1933);color:white;box-shadow:var(--shadow)}.menu-card>span{grid-row:1/3;font-size:30px;color:var(--gold)}.menu-card b{font-size:21px}.menu-card small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}.menu-card i{grid-row:1/3;grid-column:3;color:var(--blue);font-size:24px}.menu-card.featured{border-color:#4aaaff88;background:linear-gradient(145deg,#1a3c70,#102044)}.transfer-panel{margin-top:24px;border:1px solid var(--line);border-radius:16px;background:#0c1933}.transfer-panel summary{padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.transfer-panel summary span{display:flex;flex-direction:column}.transfer-panel summary small{color:var(--muted);margin-top:4px}.transfer-body{padding:0 22px 22px}.button-row,.short-transfer{display:flex;gap:10px;flex-wrap:wrap}.primary,.upload-button{background:linear-gradient(#2e91e7,#1a62bd)!important;border-color:#5bb4ff!important;color:white!important}.status{color:var(--green)}.status.error,.error{color:var(--red)}
.page-heading{text-align:center;margin-bottom:28px}.page-heading>p{color:var(--gold);font-weight:800;letter-spacing:.16em}.page-heading h1{margin:0;font-size:34px}.page-heading span{display:block;color:var(--muted);margin-top:8px}.vertical-menu{max-width:700px;margin:auto;display:grid;gap:14px}.vertical-menu button{display:grid;grid-template-columns:48px 1fr 18px;align-items:center;text-align:left;padding:20px;border:1px solid var(--line);border-radius:16px;color:white;background:var(--panel)}.vertical-menu button>span{font-size:22px;color:var(--gold)}.vertical-menu button b{font-size:19px}.vertical-menu button small{display:block;color:var(--muted);margin-top:4px}.vertical-menu button i{grid-column:3;grid-row:1/3;color:var(--blue)}.data-page{margin-top:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title>div{display:flex;align-items:center;gap:12px}.panel-title>div>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.panel-title h2{margin:0}.panel-title button,.button-row button,.short-transfer button,.short-transfer input,.toolbar input,.toolbar select,.proposal-card select,.proposal-card input,dialog button,dialog textarea{border:1px solid var(--line);background:#142747;color:white;border-radius:10px;padding:10px 12px}.photo-box,.proposal-card,.results-card,.guide-card,.notice,.coming-soon{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;margin:16px 0}.photo-box summary{font-weight:800}.upload-button{display:inline-block;margin-top:10px;padding:11px 14px;border-radius:10px;cursor:pointer}.hint,.notice{color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.toolbar input[type=search]{flex:1;min-width:220px;border:1px solid var(--line);background:#0c1830;color:white;border-radius:10px;padding:12px}.toolbar span{color:var(--muted)}.item-list{display:grid;gap:8px}.item-row{border:1px solid #283e65;border-radius:13px;background:#0d1b37}.item-row summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;list-style:none}.item-row summary::-webkit-details-marker{display:none}.item-row.is-owned{border-color:#4da9ff;background:#102b50}.item-name{display:flex;align-items:center;gap:10px}.color-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 9px currentColor}.color-赤{color:#ef5c61;background:#ef5c61}.color-青{color:#5a9cff;background:#5a9cff}.color-黄{color:#f4d85c;background:#f4d85c}.color-緑{color:#64d788;background:#64d788}.color-紫{color:#bd75eb;background:#bd75eb}.item-name small{display:block;color:var(--muted);margin-top:4px}.item-controls{display:flex;gap:12px;flex-wrap:wrap;padding:0 15px 15px}.item-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted)}.item-controls select{min-width:100px;border:1px solid var(--line);background:#172b50;color:white;border-radius:9px;padding:9px}.chip-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:5px}.chip-tabs button{border:1px solid var(--line);border-radius:99px;padding:9px 14px;color:var(--muted);background:#0c1830;white-space:nowrap}.chip-tabs button.active{background:#1d65b0;color:white;border-color:#5ab3ff}
.member-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.member-tabs button{min-width:0;border:1px solid var(--line);background:#0d1a34;color:var(--muted);padding:12px 8px;border-radius:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-tabs button small{display:block;font-size:10px;margin-top:3px;color:inherit}.member-tabs button.active{background:linear-gradient(#287fc9,#1a579e);border-color:#6dc3ff;color:white}.sticky-member-tabs{position:sticky;top:120px;z-index:20;background:#07142ef2;padding:10px 0;backdrop-filter:blur(8px)}.training-section{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px;margin-top:15px}.training-section h3{margin-top:0}.field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.field-grid label,.priority-row label{display:flex;flex-direction:column;gap:5px;color:var(--muted)}.field-grid input,.field-grid select,.priority-row select{width:100%;border:1px solid var(--line);background:#122547;color:white;border-radius:9px;padding:10px}.details-block{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.section-label{display:flex;justify-content:space-between;gap:12px}.section-label small{color:var(--muted)}.order-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.order-row label{display:flex;align-items:center;gap:8px}.order-row select{flex:1}.priority-list{display:grid;gap:12px;margin-top:16px}.priority-row{padding:14px;border:1px solid var(--line);border-radius:13px;background:#0d1a35}.priority-row>div{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center}.context-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.calculate-button{width:100%;margin:18px 0;border:1px solid #79caff;border-radius:14px;padding:17px;background:linear-gradient(#3098ed,#1a62b9);color:white;font-size:18px;font-weight:900;box-shadow:0 10px 30px #2486db55}.results-card{min-height:180px}.empty{display:grid;place-items:center;gap:8px;color:var(--muted);padding:38px}.result-member{border-top:1px solid var(--line);padding:18px 0}.result-member:first-child{border-top:0}.memory-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-result{border:1px solid var(--line);border-radius:10px;background:#0d1b37;padding:10px}.memory-result small{display:block;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.metric{border:1px solid #2d4774;border-radius:10px;padding:10px}.metric small,.metric span{display:block;color:var(--muted)}.metric b{font-size:18px}.coming-soon{text-align:center;color:var(--muted)}.coming-soon b{color:var(--gold);display:block}.guide-card p{color:var(--muted);line-height:1.8}.back-to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid #6bbdff;background:#173d70;color:white;z-index:40}dialog{border:1px solid var(--line);border-radius:16px;background:#0d1a34;color:white;width:min(580px,calc(100% - 30px));padding:22px}dialog::backdrop{background:#010614bb}dialog textarea{width:100%;margin:10px 0}
@media(max-width:760px){.site-header{height:58px}.brand small{display:none}.global-nav{top:58px;height:48px}.global-nav button{min-width:0;flex:1;font-size:13px}main{width:min(100% - 20px,700px);padding-top:22px}.home-menu{grid-template-columns:1fr}.menu-card{min-height:112px}.sticky-member-tabs{top:106px}.field-grid{grid-template-columns:repeat(2,1fr)}.context-fields{grid-template-columns:1fr}.memory-result-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:1fr}.order-row{grid-template-columns:1fr}.section-label{flex-direction:column}.version{font-size:10px}}
.view[hidden],.data-page[hidden],.vertical-menu[hidden]{display:none!important}
