.ui-frame{max-width:860px;margin:20px auto;background:radial-gradient(circle at top,#1b1f3a 0%,#090909 45%,#000000 100%);color:#f5e7b2;border:1px solid #c9a24f;border-radius:14px;box-shadow:0 0 0 1px rgba(201,162,79,.35),0 0 24px rgba(201,162,79,.18),0 0 60px rgba(83,102,255,.12) inset;overflow:hidden;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;position:relative;}
.ui-frame::before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.65) 0,transparent 100%),radial-gradient(1.5px 1.5px at 70% 20%,rgba(255,244,200,.7) 0,transparent 100%),radial-gradient(1px 1px at 40% 75%,rgba(255,255,255,.55) 0,transparent 100%),radial-gradient(1.5px 1.5px at 85% 60%,rgba(255,230,150,.5) 0,transparent 100%),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.45) 0,transparent 100%);pointer-events:none;opacity:.9;}
.ui-frame>text,.ui-frame .story-content{display:block;position:relative;z-index:1;padding:22px 22px 10px 22px;}
.ui-frame>p,.ui-frame text p,.ui-frame .story-content p{margin:0 0 14px 0;color:#f8f1d4;text-shadow:0 0 8px rgba(255,223,132,.08);}
.ui-frame details{position:relative;z-index:1;margin:10px 14px;border:1px solid rgba(201,162,79,.72);border-radius:10px;background:linear-gradient(180deg,rgba(32,26,16,.88) 0%,rgba(10,10,10,.92) 100%);overflow:hidden;box-shadow:0 0 18px rgba(201,162,79,.08);}
.ui-frame details details{margin:10px;border-color:rgba(212,175,55,.45);background:rgba(255,215,120,.04);}
.ui-frame summary{list-style:none;cursor:pointer;padding:12px 16px;color:#ffd978;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,rgba(212,175,55,.18) 0%,rgba(255,255,255,.02) 100%);border-bottom:1px solid rgba(201,162,79,.35);transition:all .25s ease;}
.ui-frame summary::-webkit-details-marker{display:none;}
.ui-frame summary:hover{background:linear-gradient(90deg,rgba(212,175,55,.28) 0%,rgba(255,255,255,.04) 100%);color:#fff0b8;text-shadow:0 0 10px rgba(255,217,120,.35);}
.ui-frame details[open]>summary{box-shadow:inset 0 -1px 0 rgba(201,162,79,.35),0 0 12px rgba(201,162,79,.08);}
.ui-frame details:not(:has(summary)){}
.ui-frame details{padding-bottom:8px;}
.ui-frame details>*:not(summary){padding-left:16px;padding-right:16px;color:#f2e6c4;}
.ui-frame details details>*:not(summary){padding-bottom:8px;white-space:pre-line;}
.ui-frame .meta-line{padding:16px 22px 0 22px;color:#e9d7a0;position:relative;z-index:1;}
.ui-frame .meta-line strong{color:#ffd978;}
.ui-frame next_prompt,.ui-frame .next-prompt{display:block;position:relative;z-index:1;margin:14px;padding:14px 16px;border:1px solid rgba(201,162,79,.72);border-radius:10px;background:linear-gradient(180deg,rgba(18,18,28,.96) 0%,rgba(8,8,8,.96) 100%);color:#f8edc9;box-shadow:0 0 18px rgba(98,117,255,.12);}
.ui-frame next_prompt br,.ui-frame .next-prompt br{line-height:1.9;}
.ui-frame next_prompt{white-space:pre-line;}
.ui-frame text+details{margin-top:4px;}
.ui-frame em,.ui-frame i{color:#ffe7a6;}
.ui-frame strong,.ui-frame b{color:#ffd978;}
@media (max-width:640px){.ui-frame{margin:10px;border-radius:10px;font-size:14px;}.ui-frame>text,.ui-frame .story-content{padding:16px 14px 8px 14px;}.ui-frame summary{padding:10px 12px;font-size:14px;}.ui-frame details{margin:8px;}.ui-frame .meta-line{padding:12px 14px 0 14px;}.ui-frame next_prompt,.ui-frame .next-prompt{margin:10px;padding:12px;}}