:root { /* Light (預設) */ --bg: #ffffff; --text: #111827; --muted: gray; --accent: rgb(202, 107, 42); --highlight: #f19e00; --panel-bg: #ffffff; --panel-border: #ccc; --secondary-bg: #f5f5f5; --inverse-text: #ffffff; --option-img-filter: none; } /* Dark theme (套用 .theme-dark 到或 ) */ .theme-dark { --bg: #0b0b0b; --text: #ffffff; --muted: #9ca3af; --accent: rgb(202, 107, 42); --highlight: #f19e00; --panel-bg: #121212; --panel-border: #333; --secondary-bg: #141414; --inverse-text: #ffffff; --option-img-filter: invert(1); } h1 { color: var(--text); } .table { color: var(--text); } dt, dt { color: var(--text); } .group-list-box { max-width: 390px; } .displayA { font-size: x-large; color: var(--accent) !important; /* margin-top: 1rem;*/ } .create-icon-div { width: 50px; height: 50px; /* position: fixed; bottom: 10px; right: 10px;*/ } .create-icon-div2 { width: 25px; height: 25px; /* position: fixed; bottom: 10px; right: 10px;*/ } .create-icon-img { width: 30px; height: 30px; } .create-icon-img2 { width: 30px; height: 30px; } .delete-icon-img { width: 25px; height: 25px; } .parentName { /* font-size: 20px;*/ color: chocolate; } .childCompanysValue { border: 1px solid darkgray; color: var(--highlight) !important; } .childCompanysValue:hover { background-color: yellow; } .contentDiv { font-size: 20px; color: chocolate; } .pieChartArea { width: 370px; } .loading { display: inline; margin-left: 10px; z-index: 9999; } .loading img { width: 30px; height: 30px; } .chart-area { width: 100px; background-color: var(--secondary-bg); } .chart-message { position: absolute; } .chart-message-text { -webkit-transform: scale(0.75); font-size: 9px; display: inline-block; color: var(--muted); } .personal-img { width: 40px; height: 40px; border-radius: 50%; background-size: cover; padding: 2px; border: outset 1px; margin: 5px 0px 5px 0px; } .close-img { width: 20px; height: 20px; } .close-img-area { position: absolute; right: 10px } .news-area { height: 500px; overflow-y: auto; overflow-x: hidden; } .option-img-area { position: absolute; right: 0px } .option-img { width: 20px; height: 20px; filter: var(--option-img-filter); } .info-img { width: 20px; height: 20px; padding: 1px; margin-bottom: 3px; } .details-window { display: none; width: 360px; height: auto; border: 1px solid var(--panel-border); box-shadow: 0 0 10px var(--panel-border); position: absolute; z-index: 99999; background-color: var(--panel-bg); } .details-header { background-color: var(--secondary-bg); padding: 10px; border-bottom: 1px solid var(--panel-border); } .close-details-btn { float: right; border: none; background-color: transparent; cursor: pointer; } .details-body { background-color: var(--panel-bg); padding: 10px; color: var(--text); } } .trade-table-area { padding-bottom: 5px; } .ui-dropdownchecklist-selector { height: 25px; } .video-wrapper { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 25px; grid-auto-rows: 60px; } .video-wrapper .box1 { grid-column-start: 1; grid-row-start: 1; grid-row-end: 2; } .video-wrapper .box2 { grid-column-start: 1; grid-row-start: 1; /* grid-row-end: 3;*/ font-size: 15px; padding-right: 18px; } .video-wrapper .box2 p { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; /*行數*/ -webkit-box-orient: vertical; white-space: normal; } .video-wrapper .box3 { grid-column-start: 1; grid-row-start: 2; } .video-wrapper .box4 { grid-column-start: 1; grid-row-start: 3; } .video-wrapper .box6 { grid-column-start: 1; grid-row-start: 3; } .video-wrapper.box5 img { width: 100%; max-width: 800px; max-height: 800px; } .video-wrapper.box5 .media { display: block !important; max-width: 800px; max-height: 800px; } #YT-table-tbody { } .video-card-body { background-color: var(--panel-bg); width: 390px; margin: 5px; position: relative; } .chain-video-area { height: 500px; overflow-y: auto; } .percent-text { font-size: 12px; color: inherit; } .vote-text { font-size: 15px; margin-left: 10px; } .recommand-text { font-size: 15px; margin-left: 10px; } .ui-dropdownchecklist-text { color: var(--text) !important; }