.doc-architecture{min-height:100vh}.doc-architecture .wrap,.doc-architecture .wrap *,.doc-architecture .wrap :before,.doc-architecture .wrap :after{box-sizing:border-box;margin:0;padding:0}.doc-architecture{--shouen:#c0392b;--shouen-l:#faece7;--shouen-d:#7a1a0a;--honbu:#185fa5;--honbu-l:#e6f1fb;--honbu-d:#0c447c;--bg:#fff;--bg2:#f4f6fa;--bg3:#eceef3;--t1:#1a1a1f;--t2:#4a4a55;--t3:#8a8a96;--bd:#00000014;--bd2:#00000024;--green:#2d7d46;--green-l:#eaf5ee;--amber:#7a4a00;--amber-l:#fff3e0;--r:8px;--rl:14px;--font:var(--font-gothic)}@media (prefers-color-scheme:dark){.doc-architecture{--bg:#111117;--bg2:#1a1a22;--bg3:#222230;--t1:#e4e4ec;--t2:#a0a0b0;--t3:#58585e;--bd:#ffffff17;--bd2:#ffffff26;--shouen-l:#2d0806;--honbu-l:#071428;--green-l:#071a0e;--amber-l:#1a0e00;--shouen-d:#f08070;--honbu-d:#85b7eb}}.doc-architecture{font-family:var(--font);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.6}.doc-architecture .wrap{max-width:980px;margin:0 auto;padding:32px 20px 48px}.doc-architecture .hd-band{border-bottom:2px solid var(--shouen);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:14px;display:flex}.doc-architecture .hd-badge{background:var(--shouen);color:#fff;letter-spacing:.04em;border-radius:5px;padding:4px 11px;font-size:11px;font-weight:700}.doc-architecture .hd-title{color:var(--t1);font-size:20px;font-weight:700}.doc-architecture .hd-sub{color:var(--t3);margin-left:auto;font-size:11px}.doc-architecture .hd-kv{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.doc-architecture .kv-card{background:var(--bg2);border-radius:var(--r);border:.5px solid var(--bd);padding:12px 14px}.doc-architecture .kv-n{color:var(--shouen);font-size:22px;font-weight:700;line-height:1}.doc-architecture .kv-l{color:var(--t3);margin-top:3px;font-size:10px}.doc-architecture .sec-wrap{margin-bottom:8px}.doc-architecture .sec-label{color:var(--t3);letter-spacing:.1em;margin-bottom:5px;padding-left:2px;font-size:9px;font-weight:700}.doc-architecture .sec-box{background:var(--bg2);border-radius:var(--r);border:.5px solid var(--bd);padding:10px 12px}.doc-architecture .sec-box.white{background:var(--bg)}.doc-architecture .arrow{text-align:center;color:var(--t3);letter-spacing:.05em;margin:3px 0;font-size:12px}.doc-architecture .user-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.doc-architecture .user-card{background:var(--bg);border:.5px solid var(--bd2);border-radius:var(--r);text-align:center;border-top:2px solid var(--shouen);padding:10px 12px}.doc-architecture .user-name{color:var(--t1);font-size:12px;font-weight:700}.doc-architecture .user-info{color:var(--t3);margin-top:3px;font-size:10px;line-height:1.35}.doc-architecture .portal-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.doc-architecture .portal{background:var(--bg);border-radius:var(--rl);border:1px solid var(--bd);padding:12px 12px 10px}.doc-architecture .portal.honbu{border-top:3px solid var(--honbu)}.doc-architecture .portal.shoten{border-top:3px solid var(--shouen)}.doc-architecture .portal-hd{border-bottom:.5px solid var(--bd);align-items:center;gap:7px;margin-bottom:9px;padding-bottom:8px;display:flex}.doc-architecture .portal-badge{border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.doc-architecture .badge-h{background:var(--honbu-l);color:var(--honbu-d)}.doc-architecture .badge-s{background:var(--shouen-l);color:var(--shouen-d)}.doc-architecture .portal-name{font-size:12px;font-weight:700}.doc-architecture .portal-cnt{color:var(--t3);margin-left:auto;font-size:10px}.doc-architecture .mod-list{flex-direction:column;gap:4px;display:flex}.doc-architecture .mod{border-radius:6px;padding:7px 9px}.doc-architecture .mod.h{background:var(--honbu-l)}.doc-architecture .mod.s{background:var(--shouen-l)}.doc-architecture .mod-hd{justify-content:space-between;align-items:center;display:flex}.doc-architecture .mod-title{font-size:11px;font-weight:700}.doc-architecture .mod-title.h{color:var(--honbu-d)}.doc-architecture .mod-title.s{color:var(--shouen-d)}.doc-architecture .mod-num{color:#fff;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.doc-architecture .mod-num.h{background:var(--honbu)}.doc-architecture .mod-num.s{background:var(--shouen)}.doc-architecture .mod-fn{color:var(--t2);margin-top:3px;font-size:10px;line-height:1.4}.doc-architecture .common-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.doc-architecture .common-item{border-left:2px solid var(--green);background:var(--green-l);border-radius:0 6px 6px 0;padding:6px 8px}.doc-architecture .common-title{color:var(--green);font-size:10px;font-weight:700}.doc-architecture .common-sub{color:var(--t2);margin-top:2px;font-size:9px;line-height:1.35}.doc-architecture .fe-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}.doc-architecture .fe-card{background:var(--bg);border:.5px solid var(--bd2);border-radius:var(--r);padding:8px 10px}.doc-architecture .fe-title{color:var(--t1);font-size:11px;font-weight:700}.doc-architecture .fe-sub{color:var(--t2);margin-top:3px;font-size:9px;line-height:1.4}.doc-architecture .tags-wrap{border-top:.5px solid var(--bd);margin-top:0;padding-top:7px}.doc-architecture .tags-label{color:var(--t3);margin-bottom:4px;font-size:9px;font-weight:700}.doc-architecture .tag-row{flex-wrap:wrap;gap:3px;display:flex}.doc-architecture .tag{background:var(--bg3);border:.5px solid var(--bd);color:var(--t2);border-radius:3px;padding:2px 6px;font-size:9px}.doc-architecture .api-bar{background:var(--bg3);border-radius:var(--r);border:.5px solid var(--bd);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 14px;display:flex}.doc-architecture .api-arrow{color:var(--t3);font-size:14px;font-weight:700}.doc-architecture .api-item{background:var(--bg);border:.5px solid var(--bd2);color:var(--t2);border-radius:4px;padding:3px 8px;font-size:10px}.doc-architecture .api-item.em{background:var(--honbu-l);border-color:var(--honbu);color:var(--honbu-d);font-weight:700}.doc-architecture .be-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.doc-architecture .be-card{background:var(--bg);border:.5px solid var(--bd2);border-radius:var(--r);padding:9px 11px}.doc-architecture .be-title{color:var(--t1);font-size:11px;font-weight:700}.doc-architecture .be-sub{color:var(--t2);margin-top:3px;font-size:9px;line-height:1.4}.doc-architecture .dom-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.doc-architecture .dom-card{border-radius:var(--r);text-align:center;padding:8px 6px}.doc-architecture .dom-card:first-child,.doc-architecture .dom-card:nth-child(5){background:var(--honbu-l)}.doc-architecture .dom-card:nth-child(2),.doc-architecture .dom-card:nth-child(6){background:var(--shouen-l)}.doc-architecture .dom-card:nth-child(3){background:var(--green-l)}.doc-architecture .dom-card:nth-child(4){background:var(--amber-l)}.doc-architecture .dom-card:nth-child(7){background:var(--bg3)}.doc-architecture .dom-n{font-size:11px;font-weight:700}.doc-architecture .dom-card:first-child .dom-n,.doc-architecture .dom-card:nth-child(5) .dom-n{color:var(--honbu-d)}.doc-architecture .dom-card:nth-child(2) .dom-n,.doc-architecture .dom-card:nth-child(6) .dom-n{color:var(--shouen-d)}.doc-architecture .dom-card:nth-child(3) .dom-n{color:var(--green)}.doc-architecture .dom-card:nth-child(4) .dom-n{color:var(--amber)}.doc-architecture .dom-card:nth-child(7) .dom-n{color:var(--t2)}.doc-architecture .dom-s{color:var(--t2);margin-top:3px;font-size:9px;line-height:1.35}.doc-architecture .cross-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.doc-architecture .cross-item{border-left:2px solid var(--amber);background:var(--amber-l);border-radius:0 6px 6px 0;padding:6px 8px}.doc-architecture .cross-title{color:var(--amber);font-size:10px;font-weight:700}.doc-architecture .cross-sub{color:var(--t2);margin-top:2px;font-size:9px;line-height:1.35}.doc-architecture .foot{border-top:.5px solid var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:12px;display:flex}.doc-architecture .foot-l{color:var(--t3);font-size:10px}.doc-architecture .foot-badge{flex-wrap:wrap;gap:6px;display:flex}.doc-architecture .lang-tag{background:var(--bg3);color:var(--t3);border:.5px solid var(--bd);border-radius:3px;padding:2px 7px;font-size:9px}@media (max-width:640px){.doc-architecture .user-grid{grid-template-columns:1fr 1fr}.doc-architecture .portal-grid{grid-template-columns:1fr}.doc-architecture .common-grid,.doc-architecture .fe-grid{grid-template-columns:1fr 1fr}.doc-architecture .dom-grid{grid-template-columns:repeat(4,1fr)}.doc-architecture .cross-grid,.doc-architecture .hd-kv{grid-template-columns:1fr 1fr}.doc-architecture .be-grid{grid-template-columns:1fr}}@media print{.doc-architecture{background:#fff}@page{margin:15mm}}