/* assets/css/dice.css - V8.2 */
body {
    background-color: #F3E5F5; /* 浅紫背景 */
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F3E5F5 100%);
    color: #4A148C;
    --nav-active: #8E24AA;
}
.large-title { color: #8E24AA; }
.btn-primary { background: #8E24AA; box-shadow: 0 4px 15px rgba(142, 36, 170, 0.3); }

/* 3D 骰子 (紫色) */
.dice-stage { perspective: 1000px; min-height: 240px; display: flex; flex-wrap: wrap; gap: 40px; align-items: center; justify-content: center; padding: 20px 0; }
.dice-cube { position: relative; width: 80px; height: 80px; transform-style: preserve-3d; transition: transform 1s cubic-bezier(0.1, 0.9, 0.2, 1); }
.dice-face {
    position: absolute; width: 80px; height: 80px; background: #fff; 
    border: 3px solid #E1BEE7; border-radius: 16px;
    display: flex; align-items: center; justify-content: center; 
    font-size: 32px; font-weight: 900; color: #8E24AA;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.05);
}
.df-1 { transform: translateZ(40px); } .df-2 { transform: rotateY(180deg) translateZ(40px); }
.df-3 { transform: rotateY(90deg) translateZ(40px); } .df-4 { transform: rotateY(-90deg) translateZ(40px); }
.df-5 { transform: rotateX(90deg) translateZ(40px); } .df-6 { transform: rotateX(-90deg) translateZ(40px); }

/* 控制器 - 经典样式复刻 */
.dice-card { 
    background: rgba(255,255,255,0.9); backdrop-filter: blur(10px); 
    border-radius: 20px; padding: 20px; margin-top: 20px; 
    box-shadow: 0 8px 30px rgba(0,0,0,0.05); border: 1px solid rgba(255,255,255,0.8); 
}
.dice-list { display: flex; flex-direction: column; gap: 10px; margin-top: 15px; }
.dice-row { display: flex; gap: 10px; }
.dice-inp-item { flex: 1; display: flex; align-items: center; background: #fff; padding: 8px 12px; border-radius: 8px; border: 1px solid #eee; }
.dice-inp-item label { font-size: 12px; color: #999; margin-right: 8px; font-weight: bold; }
.dice-inp-item input { border: none; width: 100%; outline: none; font-size: 13px; color: #333; background: transparent; }
.dice-result-line { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #eee; align-items: center; }
.dice-val { font-weight: bold; color: #8E24AA; font-size: 16px; width: 28px; height: 28px; background: #F3E5F5; border-radius: 50%; display: flex; align-items: center; justify-content: center; }