#dot-cards-ui,.dot-card-dialog{--ink:#193c42;--muted:#51696f;--paper:#fbfaf6;--line:#d8e0dc;font-family:var(--huiwen-font-family,'Huiwen Sans TC'),'PingFang TC','Microsoft JhengHei',system-ui,sans-serif;color:var(--ink);font-size:15px;line-height:1.6;box-sizing:border-box}#dot-cards-ui{position:fixed;left:16px;bottom:20px;z-index:35;max-width:calc(100vw - 32px)}#dot-cards-ui button,.dot-card-dialog button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;min-height:44px;font:inherit}#dot-cards-ui>button{background:#075548;color:white;box-shadow:0 4px 20px #193c4222}.dot-cards-pane{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;width:min(420px,calc(100vw - 72px));max-height:65dvh;overflow:auto;box-shadow:0 8px 30px #193c4233;margin-top:8px}.dot-cards-pane[hidden]{display:none}.dot-cards-pane form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dot-cards-pane input:not([type=checkbox]),.dot-cards-pane select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #9aaeb0;border-radius:8px;background:white;color:var(--ink);min-height:44px;font:inherit}.dot-cards-pane form>input{grid-column:1/-1}.dot-cards-pane label{display:block}.dot-cards-pane input[type=range]{padding:0;accent-color:#075548}.dot-card-list{display:grid;gap:12px;margin:12px 0}.dot-card-list article,.dot-card-dialog article{border-top:5px solid var(--island-color,#075548);border-radius:10px;padding:16px;background:#fff}.dot-card-list article>button{display:block;text-align:left;width:100%;font-weight:700!important;border:0!important;padding:8px 0!important}.dot-card-list small,.dot-card-dialog small{color:var(--island-color,#075548);font-weight:700}.dot-muted{font-size:13px;color:var(--muted)}.dot-card-dialog{width:min(900px,calc(100vw - 40px));max-height:85dvh;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--paper)}.dot-card-dialog::backdrop{background:#142f3c99}.dot-card-dialog>button:first-child{float:right}.dot-card-dialog dt{font-size:13px;color:var(--muted)}.dot-card-dialog dd{margin:0 0 12px}.dot-card-dialog time{font-weight:700;color:#075548}.dot-card-dialog li{margin-bottom:12px}.dot-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dot-card-dialog button{margin:4px}.dot-card-dialog a{color:#075548;text-decoration:underline}.dot-relation-graph{width:100%;height:auto;background:white;border-radius:12px}.dot-relation-graph text{font-family:inherit;fill:#193c42;font-size:12px}#dot-cards-ui :focus-visible,.dot-card-dialog :focus-visible{outline:3px solid #d88c36;outline-offset:3px}@media(max-width:760px){#dot-cards-ui{bottom:80px;left:12px}.dot-cards-pane{max-height:55dvh}.dot-card-dialog{padding:16px}.dot-compare{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#dot-cards-ui *,.dot-card-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
