File size: 2,328 Bytes
6c88771 c3b07e1 5dc10e2 6c88771 c3b07e1 5dc10e2 6027380 6c88771 c3b07e1 6c88771 c3b07e1 f07433f 6c88771 c3b07e1 6c88771 c3b07e1 6c88771 09b166c 6c88771 09b166c 6c88771 d4a1d39 6c88771 d4a1d39 6c88771 f07433f 6c88771 f07433f 6c88771 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 |
/* --- Global --- */
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
overflow: hidden; /* 背景がはみ出ないように */
}
/* フォントの404エラーを防ぐため、システムフォントのみを使用 */
* {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* Gradio内部のフォント参照を上書き */
@font-face {
font-family: 'ui-sans-serif';
src: local('system-ui'), local('-apple-system'), local('BlinkMacSystemFont');
font-weight: normal;
}
@font-face {
font-family: 'ui-sans-serif';
src: local('system-ui'), local('-apple-system'), local('BlinkMacSystemFont');
font-weight: bold;
}
@font-face {
font-family: 'system-ui';
src: local('system-ui'), local('-apple-system'), local('BlinkMacSystemFont');
font-weight: normal;
}
@font-face {
font-family: 'system-ui';
src: local('system-ui'), local('-apple-system'), local('BlinkMacSystemFont');
font-weight: bold;
}
/* --- Layout --- */
.gradio-container {
max-width: 1000px !important;
margin: 0 auto !important;
background-color: transparent !important;
padding: 1rem !important;
}
/* --- Background --- */
.background-container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
background-size: cover;
background-position: center;
filter: blur(2px) brightness(0.9);
opacity: 0.5;
transition: background-image 0.5s ease-in-out;
}
/* --- Components --- */
.header, .footer {
text-align: center;
color: #333;
padding: 0.5rem;
}
.footer a {
color: #555;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.chatbot {
background-color: rgba(255, 255, 255, 0.75) !important;
border-radius: 12px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: none !important;
}
/* チャットメッセージのスタイル */
.chatbot > .message-wrap {
border-radius: 8px !important;
padding: 10px !important;
margin: 8px !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
} |